Ответы в темах

Просмотр 10 ответов — с 31 по 40 (всего 40)
  • Так, дошло до маразма 🙂

    Это работает:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
        <style type="text/css">
            .MyMenu {
                border: solid 1px black;
                float: right;
                width: 15%;
            }
    
            .MyText {
                border: solid 1px black;
                margin-right: 16%;
            }
        </style>
    </head>
    <body>
        <div class="MyMenu">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec massa enim, egestas id egestas eu, sollicitudin blandit justo.
        </div>
        <div class="MyText">
            Ура!<br />
            Это текст статьи<br />
            Stay tuned!
        </div>
    </body>
    </html>

    А это уже нет:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <head>
        <style>
            .MyMenu {
                border: solid 1px black;
                float: right;
                width: 15%;
            }
    
            .MyText {
                border: solid 1px black;
                margin-right: 16%;
            }
        </style>
    </head>
    <body>
        <div class="MyText">
            Ура!<br />
            Это текст статьи<br />
            Stay tuned!
        </div>
        <div class="MyMenu">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec massa enim, egestas id egestas eu, sollicitudin blandit justo.
        </div>
    </body>
    </html>

    Разница только в том, в какой очередности выводятс в HTML блоки с правым меню и текстом :-/

    Вообще бред какой-то….

    Вкралась подлая ошибка во второй пример верный вариант вот такой (он все равно не работает):

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <head>
        <style>
            .MyText {
                margin-right: 20%;
            }
            .MyMenu {
                float: right;
                background-color: rgba(248, 248, 248, 0.69);
                padding: 24px;
                width:18%;
            }
        </style>
    </head>
    <body>
    <div style="border: solid 1px black;"> <!-- page -->
        <div style="border: solid 1px red;"> <!--wrapper-->
            <div class="MyText"> <!-- main text-->
                <div> <!-- content -->
                    <article>
                        <header>
                            <h1>Это заголовок статьи</h1>
                            <div>
                                <p>Ура!</p>
                                <p style="text-align: justify;">Это текст статьи</p> <br /> Stay tuned!
                            </div>
                        </header>
                    </article><!-- #post -->
                </div><!-- #content -->
            </div><!-- #main text -->
            <div class="MyMenu">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec massa enim, egestas id egestas eu, sollicitudin blandit justo.
            </div><!-- #secondary -->
        </div><!-- #main .wrapper -->
    </div><!-- #page -->
    </body>
    </html>

    Друзья, я так это просто не оставлю 🙂

    Провел небольшое исследование. Нашел 100% работающий резиновый стиль. Он работает. Вот, его код:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
     <html>
     <head>
      <style type="text/css">
        .top {
        border: solid 1px black;
        margin-bottom: 15px;
       }
       .menu {
        border: solid 1px black;
        float: right;
        width: 15%;
       }
       .content {
        border: solid 1px black;
        margin-right: 16%;
       }
       .bottom {
        border: solid 1px black;
        padding: 3px;
       }
      </style>
     </head>
     <body>
      <div class="top">Top menu</div>
      <div class="menu">
       <a href="link1.html">Link 1</a><br>
       <a href="link2.html">Link 2</a><br>
       <a href="link3.html">Link 3</a><br>
       <a href="link4.html">Link 4</a><br>
      </div>
      <div class="content">
       <h1>Lorem ipsum dolor sit amet</h1>
       <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy
       nibh euismod tincidunt ut lacreet dolore magna aliguam erat
       </p>
      </div>
      <div class="bottom">
       Lorem ipsum dolor sit amet, consectetuer adipiscing elit
      </div>
     </body>
    </html>

    Реализовал точно такойже подход, но в рамках модели вложенности DIV-ов стандартной схемы. Подход не работает. Вот, собственно код:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <head>
        <style>
            .MyText {
                margin-right: 20%;
            }
            .MyMenu {
                float: right;
                background-color: rgba(248, 248, 248, 0.69);
                padding: 24px;
            }
        </style>
    </head>
    <body>
    <div style="border: solid 1px black;"> <!-- page -->
        <div style="border: solid 1px red;"> <!--wrapper-->
            <div class="MyText"> <!-- main text-->
                <div> <!-- content -->
                    <article>
                        <header>
                            <h1>Это заголовок статьи</h1>
                            <div>
                                <p>Ура!</p>
                                <p style="text-align: justify;">Это текст статьи</p> <br /> Stay tuned!
                            </div>
                        </header>
                    </article><!-- #post -->
                </div><!-- #content -->
            </div><!-- #main text -->
            <div class="MyMenu" style="border: solid 1px green;">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec massa enim, egestas id egestas eu, sollicitudin blandit justo. Sed vel nunc eget felis dignissim porta tincidunt sit amet lorem. Nullam pharetra dignissim felis, eget euismod nisi venenatis id. Curabitur eu tempor purus. Aenean egestas mi sed purus porttitor fringilla. Morbi non pretium turpis. Maecenas id vulputate felis. Aenean tempus, ante sit amet aliquet posuere, enim sapien pharetra dui, at tincidunt erat turpis id libero. Suspendisse a urna tortor.
            </div><!-- #secondary -->
        </div><!-- #main .wrapper -->
    </div><!-- #page -->
    </body>
    </html>

    Плюс, немного напрягает неверное отражение вложенности DIV-вов во втором примере. У нас MyMenu и MyText должны быть вложены в один и тот же DIV с красной рамкой. Но, браузер отображает красную рамку только вокруг верхней части.

    В общем, либо лыжи не едут, либо я уже товойт, совсем ничего не понимаю.

    там в любом случае всегда будет зазор — если они впритык стоят при 1024×768 (к примеру), то при 950×768 впритык уже не будет — будет зазор.

    А, что мешает виджетам сжиматься еще сильнее? Вроде бы пробежался по всем элементам, ни у кого нету хардкода в пикселях. Однако ж, что-то не резиновое у виджитов. Как понять?

    ну автор темы чуть-чуть неправильно выставил проценты. откройте style.css и измените там 80% на 75%:

    Получается немного не то. Получается слишком большой разрыв между site-content и widget-area. Хотя панель виджетов не сползает вниз.

    Мне этот зазор не нужен. Он слишком большой, хочется его уменьшить и увеличить площадь, занимаемую site-content.

    Спасибо, помогло!

    Спасибо. Установил Simple Light Box, будем посмотреть. Lightbox Plus вроде не совместим с 4-й версией.

    PS. Оказывается, что искать-то надо было не по Carousel, а по LightBox 🙂

    Если не пугают коммерческие (платные) плагины, то в Google+ отлично пишет Social Networks Auto Poster (ссылка на сравнение версий).

    Спасибо, надо будет посмотреть.

    если честно я неумелый кросспостинг в социальные сети уже считаю вредным (из личного опыта)

    ну а кросспостинг из социальных просто выше моего понимания

    Хочется, что бы все же был умелый кросспостинг в сеть из блога. Блоггер делает это более-менее опрятно. Берет первую фотку, пастит начало текста и ссылка на запись блога. Не идеально, но жить омжно.

    c кросспостингом из гугла вам может помочь что то вроде https://wordpress.org/plugins/g-crossposting/

    Это как раз не то, что нужно, поскольку делает постинг из Google+ в WordPress, а мне хочется в обратную сторону из WordPress в Google+.

    есть целая куча подобных плагинов, Disqus в буржунете один из основных
    https://wordpress.org/plugins/disqus-comment-system/

    Надо изучить функционал 🙂

Просмотр 10 ответов — с 31 по 40 (всего 40)