Jump to content

YaD

User
  • Posts

    37
  • Joined

  • Last visited

Posts posted by YaD

  1. Например:

    #fixed-block {
    position: fixed;
    right: 2em;
    top: 100px;
    background: wheat;
    padding: 1.5em 1.5em 1.5em 3em;
    width: 15em;
    }

    * html #fixed-block {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop) + 100 + 'px');
    }

    вместо 100 проставьте кол-во пикселей, которые являются отступом от верхнего края страницы.

    Проверьте, а то я тож пока валенкоподобен в js=)

  2. Вопрос:

    Есть блог на wp. На главную в сайдбар выводятся превьюшки видео-роликов с ютуба. Превьюшки размерами: 110*80

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

    Код

    <object data="http://www.youtube.com/v/<?php echo stripcslashes($fvideo); ?>" type="application/x-shockwave-flash" width="110" height="80" style="border: 2px solid gray;"><param name="movie" value="http://www.youtube.com/v/<?php echo stripcslashes($fvideo); ?>" /><param name="wmode" value="transparent"/></object>

  3. Как раз читал баш, цитата: "А кто-нибудь еще использует ИЕ6? -Да, разработчики, которые считают, что кто-то еще использует ИЕ6" :)

    Сразу записал с вашими параметрами.

       1.  * {
    2. margin: 0;
    3. }
    4. html, body {
    5. height: 100%;
    6. overflow: auto;
    7. }
    8. .wrapper {
    9. position: relative;
    10. width: 100%;
    11. height: 100%;
    12. overflow: auto;
    13. }
    14. .box {
    width:200px;
    background:#F8F8F8;
    15. position: fixed;
    16. left: 10px;
    17. top: 180px;
    padding:2px;
    border:1px #CDCDCD solid;
    right:4px;
    bottom:2px;
    z-index:81
    18. }
    19. * html .box {
    20. position: absolute;
    21. }

    <html>
    <head>
    <link rel="stylesheet" href="layout.css" ... />
    </head>
    <body>
    <div class="wrapper">
    <p>Весь контент здесь.</p>
    </div>
    <div class="box">
    <p>А этот блок фиксированный.</p>
    </div>
    </body>
    </html>

    Найдено на первых строчках яндекса. Кстати, а чем вам expression не угодил? И кто сказал, что с его помощью блок крепится к топу? expression - метод для ИЕ, чтобы в цсс можно было вставлять куски js-кода для поддержки несуществующих в ИЕ функций. Там как бы координаты задаете и в путь. Но этот метод тоже рабочий.

  4. Вопрос:

    Есть блог на wp. На главную в сайдбар выводятся превьюшки видео-роликов с ютуба. Превьюшки размерами: 110*80

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

    <object data="http://www.youtube.com/v/<?php echo stripcslashes($fvideo); ?>" type="application/x-shockwave-flash" width="110" height="80" style="border: 2px solid gray;"><param name="movie" value="http://www.youtube.com/v/<?php echo stripcslashes($fvideo); ?>" /><param name="wmode" value="transparent"/><param name="width" value="400"/></object>

  5. Просто интересно стало.. Нормальный ли вариант:

    Сверстать сайт как есть без руля. А руль после всего прицепить абсолютом с плюсовым Z индексом.

    Причем тень у руля сделать с полупрозрачной альфой (возможно матовой, для плавности).

    Вот.

    А есть ли смысл? Руль и так стоит сейчас абсолютом с плюсовым индексом.

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

    Ехать с шашечками)) Но если серьезно, то нужен именно средний вариант. Думаю попробовать сделать картинку руля побольше и просто запихать лишнее за край монитора. Решение некрасивое, но...

  6. Поместите руль в контейнер с белым листом. Руль абсолютно спозиционируйте. При помощи margin-top: -y; margin-left: -x; сделайте отрицательное смещение.

    И перестаньте up'ать, если возможность есть ответить, то вам обязательно ответят.

    Благодарю за ответ. Осталось решить, как сделать так, чтобы руль теперь не отлипал от левого края экрана)

    Не спорю, что ответят, но за новыми темами могут и не заметить.

  7. Задайте фиксированную ширину для ячеек leftoid и righttoid. Естественно что они смещаются, т.к. ширина у них в процентах стоит, а ширина руля всегда одинаковая.

    Если задам конкретную величину - потеряется резиновость. А это - главное требование.

  8. Есть сайт: 1494909m.jpg

    В углу есть элемент:

    #rul{
    position: absolute;
    z-index: 20;
    }

    <div id="rul"><img src="/images/rul.png" /></div>
    в хеадере.

    Как сделать так, чтобы при изменении разрешения монитора, руль оставался прижатым к левому краю, но тень ложилась ровно на белый лист (края тени и края листа должны совпадать)?

  9. я, конечно, не гуру, но, имхо, нужен и код страницы. Вы как-то странно выкладываете: сначала картинку, потом часть css стиля. Когда будет код страницы? Хз, как у вас организовано построения шаблона страницы.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy