Ladoga
-
Posts
19 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Ladoga
-
спасибо за ответы. К сожалению средствами CSS не подходит - требование заказчика - плагины JavaScript без использования картинок. Я пробовала скрипты jquery.corners, jquery-corners, shadedborder, но все не то ((
-
Приветствую! Подскажите плиз, как сделать у блока двойной бордер со скругленными углами средствами JavaScript (желательно JQuery), причем обязательно необходимо сделать 2 нижних угла круглыми, а верхние оставить острыми. При этом блоки должны тянуться и по высоте и по ширине. Спасибо за помощь.
-
text-shadow: 3px 3px 3px #000; - это не прокатило а 2 спана - это идея. Попробую. Спасибо! Только вот насколько я знаю, IE6 не поддерживает слои...
-
Доброго времени! Подскажите плиз как сделать шрифт сглаженным и с тенью средствами CSS. Вроде говорят так можно... Текст должен выглядеть вот так:
-
Подскажите плиз как прописать стиль, который поймет только Опера и проигнорируют другие броузеры?
-
Ну что никто не знает? Или просто забили на тему?
-
Воот я нашла что мешает. Если в стили добавить: [codе] body { padding:0; margin:0 auto; width:1020px; } [/codе] .. то активное меню отодвигается вправо. Но этот стиль нельзя убирать Может кто знает что можно предпринять? Заранее спасибо за ответы.
-
В том-то и дело что места там полно. А сдвигаются они не вниз а вправо.
-
Привет народ. Оч нужна помощь. Проблема с выступающей закладкой в меню. Нужно чтобы активное меню вылазило вверх на 3 пункта. Проблема решается добавлением position:relative; но при этом при изменении размеров окна в IE меню сдвигается. Если убрать position:relative; то в IE6 выступающей части не видно Помогите плиииизз решить эту проблему. Код прилагаю: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> #Header { clear:both; float:left; height:105px; width:100%; } #MenuBG { clear:both; float:left; width:100%; height:31px; margin-top:-4px; } #MenuToolbar { width:100%; margin-top:4px; height:27px; background-color:#ededed; } #MainMenu { float:left; height:27px; border-bottom:1px solid #000000; background-color:#b84d4d; } .ActiveMenu { /* position:relative;*/ float:left; padding-left:12px; padding-right:12px; margin-right:1px; border:3px solid #000000 !important; border-bottom:2px solid #000000 !important; height:26px !important; margin-top:-4px; line-height:2.25em; } .PassiveMenu { /* position:relative;*/ float:left; padding-left:13px; padding-right:13px; margin-right:1px; border:2px solid #990000; border-bottom:none; height:24px; line-height:2em; } </style> </head> <body> <div id="Header"> <a href="#" class="PicLink"></a> </div> <div id="MenuBG"> <div id="MenuToolbar"> <div id="MainMenu"> <a href="#" class="ActiveMenu MainMenu">MENU</a> <a href="#" class="PassiveMenu MainMenu">MENU</a> <a href="#" class="PassiveMenu MainMenu">MENU</a> <a href="#" class="PassiveMenu MainMenu">MENU</a> <a href="#" class="PassiveMenu MainMenu">MENU</a> <a href="#" class="PassiveMenu MainMenu">MENU</a> <a href="#" class="PassiveMenu MainMenu">MENU</a> </div> </div> </div> </body> </html> {...отредактировано kiD}
-
2Дядя Саша: Верно! Под уникальным элементом я как раз понимала его уникальное оформление Эхх.. язык мой деревянный.. :
-
Class лучше использовать там, где он будет повторяться (например для списков или для однотипных ссылок и пр.), а ID - это уникальный идентификатор и присваивается соответственно уникальному элементу (т.е. такому, который больше нигде не встречается). Почитай вот тут: http://softwaremaniacs.org/blog/2006/01/22...ass-difference/
-
test
-
Все равно не получается Отступ сверху никуда не делся.
-
Ну почему же.. Его легко задать с помощью color (для IE) и background-color (для FF и др.). На этом же сайте прочла В принципе конечно можно создать еще один div - не проблема, но меня интересовал вопрос именно касательно .
-
У div-а есть верхний бордер (например, красный). А под ним должна быть еще полоска - потолще и другого цвета и должна плотно примыкать к красной.
-
Подскажите, плиз, как сделать, чтобы у тэга не было отступов - нужно чтобы линия плотно прилегала к верхнему бордеру div-а, в котором находится.Margin и padding помогают, но только не для IE :/
-
frD-Выступающая закладка - проблема отображения в IE
Ladoga replied to Ladoga's question in HTML Coding
Если не трудно, объясните, плиз, почему именно position:relative; исправило положение? Это как-то связано с наследованием? Вот еще вопрос, только немножко не по теме поста: в этом же примере кнопка "найти" в FF отображается на одном уровне с полем ввода текста, а в IE верхний край кнопки выступает выше уровня поля. Как это можно исправить? -
frD-Выступающая закладка - проблема отображения в IE
Ladoga replied to Ladoga's question in HTML Coding
2AKS: Помогло!!! Огромное спасибо!!! -
Вот возникла проблема: нужно сделать горизонтальное меню, в котором активный пункт (т.е. выбранный) отображался как закладка с выступающей верхней частью. Делаем margin-top:-2px; и вроде все работает, но только в FF и в Опере - в IE не отображается как надо. Подскажите, плиз, что можно сделать. Привожу коды. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <link rel="stylesheet" type="text/css" href="css.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <div id="MenuToolbar"> <ul id="MainMenu"> <li class="ActiveMenu"><a href="#" class="nodecoreMenu">JJJJJ</a></li> <li><a href="#" class="nodecoreMenu">НОВОСТИ</a></li> <li><a href="#" class="nodecoreMenu">АНАЛИТИКА</a></li> <li><a href="#" class="nodecoreMenu">НАУКА</a></li> <li><a href="#" class="nodecoreMenu">ТЕХНИКА</a></li> <li><a href="#" class="nodecoreMenu">СОФТ</a></li> <li><a href="#" class="nodecoreMenu">ИГРЫ</a></li> </ul> <div id="search"> <form id="search_form" action="search/" method="get"> <input type="text" /><button type="submit">Найти</button> </form> </div> </div> </body> </html> ..и CSS: #MenuToolbar { clear:both; margin:0px; padding:1px 0; height:30px; } #MainMenu { float:left; margin:0px; padding:0; height:30px; } ul#MainMenu li { float:left; padding-left:15px; padding-right:15px; list-style:none; border:1px solid black; border-left:none; height:28px; line-height:2.25em; } #search { float:right; width:470px; height:30px; } #search_form { float:right; } .ActiveMenu { border:1px solid black !important; height:30px !important; margin-top:-2px; line-height:2.5em; } Заранее спасибо за советы.