mizhory
-
Posts
2 -
Joined
-
Last visited
mizhory's Achievements
Explorer (1/14)
0
Reputation
-
Табличная верстке шаблона. Не правильная высота ячеек шапки
mizhory replied to mizhory's question in HTML Coding
решение: (помогли на др. форуме) table td { line-height: 10px; } -
Табличная верстке шаблона. Не правильная высота ячеек шапки
mizhory posted a question in HTML Coding
XHTML 1.1 & CSS 2/3 Проблема заключается вот в чем: Есть шапка (в верхней строке 2 ячейки с атрибутами class="logo llogo" и class="logo automashtab rlogo"). В левой ячейке фиксированная ширина, правая ячейка с авто-масштабированием. У обоих ячеек фиксированная высота (254px) и у картинок высота = 254px но при просмотре в браузерах между верхней строкой и следующей есть пустое пространство при анализе я выяснил что пространство появляется в верхней строке но там его не может быть! т.к. высота ячеек = высоте картинок (инфа 100%) в чем может быть проблема? (если чего то не хватает в описании или чего то не понятно задавайте вопросы и пишите что не хватает и что не понятно!1) (здесь можно увидеть http://primeaccount.ru/pa/index.html ) вот index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link rel="stylesheet" href="css/main.css" /> <!—-> </head> <body> <table width="1280" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="logo llogo"><img src="images/left-logo.jpg" alt="" width="579" height="254" /></td> <td class="logo automashtab rlogo"><img src="images/logo-right.jpg" alt="" width="700" height="254" /></td> </tr> <tr> <td colspan="2"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td class="blockLeft"> <ul class="LeftMenu"> <li class="item-123"><a href="#">Главная</a></li> <li class="item-124 parent"><a href="#">Регистрация</a></li> <li class="item-125"><a href="#">Бухгалтерское сопровождение</a></li> <li class="item-126 parent"><a href="#">Юридические услуги</a></li> <li class="item-127"><a href="#">Юридические адреса</a></li> <li class="item-128"><a href="#">Сделки с недвижимостью</a></li><li class="item-129"><a href="/index.php/nalogovye-spory">Налоговые споры</a></li> <li class="item-130"><a href="#">Цены</a></li> <li class="item-131"><a href="#">Партнеры</a></li> <li class="item-132"><a href="#">Контакты</a></li> </ul> </td> <td class="blockMain"> <table border="0" cellpadding="0" cellspacing="0" class="bmain"> <tr> <td class="tdMainMenu"> <table border="0" cellpadding="0" cellspacing="0" class="MainMenu"> <tr> <td><div><a href="#">Главная</a></div></td> <td><div><a href="#">Услуги</a></div></td> <td><div><a href="#">Цены</a></div></td> <td><div><a href="#">Партнеры</a></div></td> <td><div><a href="#">Контакты</a></div></td> </tr> </table> </td> </tr> <tr> <td class="content"> Content </td> </tr> </table> </td> <td class="blockRight"></td> </tr> </table> </td> </tr> </table> </body> </html> Вот main.css body { background: none repeat scroll 0 0 #B0B2B4; font-family: Helvetica,Arial,sans-serif; margin: 0; /* overflow: hidden;*/ padding: 0; } table { border: medium none; border-collapse: collapse; border-spacing: 0; padding: 0; width: 100%; } table td { padding: 0; table-layout: fixed; } img { border: medium none; } table.rtable { min-width: 1280px !important; } col.header-col1, col.header-col2 { height: 254px; max-height: 254px; } .logo { height: 254px; max-height: 254px; padding: 0; text-align: right; } .logo img { height: 254px; margin: 0; } .automashtab { background-image: url("../images/automashtab.png"); background-repeat: repeat-x; margin: 0; padding: 0; } .rlogo img { margin: 0; } .llogo { width: 579px !important; } td.blockLeft, td.blockMain, td.blockRight { min-height: 10px; } td.blockLeft, td.blockRight { background: none repeat scroll 0 0 #4B5963; height: auto; min-width: 231px; width: 231px; } td.blockMain { min-width: 816px; vertical-align: top; } ul.LeftMenu { list-style-image: url("../images/strelka-leftmenu.png"); margin-right: 14px; padding-left: 38px; } ul.LeftMenu li { border-bottom: 3px solid #CCCCCC; height: 24px; margin-top: 11px; width: 181px; } ul.LeftMenu li a { color: #FFFFFF; font-size: 12px; font-weight: normal; text-decoration: none; } td.tdMainMenu { padding-top: 36px; text-align: center; width: 100%; } table.MainMenu { } table.MainMenu td { height: 38px; width: 152px; } table.MainMenu td div { background-color: #B2272F; background-image: url("../images/topmenu.png"); border-radius: 0 0 10px 10px; display: inline-block; height: 38px; width: 152px; } table.MainMenu td div:hover { background-color: #4B5963 !important; background-image: url("../images/topmenu-hover.png") !important; } table.MainMenu td div a { color: white; display: block; font-size: 16px; font-weight: bold; margin-top: 10px; text-align: center; text-decoration: none; } td.wrap { margin: 0; padding: 0; } table.bmain { } td.content { width: 816px; } http://validator.w3.org/check?uri=http%3A%2F%2Fprimeaccount.ru%2Fpa%2Findex.html&charset=%28detect+automatically%29&doctype=Inline&group=0 полностью валидный код!