Одесса: 5°С (вода 9°С)
Киев: -1°С
Львов: 4°С

Тема: Нижняя граница стиля выползает за пределы!!!

Ответить в теме
Показано с 1 по 4 из 4
  1. Вверх #1

    По умолчанию Нижняя граница стиля выползает за пределы!!!

    Всем доброго здравия!

    Вот пример моего кода:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <style>
    .white_rectangel {
    WIDTH: 90px; HEIGHT: 60px; BACKGROUND-COLOR: white; }
    </style>
    </head>
    <body>

    <TABLE cellSpacing=0 cellPadding=0 border=0>
    <TR>
    <TD><IMG src="table_lenta.png"></TD></TR>
    <TR bgColor=#2a598f>
    <TD height=65>
    <CENTER>
    <DIV class=white_rectangel><A href="#">
    <IMG style="BACKGROUND-COLOR: #000" height=60 src="12.gif" alt="" width=90 border=0>
    </A>
    </CENTER>
    </TD>
    </TR>
    <TR>
    <TD><IMG src="table_lenta.png"></TD>
    </TR>
    </TABLE>

    </body>
    </html>

    Если просмотре ть этот код в IE то под картинкой можно заметить белую полосу, я не понимаю почему она там появляется, во всех остальных браузерах все нормально, картинка центрируется и поднизом нет никакой белой полосы.Помогите плиз. К теме я прикрепил архив для наглядности.
    Вложения


  2. Вверх #2
    Постоялец форума Аватар для Илья Царюк
    Пол
    Мужской
    Адрес
    Одесса
    Возраст
    35
    Сообщений
    1,523
    Репутация
    694
    Записей в дневнике
    3
    Знаешь что означает "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">" ? Судя по всему нет...

    80% твоего кода - чистый бред по кол-ву ошибок.

    Сравни с этим:
    Код:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <style type="text/css">
    .white_rectangel {
    width: 90px; height: 60px; background-color: white; }
    </style>
    </head>
    <body>
    <table cellspacing="0" cellpadding="0" border="0">
    	<tr>
    		<td><img src="table_lenta.png" alt=""/></td>
    	</tr>
    <tr bgcolor="#2a598f">
    	<td height="65" style="text-align:center">
    			<div class="white_rectangel">
    				<a href="#">
    					<img style="background-color: #000" height="60" src="12.gif" alt="" width="90" border="0">
    				</a>
    			</div>
    	</td>
    </tr>
    <tr>
    <td><img src="table_lenta.png"></td>
    </tr>
    </table>
    
    </body>
    </html>
    Если тебе не нужны так называемые "полосы" тогда измени height="65" на height="60", а то оно на 5 пикселей выпирает. Да и вообще, прежде чем задавать вопросы, будь любезен - пройдись по коду валидатором и приведи его в порядок, иначе просто противно что-то отвечать.

    Вопрос должен был бы быть следующим: Почему этот неверный код содержащий незакрытые теги, неверные вложения и ошибки доктайпа работает не так как нужно?
    Последний раз редактировалось Илья Царюк; 25.09.2007 в 13:37.

  3. Вверх #3
    Не покидает форум
    Пол
    Мужской
    Адрес
    Odessa, UA
    Сообщений
    9,257
    Репутация
    2352
    2rhangel: твой код тоже не валидный, кстати.

  4. Вверх #4
    Постоялец форума Аватар для Илья Царюк
    Пол
    Мужской
    Адрес
    Одесса
    Возраст
    35
    Сообщений
    1,523
    Репутация
    694
    Записей в дневнике
    3
    Цитата Сообщение от Kirax Посмотреть сообщение
    2rhangel: твой код тоже не валидный, кстати.
    ну я постарался исправить самые жуткие ошибки. оставив остальное на суд творца кода потому я и не писал что мой валидный.

Ответить в теме

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения