Mila

Спасибо, инфа пригодится. Я об этом не знала.

Я бы тоже хотела это знать. А подробнее можно? Пока не очень понятно.

У меня почему то ни один из приведенных скриптов не работает. Браузер FF. Хотелось бы понять почему: то ли браузер глючит, то ли ошибки в коде.

Мне тоже дизайн понравился, светлый и приятный, но немного неудобная навигация. Расположена там, где не ожидаешь ее увидеть.

Пожалуйста, подскажите, как сделать непрозрачный текст в прозрачном блоке. Может, кому то приходилось решать такую задачу и у него получилось? У меня, что то никак не получается. Нашла одно решение, но оно мне не подошло потому, что содержит заданную высоту блока. Нижняя часть блока, если она не используется, скрыта. А в моем блоке закругленные края. Если нижняя часть блока скрыта, то они не отображаются, и нижние края блока получаются прямоугольными. Как с этим бороться? Помогите, плиз, кто может. Вот стиль для блока: .rightcolumn { position:relative; top: 80px; right: 30px; padding:30px; width:600px; color:#000; float:right; overflow:hidden; } .rightcolumn .transparency { opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; background-color:#fff; width:660px; height:2500px; position:absolute; top:0px; left:0px; border: 1px solid #9E5C28; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } А дальше из html страницы: <div class="rightcolumn"> <div class="transparency"> </div> Здесь идет текст </div>

У меня тоже были с этим сложности и только в Мозиле. Все ругают IE, а в нем таких проблем не бывает.

По поводу background - я уже пыталась. Дело в том, что ссылки в меню, к которым нужно добавить картинку длинные - на 2-3 строчки. И если поставить background - картинка располагается между строчек ссылки, а нужно, чтобы она стояла напротив 1й строки. По поводу padding я не поняла. Там же он есть, вроде?

Хотела поставить картинку с список вместо маркера, для этого пришлось переделать весь список. В итоге - сплошные хаки. Да еще, почему-то, одинаковые списки, стоящие в двух разных сидебарах отображаются совершенно по разному. Вот мой код: .sidebar { font-size: 14px; color: #000; font-weight: normal; padding: 0 20px 0 20px; background-color: #fff; border: #c0c0c0 1px solid; width: 150px; margin: 0 0 0 10px; } html>body .sidebar{ margin: 0 0 0 10px; padding-bottom: 15px; } .sidebar H2 { color: #000; font-size: 16px; font -weight: bold; padding-bottom: 2px; margin: 15px 0 10px 0; border-bottom: 2px #c0c0c0 solid; } .sidebar ul { padding: 5px 0 0 18px; margin: 0; list-style-image: url('images/2.gif'); list-style-position: outside; list-style-type: none; } .sidebar ul li { padding: 0 0 3px 5px; margin: 0; } html>body .sidebar ul { padding: 0 0 10px 16px; margin: 0; } html>body .sidebar ul li { position: relative; float: left; padding: 3px 0 0 0; margin: 0; } Подскажите, кто знает, а то я уже всю голову сломала - два дня сижу над этим. - Можно эту задачу решить без хаков? - Где я допустила ошибку, почему списки отображаются по разному?

polecat, Второй аккаунт мне пришлось зарегистрировать, потому что по первому аккаунту не смогла зайти. Все время появлялась надпись: Пароль не правильный. Хотя пароль был как раз нормальный - я его восстановила через функцию: "Забыли пароль". А вы, что такой злой? Ну не знаю я всего, потому и обращаюсь за помощью. А вы если знаете - так помогли бы, вместо того, чтобы ругаться. Когда-нибудь и вам помогут. Люди всегда получают то, что дали другим.

gordi, спасибо! Ваша подсказка помогла.

gordi, спасибо, что отозвались. Только я не поняла, что нужно закомментировать? Обьясните, пожалуйста подробнее. Спасибо!

Неужели никто не поможет? Народ, ау....

Что-то у меня не получается. в FF правая ссылка на navbarе уезжает в сторону. Промучилась с ней целый вечер и ничего не могу сделать. Помогите, пожалуйста кто-нибудь. Адрес: http://StranaSovetov.biz/ Вот код из хедера, а ниже стиль. <div id="navbarright"> <ul> <li><a href="http://localhost/wordpress/?page_id=3">Ответьте на вопрос!</a></li> </ul> </div> #navbar { COLOR: #ffffff; FONT-WEIGHT: normal; BACKGROUND: url(images/navbar.gif) #930a0d; MARGIN: 0 auto 0; PADDING: 0; WIDTH: 931px; HEIGHT: 30px; BORDER-TOP: #660000 1px solid; BORDER-BOTTOM: #660000 1px solid; } #navbarright{ WIDTH: 200px; FLOAT: right; PADDING: 0; MARGIN-right: 0; } html>body #navbarright { padding: 0 0 9px 0; FLOAT: right; right: 0px; } #navbarright UL { PADDING: 0; LIST-STYLE-TYPE: none; } #navbarright UL LI { MARGIN: 0; PADDING: 0; list-style-type: none; } #navbarright A { BACKGROUND: url(images/navbar.gif) #930a0d; COLOR: #ffffff; text-decoration: none; font-size: 14px; font-weight: normal; float: right; vertical-align: 0; padding: 6px 25px 8px 25px; } #navbarright A:visited { TEXT-DECORATION: none; background:url(images/navbar.gif) #930a0d; padding: 6px 25px 8px 25px; } #navbarright A:hover{ background: url(images/but.gif) #750002; color: #ffffff; padding: 6px 25px 8px 25px; } html>body #navbarright A { MARGIN: 0; } html>body #navbarright A:visited { MARGIN: 0; } html>body #navbarright A:hover { BACKGROUND: #750002; } #navbar P { PADDING: 0 0 0 10px; MARGIN: 0 auto; COLOR: #ffffff; } #navbar a, #navbar a:visited { MARGIN: 0; FONT-SIZE: 14px; font-weight: normal; COLOR: #ffffff; TEXT-DECORATION: none } #navbar a:hover { MARGIN: 0; COLOR: #ffffff; TEXT-DECORATION: none } #navbarleft { FLOAT: left; PADDING: 0; MARGIN: 0; } #nav { MARGIN: 0px; PADDING: 0px; LIST-STYLE-TYPE: none } #nav UL { MARGIN: 0; PADDING: 0; LIST-STYLE-TYPE: none; } #nav LI { FLOAT: left; MARGIN: 0; PADDING: 0; list-style-type: none; } html>body #nav A { MARGIN: 0; } html>body #nav A:visited { MARGIN: 0; } html>body #nav A:hover { BACKGROUND: #750002; } #nav A { BORDER-RIGHT: #af0405 1px solid; BORDER-LEFT: #5a0002 1px solid; BACKGROUND: url(images/navbar.gif) #930a0d; COLOR: #ffffff; text-decoration: none; font-size: 14px; font-weight: normal; float: left; vertical-align: 0; padding: 6px 25px 8px 25px; } #nav A:visited { TEXT-DECORATION: none; background:url(images/navbar.gif) #930a0d; padding: 6px 25px 8px 25px; } #nav A:hover{ background: url(images/but.gif) #750002; color: #ffffff; padding: 6px 25px 8px 25px; } Кстати, что-то меня ваш сайт не признает. Не могла зайти - пришлось заново регистрироваться.