Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > вёрстка сзакруглённого меню

Автор: supervladislav 17.10.2009, 19:43

скажите почему правая часть не хочет становиться на место использую вот такой код

Код


<div id="mainmen11">

<div class="men11"><div><div></div></div>
<div class="bottom"><div></div></div></div>
</div>

Код


#men44 div{background-color:#c0c0c0;}
.bottom div{background-image:url(../images/-1_09.png);background-repeat:no-repeat;width:42px;height:42px;background-position:right top;}
#men66 div{background-color:#c0c0c0;height:42px;}
.bottom {background-image:url(../images/1_111.png);background-repeat:no-repeat;width:42px;height:42px;background-position:left top;}

Автор: youri 17.10.2009, 21:48

учимся вменяемо объяснять проблему ;)

Автор: supervladislav 17.10.2009, 23:18

Верстаю меню с закруглёнными краями
вот как тут http://www.seo-copywrite.ru/web11
решил взять вариант один ))))использую вышестоящий код для нижней и верхней частей меню )))
подскажите почему у меня отображается только верхний левый и нижний левый угол

Автор: youri 18.10.2009, 01:31

по коду который ты привел могут отобразиться только 2 картинки. Где правила для отображения остальных?

Автор: supervladislav 18.10.2009, 02:35

верх ллево и право ))отображается только лево

Код


.men11 div{background-image:url(../images/1_03.png);background-repeat:no-repeat;background-position:top left;width:42px;height:45px;}
.men11 {background-image:url(../images/left1.png);background-repeat:no-repeat;background-position:top right;width:45px;height:45px;}
.bottom div{background-image:url(../images/-1_09.png);background-repeat:no-repeat;width:42px;height:42px;background-position:bottom right ;}
.bottom {background-image:url(../images/1_111.png);background-repeat:no-repeat;width:42px;height:42px;background-position:bottom left ;}

Добавлено через 4 минуты и 10 секунд
взято от сюдова http://www.seo-copywrite.ru/web11

Автор: youri 18.10.2009, 17:59

а теперь прикрепи к сообщению html+css+png, так как они у тебя в файловой системе расположены

Автор: supervladislav 18.10.2009, 18:56

вот картинки

Автор: youri 18.10.2009, 19:49

отлично, прикрепи к сообщению архив со всем нужным, и чтобы все файлы были расположены как у тебя на машине, может у тебя пути неправильно указаны
ты знаешь, что относительные пути в css - относительно css-файла

Автор: supervladislav 18.10.2009, 20:50

ну вот)))часть кода с меню