MaferoK
-
Posts
126 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by MaferoK
-
CSS и display:none - проблема с появлением списка <ul></ul>
MaferoK replied to Light 13's question in HTML Coding
http://www.cssmenumaker.com/builder/menu_info.php?menu=057 помойму отличнйы пример ... можно скачать и вовсем разобратся действительно без js -
Точно не об этих отступах речь? блин во я прогнал ... спасибо )
-
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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link type="text/css" href="lol.css" rel="stylesheet" /> </head> <body> <div class="gg"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Товары</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Контакты</a></li> </ul> </div> </body> </html> css body { margin: 0; padding: 0; } .gg li { float:left; display:inline; width:150px; } .gg a { background-image:url(bot1.jpg); background-repeat:no-repeat; width:150px; height:70px; display:block; color:white; text-decoration:none; float:left; padding:23px 20px 0px 45px; text-shadow: 1px 1px 2px #4D5A1C; } .gg a:hover { background-image:url(bot2.jpg); background-repeat:no-repeat; color:blue; text-decoration:none; } и кста там с раром делов на 2 сек , не слабо , просто хотел что бы увидели всю ситуацию полностью
-
Народ у меня такой вопрос , сделал менюшку простенькую во всех браузерах норм отображается но в Ие 6,7 между элементами списка <li> появляются отступы http://www.sendspace.com/file/ca6ygx вот сюда залил меню может кто нить обьяснить почему они там появляются , и что я сделал не правильно ?
-
<ul class="menu-h-d"> <li>Изделия <ul> <li><a href="kolca.html">кольца / </a></li> <li><a href="sergi.html">серьги / </a></li> <li> <a href="4men.html">для мужчин / </a></li> <li><a href="podveskikulony.html">подвески и кулоны / </a></li> <li><a href="svadebnye.html">свадебные украшения / </a></li> </ul> / </li> <li>Драгоценные камни <ul><li><a href="brillianty.html">бриллианты / </a></li> <li><a href="dragkamni.html">драгоценные камни / </a></li> </ul> / </li> <li>Модели и дизайн / </li> <li>Ремонт и обслуживание / </li> <li>Партнеры / </li> <li>Контакты</li> </ul> так они и не являются ссылками просто текстовые элементы списка
-
Temiks , спасибо тему можно закрывать ...
-
Народ такой вопрос , никак сам немогу вникнуть как сделать что бы текст находился на картинке по центру ( всё это было ссылкой , и картинка и текст ) и в одном диве , так же что бы при :hover на это всё , текст оставался таким же . а картинка изменялась. 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link type="text/css" href="lol.css" rel="stylesheet" /> </head> <body> <div class="gg"> <a href="#">text</a> </div> </body> </html> css .gg a{ background-image:url(bot1.jpg); background-repeat:no-repeat; width:400px; height:200px; text-align:center; } думал что то типо этого , но ничего не получилось , вобщем помогите нубу )) И собственно как это лучше всего сделать , в плане валидности и кроссбраузерности .