Vamp
-
Posts
6 -
Joined
-
Last visited
Vamp's Achievements
Explorer (1/14)
0
Reputation
-
Спасибо за помощь)
-
Как расположить два div блока напротив друг друга? Сколько рылся в css так и не понял.
-
юкоз популярен безплатен вроде всего хватает
-
Седня тоже парился с такой же проблемой вот содержимое двух файлов там под себя перепишешь папку с картинками создаш пути укажешьи все если что спрашивай подскожу index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="style.css" rel="stylesheet" media="all" /> </head> <body> <div id="menu"> <ul> <li><a href="#" class="about"><span>about</span></a></li> <li><a href="#" class="portfolio"><span>portfolio</span></a></li> <li><a href="#" class="blog"><span>blog</span></a></li> <li><a href="#" class="contact"><span>contact</span></a></li> </td> </ul> </div> </body> </html> style.css *{ margin:0; padding:0; } body{ background:#848484; color:#666; font:0px/0px Tahoma, Arial, Helvetica, sans-serif; } #menu{ width:1400px; background:url(images/menu_41_bg.jpg) no-repeat; height:40px; } #menu ul{ list-style:none; text-align:center; } #menu li{ list-style:none; display:block; float:center; padding:0px 115px 0px; } #menu li a{ display:block; float:left; } #menu li a span{ display:none; } #menu li a:hover{ text-decoration:none; } #menu li a.about{ background:url(images/about.png) no-repeat; width:190px; height:40px; } #menu li a:hover.about{ background:url(images/about1.png) no-repeat; } #menu li a.portfolio{ background:url(images/portfolio.png) no-repeat; width:166px; height:40px; } #menu li a:hover.portfolio{ background:url(images/portfolio1.png) no-repeat; } #menu li a.blog{ background:url(images/blog.png) no-repeat; width:104px; height:40px; } #menu li a:hover.blog{ background:url(images/blog1.png) no-repeat; } #menu li a.contact{ background:url(images/contact.png) no-repeat; width:639px; height:40px; } #menu li a:hover.contact{ background:url(images/contact1.png) no-repeat; }
-
или можешь уже скачать готовую сечетую заливку и ей залить
-
В общем решил сверстать макет который сам же нарисовал с шапкой и разделами вроде успешно а вот с меню загвостка нашел примерно то что нада в нете полностью перересовал его заменил картинки ссылки поправил код нечего такого вроде не трогал и меню не работает обидно кто помочь может? Вот содержимое index.html и .style.css сори за ошибки <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Artine Css Menu</title> <link href="style.css" rel="stylesheet" media="all" /> </head> <body> <div id="menu"> <ul> <li><a href="#" class="about"><span>about</span></a></li> <li><a href="#" class="portfolio"><span>portfolio</span></a></li> <li><a href="#" class="blog"><span>blog</span></a></li> <li><a href="#" class="contact"><span>contact</span></a></li> </ul> </div> </body> </html> *{ margin:0; padding:0; } body{ background:#fff; color:#666; font:12px/18px Tahoma, Arial, Helvetica, sans-serif; } #menu{ width:1400px; background:url(images/menu_41_bg.jpg) no-repeat; height:200px; } #menu ul{ list-style:none; text-align:center; } #menu li{ list-style:none; display:block; float:left; padding:8px 30px 0 30px; } #menu li a{ display:block; float:left; } #menu li a span{ display:none; } #menu li a:hover{ text-decoration:none; } #menu li a.about{ background:url(images/about.png) no-repeat; width:190; height:40px; } #menu li a:hover.about{ background:url(images/about1.png) no-repeat; } #menu li a.portfolio{ background:url(images/portfolio.png) no-repeat; width:166; height:40px; } #menu li a:hover.portfolio{ background:url(images/portfolio1.png) no-repeat; } #menu li a.blog{ background:url(images/blog.png) no-repeat; width:104; height:40px; } #menu li a:hover.blog{ background:url(images/blog1.png) no-repeat; } #menu li a.contact{ background:url(images/contact.png) no-repeat; width:639; height:40px; } #menu li a:hover.download{ background:url(images/contact1.png) no-repeat; }