aov000
-
Posts
33 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by aov000
-
Предполагается, что высота странички сайта будет фиксированной 800px. Маразм в IE заключается в том, что 4 позиции меню переносятся на вторую строчку.
-
Ребята, мне надо сделать горизонтальное меню. Пробовал уже валом разных методов, но у меня наверное где-то допущена ошибка. Подскажите как решается такая проблема. Да так, что бы во всех браузерах было одинаково. Нормально отображается в chrome, firefox, но в IE - вообще маразм. Может можно это сделать проще? ширина сайта 1024px ширина меню (от первой до последней буквы) 927px код html: <div class="main"> <div class="men"> <ul class="menu"> <li class="novosti1"><a href="#"</a>новости</li> <li class="biografia1"><a href="#"</a>биография</li> <li class="embed1"><a href="#"</a>embed</li> <li class="audio1"><a href="#"</a>audio</li> <li class="video1"><a href="#"</a>video</li> <li class="links1"><a href="#"</a>links</li> <li class="gallery1"><a href="#"</a>gallery</li> <li class="contacts1"><a href="#"</a>contacts</li> <li class="top101"><a href="#"</a>top10</li> </ul> </div> </div> код CSS: .main {background-color:#000000; padding:0; width:1024px; height:800px; margin:0 auto; float:none; } .men { background-image:url(images/menu.jpg); width:1024px; height:41px; } .menu { /*list-style:none;*/ text-align:center; } .menu li{float:left; padding:10px; margin:3px; vertical-align:middle; position:relative; list-style:none; } .menu li.novosti1{ width:80px; margin:4px 0 0 45px; } .menu li.biografia1{ width:80px; } .menu li.embed1{ width:80px; margin:4px 0 0 22px; } .menu li.audio1{ width:80px; } .menu li.video1{ width:80px; } .menu li.links1{ width:80px; } .menu li.gallery1{ width:80px; } .menu li.contacts1{ width:80px; } .menu li.top101{ width:80px; } .menu li a{display:block; position:absolute; font-family:Tahoma, Geneva, sans-serif; color:#FFF; text-decoration:none; padding:5px; vertical-align:middle; font-size:18px; top:0px; left:10px; }
-
Спасибо!!!!! Я даже не знал как правильно озвучить проблему!
-
Прошу простить! Уточняю: в дивах (синие на картинке) должен быть фон .png .jpeg. Как сделать так что бы и фон остался и текст выводился?
-
Я сутки пытаюсь решить эту проблему, честно говоря задолбался. Каталог сверстать для полиграфии не вопрос, а тут полный тупняк из-за множества статей и вариантов + нет определённого багажа знаний.
-
Что это? Попугаи, удавы, проценты, пиксели? Я был уверен что размеры по умолчанию воспринимаются как пикселы. И не надо на меня кричать. В html вёрстке я новичок,-собственно по этому и спрашиваю совета. Хочу научиться верстать сайты грамотно. Если в коде что-то не так ткните меня. Спасибо.
-
Мне необходимо, что бы внутренние блоки позиционировались относительно основного.Сайт не резиновый, и по этому очень важен такой момент. Что бы на разных разрешениях мониторов сайт выглядел одинаково.
-
Пытаюсь сделать вот такую структуру: Задача у меня такая: на общем фоне будут 6 блоков в которые в дальнейшем будут выводиться посты (анонсы). Что-то я делаю не так... Сайт не резиновый и чётко ограничен размерами 1024х800пикс. Подскажите как разложить дивы что бы позиционировались относительно основного дива, а не по экрану?? код: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="main"> <div class="menu"> <ul class="menu"> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> </div> <div class="line"></div> <div class="header"></div> <div class="content" align="center">content</div> <div align="center"></div> <div class="block1">block1</div> <div class="block2">block2</div> <div class="block3">block3</div> <div class="block4">block4</div> <div class="block5">block5</div> <div class="block6">block6</div> <div class="clear"></div> <div class="footer">footer</div> </div> </body> </html> стиль: {padding:0px; margin:0px; } body{ background:#000; height:1024; width:799; margin:0 auto; float:none; } .menu{background-image:url(images/menu.png); width:1024px; height:39px; margin:0 auto; z-index:7; } .menu li{float:left; padding:10; overflow:hidden; position:relative; float:left; padding:5px; } .line{width:820px; height:2px; margin:0 auto; background-color:#996633; z-index:8; } .content{position:relative; display:block; line-height:800px; background-image:url(images/fon.png); margin:0 auto; width:1024px; height:800px; z-index:0; } .block1 {float:left; position:relative; display:inline-block; vertical-align:middle; line-height:0.8; width: 328px; height:140px; font-style:italic; color:#FFFFFF background-image:url(images/fonblock.png); padding: 0px; z-index:1; } .block2 { float:left; position:relative; display:inline-block; vertical-align:middle; line-height:1.2; width: 328px; height:140px; background-image:url(images/fonblock.png); padding: 0px; left:10px; z-index:2; } .block3 { float:left; position:relative; display:inline-block; vertical-align:middle; line-height:1.2; width: 328px; height:140px; background-image:url(images/fonblock.png); padding: 5px; left:10px; z-index:3; } .block4 { float:left; position:relative; display:inline-block; vertical-align:middle; line-height:1.2; width: 328px; height:140px; background-image:url(images/fonblock.png); padding: 5px; left:10px; z-index:4; } .block5 { float:left; position:relative; display:inline-block; vertical-align:middle; line-height:1.2; width: 328px; height:140px; background-image:url(images/fonblock.png); padding: 5px; left:10px; z-index:5; } .block6 { float:left; position:relative; display:inline-block; vertical-align:middle; line-height:1.2; width: 328px; height:140px; background-image:url(images/fonblock.png); padding: 5px; left:10px; z-index:6; } .clear{ width:0; height:0; } .footer{ }