1. дома
  2. Вопрос и ответ
  3. html table cell text messing up

html table cell text messing up

2013-05-03 3 views
0

Для этого кода, когда я добавляю текст в третьей строке таблицы, он разрушает макет всех смежных ячеек. Пожалуйста помоги.html table cell text messing up

Спасибо

<table width="720" bgcolor="white" height="650" align="center" cellpadding="10" border="1"> 
    <tr valign="top"> 
     <td colspan="8" height="70" align="center"><img src="yooo.gif" align="middle" /> </td> </tr> 
    <tr height="40"> 
     <td colspan="2" align="center" width="175">Home</td> 
     <td colspan="2" align="center" width="175">Food</td> 
     <td colspan="2" align="center" width="175">Hobbies</td> 
     <td colspan="2" align="center" width="175">Martin's Blog</td> </tr> 
    <tr height="260"> 
     <td class="info" colspan="4" valign="top"><h2>Welcome to Nenad's Blog!!!</h2><h6>Here on this blog we will be talking about 
     a bunch of random stuff that are so completely unrelated that will blow your mind.<h6></td> 
     <td class="info" colspan="4"> h </td> </tr> 
    <tr height="260"> 
     <td class="info" colspan="4"> h </td> 
     <td class="info" colspan="4"> h </td> </tr>

источник

2013-05-03 fifiman

+1

Это звучит глупо, но поскольку это не в коде, вы закрываете свой тег

? –

+0

Можете ли вы показать нам ожидаемый результат с помощью экрана? – TNK

+0

мой стол закрыт :) и я хочу разделить ту область, где текст занимает половину в 4 равных квадратных квадрата – fifiman

ответ

0

Ваш стол выглядит хорошо от того, что я могу сделать то, что вы вывесили.

Вы должны, однако, не использовать таблицы для целей макета. Они должны использоваться только для табличных данных, вы знаете ... например, таблицу.

Для стилизации вашего сайта вы должны использовать CSS.

http://jsfiddle.net/3rJv7/

Code Runs

источник

2013-05-03 02:42:01

0

Вы могли бы определить, что "разруха" означает. Однако я думаю, что все колпаны заставляют некоторые браузеры плохо вычислять оптимальные ширины столбцов. Я обнаружил, что многие браузеры справляются с этим лучше, если ваша первая строка определяет ширину, даже если это фиктивная строка с разделительными изображениями. Я знаю, страшно семантически, но использование таблиц для макетов, как правило, идет именно так.

источник

2013-05-03 02:44:36

+0

, ширина не кажется проблемой. Высота просто сходит с ума – fifiman

+0

Хорошо. Исправлять высоты строк можно, но посмотрите на этот вопрос: http://stackoverflow.com/questions/2092696/how-to-fix-height-of-tr –

Смежные вопросы

 Смежные вопросы