X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Проблема с располжением меню !!!
Leha_1985
Leha_1985
Topic Starter сообщение 12.5.2011, 13:16; Ответить: Leha_1985
Сообщение #1


Подскажите пожалуйста!
Суть проблемы не получается сделать div#menu такой же ширины как и div#navigation и чтобы оно прилегало вплотную к левой стороне !
на скриншоте изобразил детальней !

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="generator" content="HAPedit 3.1">
<title></title>
<link rel="stylesheet" href="style.css" type="text/css">


</head>
<body>
<div id="container">
<div id="header">
<img src="header2.jpg" width="940" height="340" >
</div>
<div id="wrapper">
<div id="content">
<p>&nbsp;</p>
</div>
</div>

<div id="navigation">
<div id="menu" >

<ul>
<li><a href="new link" target="_blank"><font class="leaf">Главная</font></a></li>
<li><a href="new link" target="_blank"><font class="leaf">Все для макияжа</font></a></li>
<li><a href="new link" target="_blank"><font class="leaf">Уход за кожей</font></a></li>
<li><a href="new link" target="_blank"><font class="leaf">Уход за волосами</font></a></li>
<li><a href="new link" target="_blank"><font class="leaf">Аромат</font></a></li>
<li><a href="new link" target="_blank"><font class="leaf">Сделать заказ</font></a></li>
<li><a href="new link" target="_blank"><font class="leaf">Контакты</font></a></li>
</ul>
<img src="image/navigation.jpg" width="200" height="400">
</div>
</div>
<div id="extra">
<p></p>
</div>

<div id="footer"><p align="right"></p></div>
</div>
</body>
</html>



[CSS]
html,body{margin:0;padding:0}

body{font: 76% arial,sans-serif;text-align:center; background-image:url(bg_body.jpg);
background-attachment: fixed;
background-repeat:no-repeat;
background-position: top;
widht: 120%;
height: 120%;
}

p{margin:0 10px 10px; padding-top:20px}

a{
display:block;
color: #981793;
padding-top: 10px;


}

div#header {height:340px;widht:940px;}

div#container{text-align:left}

div#content{float:right;width:740px}
div#content p{line-height:1.4}

div#navigation{float:left;width:200px}



div#footer{background: #333;color: #FFF}
div#footer p{color:#729441}

div#footer p{margin:0;padding:5px 10px}

div#container{width:940px;margin:0 auto; background-color:#FFFFFF}





div#extra{clear:both;width:100; background:#FCF}



div#menu{


background:#fff;
width:200px;

}
#menu ul{
list-style:none;
}
#menu li{
list-style:none;
margin:3px 0;
}
#menu li a{
list-style:none;
background:#8faf39 url(menu_033_bg.gif) no-repeat;
color:#fff;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
text-decoration:none;
display:block;
height:35px;
line-height:35px;
padding:0 0 0 20px;
}
#menu li a:hover{
background:#da4a70 url(menu_033_h.gif) no-repeat;
color:#fff;
text-decoration:none;
}

[/CSS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
P0ZiTR0N
P0ZiTR0N
сообщение 12.5.2011, 13:35; Ответить: P0ZiTR0N
Сообщение #2


По умолчанию в опере и моззиле установлено padding-left:40px;
[css]#menu ul{
list-style:none;
padding-left:0px;
}[/css]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Leha_1985
Leha_1985
Topic Starter сообщение 12.5.2011, 13:55; Ответить: Leha_1985
Сообщение #3


P0ZiTR0N, спасибо большое ! помогло! будем знать !

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема с админкой
5 Prok 2336 29.7.2019, 20:04
автор: dvakarandasha
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с таблицей, которая выводится через скрипт
7 vanchester 1339 15.2.2019, 19:06
автор: Artos_mw
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1467 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема в тегах при сохранении контента
1 Kord18 1426 13.3.2018, 18:19
автор: Evgeniy3200
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема вёрстки адаптивной страницы на divах
28 master-vek 4717 8.2.2018, 19:29
автор: master-vek


 



RSS Текстовая версия Сейчас: 20.4.2024, 7:45
Дизайн