Temiks
-
Posts
557 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Temiks
-
deadrash помоги пжл, работает в Фф а в ие нет, подправил код
-
вот, сделал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css" > html, body { margin: 0px; height: 100%; width: 100%; vertical-align: top; border: 0px; border-collapse: collapse; } .container { width: 1000px; height: 100%; background-color: gold; margin: 0 auto; } .header { height: 150px; background-color: red; } .logo { width: 200px; background-color: lavender; } .center { background-color: violet; } .center-table { min-height: 100%; height: 100%; background-color: greenyellow; width: 100%; } .border-top, .border-bottom { height: 20px; background-color: #5488af; } .center-pic { background-color: #8fa09b; height: 350px; } .content { vertical-align: top; } .toolbar { width: 200px; background-color: antiquewhite; vertical-align: text-top } .footer { height: 70px; background-color: aqua; } </style> </head> <body> <table class="container" > <tr> <td class="header" > Шапка </td> <td class="logo" > Лого </td> </tr> <tr> <td valign="top" class="center" > <table class="center-table" > <tr> <td class="border-top" valign="top" > 55% </td> </tr> <tr> <td class="center-pic" > Картинка </td> </tr> <tr> <td class="border-bottom" > 55% </td> </tr> <tr> <td class="border-top" > 55% </td> </tr> <tr> <td class="content" height="100%" > Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент Контент </td> </tr> <tr> <td class="border-bottom" > 55% </td> </tr> <tr> <td class="footer"> Футер </td> </tr> </table> </td> <td class="toolbar" > <p>Сайтбар</p> <p>Сайтбар</p> <p>Сайтбар</p> <p>Сайтбар</p> <p>Сайтбар</p> <p>Сайтбар</p> <p>Сайтбар</p> <p>Сайтбар</p> <p>Сайтбар</p> <p>Сайтбар</p> <p>Сайтбар</p> <p>Сайтбар</p> <p>Сайтбар</p> <p>Сайтбар</p> <p>Сайтбар</p> <p>Сайтбар</p> <p>Сайтбар</p> <p>Сайтбар</p> </td> </tr> </table> </body> </html>
-
.
-
.
-
доктайп <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4.01/loose.dtd" все теги закрыты, у меня пишет что документ валиден из за rowspan возможно
-
В ФФ и ИЕ 1280х1024
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css" > .nav_top_li{ margin:0px; margin-left:10px; padding:0px; display:inline; } .nav_top_a{ color:#607902; text-decoration:none; } #nav_green{ margin:0px; padding:0px; height:38px; background-image:url(images/green_line.jpg); background-repeat:repeat-x; } *html #nav_green{ margin-top:-20px; } *:first-child+html #nav_green{ margin-top:-1px; } #left_green{ margin:0px; padding:0px; background-image:url(images/left_green.png); background-repeat:no-repeat; width:19px; height:38px; float:left; } #right_green{ margin:0px; padding:0px; background-image:url(images/rigth_green.png); background-repeat:no-repeat; width:16px; height:38px; float:right; } #menu_green{ margin:0px; margin-top:-1px; margin-left:0px; padding:0px; padding-top:10px; height:18px; width:100%; } *html #menu_green{ margin:0px; margin-top:-25px; padding:0px; } #nav_ul{ margin:0px; margin-left:20px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; display:inline; width:90%; } *:first-child+html #nav_ul{ position:absolute; margin:0px; margin-top:-35px; margin-left:20px; padding:0px; } a { padding-left: 10px; } </style> </head> <body> <div id="nav_green"> <div id="left_green"></div> <div id="right_green"></div> <div id="menu_green"> <ul id="nav_ul"> <li class="nav_top_li"><a class="nav_li" href="#">Уход за волосами</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Стайлинг</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Уход за лицом</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Уход за телом</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Уход за руками и ногтями</a></li> <li class="nav_top_li">|<a class="nav_li" href="#">Акссесуары и техника</a></li> </ul> </div> </div> </body> </html> у меня то и это уже работает!
-
http://www.google.com/search?hl=en&q=%...8de98ca5b405b41
-
не правда, вот смотрите, у меня то выравнивает <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css" > ul { width: 300px; background-color: red; } li { text-align: center } </style> </head> <body> <ul> <li> <a href="#">Главная</a> </li> <li> <a href="#">Главная</a> </li> </ul> </body> </html> в вашем случаи нужно указать тегу а padding-left !!!!
-
вот тут почитайте http://htmlbook.ru/content/khaki
-
в сам ul или li к тегу a нужно ровнять
-
.
-
пропиши хак для ие тогда
-
наверное еще много
-
как прижать футер (пока што контент не тянется ) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4.01/loose.dtd <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css" > * { margin:0; } html, body { height:100%; } .container { min-height:100%; height:auto !important; height:100%; margin:0 auto -4em; background-color: red; } .header { height: 150px; background-color: green } .content { background-color: yellow; height: 100%; } .footer { height:4em; background-color: blue } </style> </head> <body> <div class="container"> <div class="header" > <p>Шапка</p> </div> <div class="content">Котнент</div> </div> <div class="footer"> <p>Текст в футере</p> </div> </body> </html>
-
спасибо вам огромное
-
у меня все ок отображает в ие, как и в ФФ, если уменьшить масштаб то так и должно быть, так как ширина у вас фиксирована, а высота резиновая а про футер можно в инете поискать, та и на этом форуме уже не раз поднимали темы про футер а можно скрин того с чего вы делаете
-
подвал я так понял должен быть "прибитым" к низу? уберите высоту 100% и все будет ок, но подвал не будет прижат Завтра попробую помочь пока вот что набросал , но не все <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Облом</title> <style type="text/css"> .container { width: 1000px; height: 100%; background-color: red; } .header { width: 700px; height: 100px; background-color: blue; } td.col1 { width: 50px; background-color: violet; } .content { width: 700px; background-color: white; } .footer { height: 70px; width: 700px; background-color: #00FF00; } </style> </head> <body> <table class="container" > <tr> <td class="header" > Шапка </td> <td class="col1" > Колонка 1 </td> <td> Колонка 2 </td> </tr> <tr> <td class="content" > Котент </td> </tr> <tr> <td class="footer" > Футер </td> </tr> </table> </body> </html> офф вот доделал, но не уверен чи будет прижат футер при другом доктайпе <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Облом</title> <style type="text/css"> .container { width: 1000px; height: 100%; background-color: red; } .header { width: 700px; height: 100px; background-color: blue; } td.col1 { width: 50px; background-color: violet; } .content { width: 700px; background-color: white; } .footer { height: 70px; width: 700px; background-color: #00FF00; } </style> </head> <body> <table class="container" > <tr> <td class="header" colspan="1" > Шапка </td> <td class="col1" rowspan="3" valign="top" > Колонка 1 </td> <td rowspan="3" valign="top" > Колонка 2 </td> </tr> <tr> <td class="content" > Котент </td> </tr> <tr> <td class="footer" > Футер </td> </tr> </table> </body> </html>
-
он будет и применятся к <div id="qwerty"></div> та же фигня у меня сейчас со списками, думаю объяснят почему так и как от этого "уйти"
-
чтоб увидели хто захочет в инете да, чтоб увидел только ты , то только комп
-
так можно ж написать #content и отдельно #div да
-
Автор, Можно учится разметке и на своем компе и не надо регать домены за "облома"
-
высота выщитуется из количества контента , например как тут http://imm.io/2Spy покажите скрин того что вам нужно сделать
-
float:left как то так <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Облом</title> <style type="text/css"> .container { width: 100%; height: 100%; background-color: gold; } .header { width: 100%; height: 150px; background-color: red; } .leftcol { width: 200px; height: 600px; background-color: green; float: left; border: 1px solid black; } .rightcol { height: 600px; background-color: lightcoral; } .footer { height: 70px; background-color: red; float: none; } </style> </head> <body> <div class="container" > <div class="header" > Шапка </div> <div class="leftcol" > <ul> <li> О сайте <ul> <li> Новости </li> </ul> </li> </ul> </div> <div class="rightcol" > <p>Новости</p> </div> <div class="footer" > Футер </div> </div> </body> </html>
-
не нужно указываать контенту ширину, а только шапке и футеру, а контен потом будет сам тянуться страницу можно сделать с главной таблицы и трех колонок
