VPF::Таблица находится не в начале - Форум программистов

Gaioz

Дата 28.8.2006, 21:04 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 36
Регистрация: 15.7.2006

Репутация: нет
Всего: нет

Всем доброго времени суток.
Как сделать так чтобы таблицы начиналиь сверху на не с середины как сдесь:

Код


<html> 
<head>
<script language="javascript" type="text/javascript">
</script>
</head>
<body bgcolor="#ffffff"> 
<TABLE border=1 class=GlavTab width=100% height=100%>
 <TR>
  <TD width=20% height=100%> 
    <TABLE border=1 WIDTH=100% height=100% CLASS=Logotip><TR><TD>
      <TABLE border=1 width=100% CLASS=Varies id="Varies1">
       <TR>
        <TD>    
        <IMG src="aaa.gif">     
        </TD>
       </TR>
      </TABLE>
      <TABLE border=1 width=100% CLASS=Varies id="Varies1">
       <TR>
        <TD>    
        <IMG src="aaa.gif">     
        </TD>
       </TR>
      </TABLE> 
    </TD></TR></TABLE>   
  </TD>
  <TD width=80% height=100%>
    <TABLE border=1 WIDTH=100% height=100% CLASS=Logotip><TR><TD>
      <TABLE border=1 width=100% CLASS=Varies id="Varies1">
       <TR>
        <TD>    
        <IMG src="aaa.gif" >     
        </TD>
       </TR>
      </TABLE>
      <TABLE border=1 width=100% CLASS=Varies id="Varies1">
       <TR>
        <TD>    
        <IMG src="aaa.gif">     
        </TD>
       </TR>
      </TABLE> 
      </TD>
     </TR>
    </TABLE>   
  </TD> 
</TR>
</table>
</body>
</html>

Evjeny

Дата 28.8.2006, 23:15 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 88
Регистрация: 14.8.2006

Репутация: нет
Всего: 5

Цитата

Как сделать так чтобы таблицы начиналиь сверху

Код


<html> 
<head>
<script language="javascript" type="text/javascript">
</script>
</head>
<body bgcolor="#ffffff"> 
<TABLE border=1 class=GlavTab width=100% height=100%>
 <TR>
  <TD width=20% height=100% valign="top"> 
    <TABLE border=1 WIDTH=100% height=100% CLASS=Logotip><TR><TD valign="top">
      <TABLE border=1 width=100% CLASS=Varies id="Varies1">
       <TR>
        <TD>    
        <IMG src="aaa.gif">     
        </TD>
       </TR>
      </TABLE>
      <TABLE border=1 width=100% CLASS=Varies id="Varies1">
       <TR>
        <TD>    
        <IMG src="aaa.gif">     
        </TD>
       </TR>
      </TABLE> 
    </TD></TR></TABLE>   
  </TD>
  <TD width=80% height=100%>
    <TABLE border=1 WIDTH=100% height=100% CLASS=Logotip><TR><TD valign="top">
      <TABLE border=1 width=100% CLASS=Varies id="Varies1">
       <TR>
        <TD>    
        <IMG src="aaa.gif">     
        </TD>
       </TR>
      </TABLE>
      <TABLE border=1 width=100% CLASS=Varies id="Varies1">
       <TR>
        <TD>    
        <IMG src="aaa.gif">     
        </TD>
       </TR>
      </TABLE> 
      </TD>
     </TR>
    </TABLE>   
  </TD> 
</TR>
</table>
</body>
</html>

Illuminaty

Дата 29.8.2006, 09:01 (ссылка)

(нет голосов)

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56

А в одной таблице это сделать не судьба?

Код

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style media="screen" type="text/css">
html, body {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    overflow: auto;
    height: 100%;
}
#mainTable {
    height: 100%;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
#mainTable td {
    border: 1px solid #000000;
    width: 50%;
}
#mainTable img {
    border-width: 0px;
}
.row1 {
    height: 100px;
}
.row1 img {
    width: 200px;
    height: 100px;
}
.row2 {
    height: 100px;
}
.row2 img {
    width: 200px;
    height: 100px;
}
</style>
</head>
<body> 
<table id="mainTable"> 
  <tbody> 
    <tr> 
      <td class="row1"><IMG src="aaa.gif" alt="Image" /></td> 
      <td class="row1"><IMG src="aaa.gif" alt="Image" /></td> 
    </tr> 
    <tr> 
      <td class="row2"><IMG src="aaa.gif" alt="Image" /></td> 
      <td class="row2"><IMG src="aaa.gif" alt="Image" /></td> 
    </tr> 
    <tr> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
    </tr> 
  </tbody> 
</table> 
</body>
</html>

Gaioz

Дата 29.8.2006, 17:26 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 36
Регистрация: 15.7.2006

Репутация: нет
Всего: нет

Evjeny, спасибо.

Цитата

А в одной таблице это сделать не судьба?

Реальные приложение имеют еще больше таблиц, это я еще урезал до минимума ее.

Illuminaty

Дата 29.8.2006, 20:14 (ссылка)

(нет голосов)

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56

Так надо упрощать до минимума... а "реальные" приложения стремяться к минимализму. Потом будет легче поддерживать...

Добавлено @ 20:15
сравните свой код и код, приведенный мною. Что легче для понимания и расширения? smile

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »