VPF::стиливое оформление меню контейнера div

supervladislav

Дата 21.1.2009, 17:51 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

скажите пожалуйста как правильно оформить заголовок контейнера ,меню с двумя углами.
дело в том ,что полоска находящаяся посередине перекрывает угол слева ,подскажите как с этим бороться и как должен выглядеть html код

Код


div#verh{margin-top:3px;width:50%;}
div#verh{background-image:url(../img/levoverh.png);background-repeat:no-repeat; background-position:0% 100%;height:48px;}
div#verh{background-image:url(../img/mainmenusered.png);background-repeat:repeat-x; background-position:5% 100%;height:48px;}

Violator

Дата 21.1.2009, 19:08 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15

мда...

ничего полоска не перекрывает, она просто отображается
2-я строка бесполезна, так как вы в 3-й строке перекрыли свойства бэкграунда и высоты

ps нельзя поставить несколько бэкграундов у элемента

supervladislav

Дата 21.1.2009, 19:51 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

всмысле

supervladislav

Дата 21.1.2009, 20:10 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

так как это делать ?

Violator

Дата 21.1.2009, 20:47 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15

давал же в предыдущей теме одно из решений
http://forum.vingrad.ru/forum/topic-244258/0.html#d1761938

blah

Дата 22.1.2009, 01:15 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 205
Регистрация: 25.9.2008
Где: моя тачка, чувак?

Репутация: 15
Всего: 17

Ширина дива меняется?

supervladislav

Дата 22.1.2009, 12:43 (ссылка)

(нет голосов)

Загрузка ...

///\\\///\\\///\\\

Профиль
Группа: Завсегдатай
Сообщений: 1771
Регистрация: 18.5.2006

Репутация: нет
Всего: -9

да ши рина дива меняется ,а скажите можно ведь таблицей отверстать ,а то в дивах чего-то я разочеровался ,
вот начал делать на таблицах но полоса сверху ,другой таблицы почему-то исчезает ,хотя таблица ошибок в вёрстке не имеет ,вы моглибы подсказать почему ,savescreen внизу

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<title>Массажный центр ceragem город Гатчина Ленинградская область</title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>

<body>
<div style="width:100%"><img src="img/logo.jpg"  border="0" width="100%" /></div>
<table cellpadding="0" cellspacing="0" align="center" border="1" width="100%">

<tr>
<td id="polosaverh"></td>
</tr>
<tr valign="top">
<td align="left">
<br><br> 
<table cellpadding="0" cellspacing="0" align="left" border="0" style="width:280px;">
<tr align="center">
<tr>
<td id="menlev1"></td>
</tr><tr>
<td id="seredmenu"></td>
</tr><tr>
<td id="menuniz"></td>
<tr>


</table> 

</td>
<td>
<table cellpadding="0" cellspacing="0"  border="1" width="90%">
<tr valign="bottom">
<td id="mainmenuverhlevo"><font color="#0000CC">wefsadssdfasdfdsdasdasdasdasdasdasdasdasdasdasdasdsdasdasdasdasdasdasdasdasdsdrgfsdf
sdfdsfdsfdsfsdfsdfsdfdsfsdfsdfsdfsdfsdfsdfsdfdsfsdfsdfsdfsdfsdfsdfsdfsdfsfsfsdfasdafsdfasdfasdfasdfasdfasdfasdfasdfasdfasdfdd</font></td>
</tr>
</table>







</td>
</tr>
</table>
</body>
</html>

Код


body{

margin:0px;
padding:0px;
color:#417e96;
background-image:url(../img/zad.jpg);background-repeat:repeat-x;

}
#main,#logo,#polosaverh{margin:0px;padding:0px;}
#cen{width:100%;display:block;}
#polosaverh{background-image:url(../img/verhpolosa.jpg);background-repeat:repeat-x;width:100%;height:80px;}

#menulevo{width:269px;margin-top:20px;}
#menlev1{background-image:url(../img/verhmenu.png);background-repeat:no-repeat;width:269px;height:50px;padding:0px;margin:0px;}
#seredmenu{background-image:url(../img/seredmen.png);background-repeat:repeat-y;width:269px;height:500px;padding:0px;margin-top:-1px;margin-right:2%;}
#menuniz{background-image:url(../img/nizmenu1.png);background-repeat:no-repeat;width:269px;height:42px;margin-left:0px;margin-right:0px;}



#nizmenu5,#mainmenlev2,#mainmenlev3,#mainmenlev4{margin:0px;padding:0px;}
#pravo{width:70%;}
#n1{background-image:url(../img/mainmenupravoverh.png);background-repeat:no-repeat;width:55px;height:50px;}
#n2{background-image:url(../img/mainmenusered.png);background-repeat:repeat-x;width:44px;height:50px;display:block; }
#n3{background-image:url(../img/mainmenulevoverh.png);background-repeat:no-repeat;width:44px;height:50px;}


#nizmenu5{width:100%;height:90%; clear:both;}
#mainmenlev2{background-image:url(../img/levomenumain.png);background-repeat:repeat-y;width:16px;height:400px;}
#mainmenlev3{width:80%; height:500px; ;background-color:#d6e9f0;  }
#mainmenle4{background-image:url(../img/pravomenumain.png);background-repeat:repeat-y;height:400px;width:16px;}

#mainmenuverhlevo{background-image:url(../img/pravoverh.png);background-repeat:no-repeat;width:31px;height:50px;}

Это сообщение отредактировал(а) supervladislav - 22.1.2009, 12:45

Присоединённый файл ( Кол-во скачиваний: 3 )

screeensave6.png 415,84 Kb

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »