Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > 2-ая ячейка вышла за полюс

Автор: Golovastik 28.8.2010, 22:38

У меня таблица шириной 910 пикселей, проблема в том что, во 2-ой строке, 2-ая ячейка вышла за 910 пикселей,что делать?

Код


<!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=windows-1251">

<style type="text/css">
.marginpadding{margin:0px; padding:0px;}
.bordur{border:1px solid black;}
.menubordur {border: #000 solid 1px; border-top:0;}
.d img{display:block; }
</style>

</head>
<body class="marginpadding"> 

<!-- ШАПКА -->
<table width="910px" class="bordur"   align="center"  cellspacing="0" cellpadding="0">
<tr>
 <td >
     <img src="shapka.jpg">
 </td>
</tr>

<!-- СЕРЕДИНА -->
<tr width="182">
   <td>
      <div class="d">
        <img   src="videoyroki.png"  >
         <img src="n1.png"  >
         <img   src="n1.png"  >
         </div>
          
   </td>
  <td class="bordur">С новым годом!</td>
    
  

</tr>

</table>
</body>
</html>

Автор: bars80080 29.8.2010, 00:21

ну, наверное посчитать количество ячеек в каждой строчке и написать так, чтобы их везде было одинаково. можно в ячейке первой строки указать colspan="2"

во-вторых, убрать для второй строки ширину 182, что явно противоречит ширине таблицы. как строка может быть уже таблицы?

Автор: Golovastik 29.8.2010, 00:36

Написал так ,вроде работает, проблема в том, что не получается задать для 2-ой строки
первую ячеку размером на 25%, чтоб 2-ая ячейка на 75% была хочу, так не выходит.

Код


<!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=windows-1251">

<style type="text/css">
.marginpadding{margin:0px; padding:0px;}
.bordur{border:1px solid black;}
.menubordur {border: #000 solid 1px; border-top:0;}
.d img{display:block; }
</style>

</head>
<body class="marginpadding"> 

<!-- ШАПКА -->
<table width="910px" class="bordur"   align="center"  cellspacing="0" cellpadding="0">
<tr >
 <td colspan="2">
     <img src="shapka.jpg">
 </td>
</tr>

<!-- СЕРЕДИНА -->
<tr >
   <td width="25%">
      <div class="d">
        <img   src="videoyroki.png"  >
         <img src="n1.png"  >
         <img src="n1.png"  >
         <img src="n1.png"  >
         <img src="n1.png"  >
         <img src="n1.png"  >
         <img src="n1.png"  >
         <img src="n1.png"  >
         <img src="n1.png"  >
         <img src="n1.png"  >
         </div>

         
   </td>
  <td class="bordur" width="75%"> >С новым годом!</td>
    
  

</tr>

</table>
</body>
</html>

Автор: bars80080 29.8.2010, 01:57

а точно ли все картинки влезают в положенные 25% ширины?

надо бы ещё для строчки задать 100% ширины, на всякий случай. может, лесенка наследований не работает