The1stPresident
-
Posts
10 -
Joined
-
Last visited
The1stPresident's Achievements
Explorer (1/14)
0
Reputation
-
Закрыть UL надо было мне дураку!
-
не помогло
-
Ух уже не знаю что и сделать. Приведенный пример для ИЕ, использовать нужно именно список, ширина на 5 пунктов 865 пкс. <div id="port_menu"> <ul> <li><a href="#" title="">Логотипы</a> </li> <li><a href="#" title="">Брэндбуки</a> </li> <li><a href="#" title="">Фирменный стиль</a> </li> <li><a href="#" title="">POS материалы</a> </li> <li><a href="#" title="">Прочий дизайн</a> </li> <ul> </div> #port_menu{ position:relative; top:0px; width:865px; height:17px; background:#FFffFF; margin-left:0px; } #port_menu ul{ list-style:none; width:865px; padding:0px; margin:0px; height:17px; } #port_menu li{ display:block; float:left; width:20%;} #port_menu li a{ display:block; float:left; white-space:nowrap; text-align:center; width:100%; height:17px; font-size:15px; font-weight:normal; color: #000000; background:#FFffFF;} #port_menu li a:hover{ display:block; float:left; text-align:center; width:100%; height:17px; font-size:15px; font-weight:normal; text-decoration:none; color: #000000; background:#f0af13;} И последний пункт зараза переносится на вторую строку... я расстроен, прошу помощи, может просто нужен свежий взгляд. Помогите, пожалуйста!
-
лох я... решение проблемы было в том, как и правильно заметил yopopt, в адресе: #headerSlogan{ background: url('../img/headerSloganBg.jpg') #FFffFF top left no-repeat; float:left; }
-
Не работает... почему не понимаю #headerSlogan{ background: url('img/headerSloganBg.jpg') #FFffFF top left no-repeat; float:left; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;" charset="win-1251" /> <link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" /> <title>Untitled Document</title> </head> <body> <div id="headerSlogan">Slogan</div> и еще вопрос при использоании чарсета UTF-8 все браузеры не корректно отображают текст (символы то китайские то просто ромбики)
-
Как риализовать следующий каркас
The1stPresident replied to The1stPresident's question in HTML Coding
спасибо ребят -
Как риализовать следующий каркас
The1stPresident replied to The1stPresident's question in HTML Coding
Ребят, ну не знаю, что со мной..... я на самом деле верстаю дивами не очень давно.... вот код.... сама страница: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML> <HEAD> <TITLE></TITLE> <META http-equiv=content-type content=text/html;charset=utf-8> <LINK href="style.css" type=text/css rel=stylesheet> </HEAD> <BODY> <div class="storke"> <div class="top"> </div> <div class="logo"> </div> <div class="content"> <table cellpadding="0" align="center" cellspacing="0" border="0"> <tr><td class="left">ЛЕВО</td> <td class="warning">центр - контент</td> <td class="right">ПРАВО</td> </tr> </table> </div> <div class="bottom"> </div> </div> </BODY> </HTML> CSS body{ background-color: #FFffFF; font-family: Arial; color: #231f20; font-size: 12px; text-align:center; margin:0; padding:0; height:100%; } .top{ background: URL('i/top_line.png') #FFffFF top right no-repeat; height:146px; } .storke{ margin:0px; padding:0px; position:absolute; bottom:0; top:0; left:0; right:0; background:#000000; height:100%; text-align:center; } div.content{ background: URL('i/bottom_line.png') #FFffFF bottom left no-repeat; text-align:center; width:100%; position:absolute; bottom:0px; padding-bottom:146px; } .logo{ background: URL('i/logo.png') #FFffFF center center no-repeat; height:150px; margin-top:15px; } .left{ background: URL('i/left.png') #FFffFF center right no-repeat; color:#ed1c24; text-align:right; font-family: Arial; font-size: 12px; font-weight:bold; height:150px; padding-right:70px; } .right{ background: URL('i/right.png') #FFffFF center left no-repeat; color:#0071bc; text-align:left; font-family: Arial; font-size: 12px; font-weight:bold; height:150px; padding-left:70px; } .warning{ background:#dfd1bc; text-align:center; font-family: Arial; font-size: 12px; font-weight:bold; width:500px; height:150px; } помогите советом..... -
Как риализовать следующий каркас
The1stPresident replied to The1stPresident's question in HTML Coding
http://photofile.ru/users/the1stpresident/...881/full_image/ -
не совсем понятно что требуется: как я понял необходимо чтобы все колонки были одной высоты? тогда зачем встраивать лишние таблицы? чтобы наглядно это показать (то что колонки все же одной выоты) просто используйте цвет бэкграунда....
-
Не могу никак нормально вс? сделать... Необоходимо получить DIVами: -шапку с бэкграндом по левому краю -ниже полоса на всю ширину с одним только лого по середине -ниже еще полоса уже с контентом (контент при этом по середине, состоит из трех DIVов в ряд: все фиксированы разной ширины, грубо в сумме ширина всех трех порядке 600пкс, и это все по середине полосы с контентом) которая будет растягиваться по высоте и занимать вс? свободное пространство - ну и футтер с еще одним бэкграундом по левому края (нижние и верхние DIVы фиксированы по высоте. Помогите плиз... и какой DOCTYPE следует применять.... прям головоломка