Jump to content

The1stPresident

Newbie
  • Posts

    10
  • Joined

  • Last visited

Everything posted by The1stPresident

  1. Закрыть UL надо было мне дураку!
  2. Ух уже не знаю что и сделать. Приведенный пример для ИЕ, использовать нужно именно список, ширина на 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;} И последний пункт зараза переносится на вторую строку... я расстроен, прошу помощи, может просто нужен свежий взгляд. Помогите, пожалуйста!
  3. лох я... решение проблемы было в том, как и правильно заметил yopopt, в адресе: #headerSlogan{ background: url('../img/headerSloganBg.jpg') #FFffFF top left no-repeat; float:left; }
  4. Не работает... почему не понимаю #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 все браузеры не корректно отображают текст (символы то китайские то просто ромбики)
  5. Ребят, ну не знаю, что со мной..... я на самом деле верстаю дивами не очень давно.... вот код.... сама страница: <!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; } помогите советом.....
  6. http://photofile.ru/users/the1stpresident/...881/full_image/
  7. не совсем понятно что требуется: как я понял необходимо чтобы все колонки были одной высоты? тогда зачем встраивать лишние таблицы? чтобы наглядно это показать (то что колонки все же одной выоты) просто используйте цвет бэкграунда....
  8. Не могу никак нормально вс? сделать... Необоходимо получить DIVами: -шапку с бэкграндом по левому краю -ниже полоса на всю ширину с одним только лого по середине -ниже еще полоса уже с контентом (контент при этом по середине, состоит из трех DIVов в ряд: все фиксированы разной ширины, грубо в сумме ширина всех трех порядке 600пкс, и это все по середине полосы с контентом) которая будет растягиваться по высоте и занимать вс? свободное пространство - ну и футтер с еще одним бэкграундом по левому края (нижние и верхние DIVы фиксированы по высоте. Помогите плиз... и какой DOCTYPE следует применять.... прям головоломка
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy