Вопрос по css

12 3
footballstar
На сайте с 20.07.2010
Offline
94
706

Всем доброго дня. Возник небольшой вопрос, никак не могу разобраться:

Я использую margin: 0 auto, сверстал горизонтальное меню, все нормально.

Как сделать, чтобы гор. меню и элементы ниже были с одинаковой левой границей?

скрин во вложениях.

png screens.png
Vauquelin
На сайте с 02.09.2012
Offline
9
#1

неплохо было, если бы вы привели свой код.

Вам нужно, чтоб лого было выровнено по левому краю меню?

Tenarius
На сайте с 09.02.2012
Offline
14
#2

Напишите конкретно что вам нужно. есть миллиард способов решения и во всех решениях блоки будут выглядеть по разному и будут находиться в разных местах.

Мне нужны деньги...
footballstar
На сайте с 20.07.2010
Offline
94
#3

нужно чтобы левая часть меню совпадала с левой частью логотипа.

Geers
На сайте с 12.04.2011
Offline
487
#4
footballstar:
нужно чтобы левая часть меню совпадала с левой частью логотипа.

Предоставьте код, экстрасенсов тут нет. :)

Tenarius
На сайте с 09.02.2012
Offline
14
#5

margin: 0 auto центрирует блок. Если вам нужно, чтобы левая часть меню была там же, где левая часть логотипа, уберите вообще этот margin

Vauquelin
На сайте с 02.09.2012
Offline
9
#6

насколько я понял, вы применяете к меню margin: 0 auto, это размещает меню посредине, уберите-левая часть меню совпадет с левой частью лого. Или вам надо растянуть меню, а его пункты оставить посредине?

дани мапов
На сайте с 06.09.2012
Offline
204
#7
footballstar:

Я использую margin: 0 auto, сверстал горизонтальное меню, все нормально.
Как сделать, чтобы гор. меню и элементы ниже были с одинаковой левой границей?

Можно их в третий блок вложить, чтобы они выровнялись по его левой границе.

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
kimberlit
На сайте с 13.03.2007
Offline
370
#8

В один блок загони их.

footballstar
На сайте с 20.07.2010
Offline
94
#9

kimberlit, загнал в один, что-то не помогло.

код:

body {
background: #c5c5c5;
}
#content {
margin: 0 auto;
width: 800px;
}
#header {
background: url('images/gmenu.jpg') repeat-x;
width:800px;
height: 34px;
}
#header ul {
list-style: none;
font-family: Verdana;
float: left;
}
#header ul li {
float: left;
}
#header ul li a {
color: #FFF;
font-size: 16px;
padding: 0 15px;
text-decoration: none;
}
#header ul li a:hover {
color: red;
}
#header ul li a:visited {
color: #ffc;
}
#logo {
background: url('images/logo.jpg') no-repeat 0 0;
width: 335px;
/* left: 283px;*/
float: left;
height: 109px;
display: block;
position: relative;
}
#inf {
background: url('images/inf.jpg') no-repeat;
width: 309px;
height: 104px;
float: left;
display: block;
}
Tenarius
На сайте с 09.02.2012
Offline
14
#10

а как же html? ))

12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий