Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Верстка таблицами: тянется ячейка :(
 
 автор: kukuikar   (28.02.2007 в 01:01)   письмо автору
 
 

Есть макет страницы.
Вот пустая таблица:
http://www.perepetsky.ru/table1.html
А вот вторая таблица, после того как я добавил в нее какой-то текст.
http://www.perepetsky.ru/table2.html
Почему-то начинает тянуться ячейка... Почему непонимаю.... ей назначена ширина 15!!!
Поможите.... а?
Код таблицы:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
<link href="./css/1.css" rel="stylesheet" type="text/css" /> 
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
<table height="100%" width="100%" align="center" border="1" cellpadding="0" cellspacing="0">
<tr>
    <td width="15" height="80"><img src="./img/spacer.gif" height="1" width="1" /></td>
    <td height="80" rowspan="2" colspan="9"><img src="./img/spacer.gif" height="1" width="1" />
    <!--ЛОГОТИП/КОНТАКТЫ-->
    <!--//ЛОГОТИП/КОНТАКТЫ//-->
    </td>
</tr>
<tr>
    <td style="border-bottom: ;" height="15"><img src="./img/down_left1.gif" height="15" width="15" /></td>
</tr>
<tr>
    <td bgcolor="#00CCFF" width="15" height="15"><img src="./img/spacer.gif" height="1" width="1" /></td>
    <td rowspan="2" bgcolor="#00CCFF" width="15" height="30" colspan="5"><img src="./img/spacer.gif" height="1" width="1" /></td>
    <td width="160" colspan="6" bgcolor="#00CCFF" rowspan="2"><img src="./img/spacer.gif" height="1" width="1" /></td>
</tr>

<tr>
<td width="15" height="15"><span style="border-bottom: ;"><img src="./img/down_right1.gif" height="15" width="15" /></span></td>
</tr>

<tr>
    <td colspan="2" height="15" width="185"><img src="./img/spacer.gif" height="1" width="1" /></td>
    <td width="15"><img src="./img/up_left1.gif" width="15" /></td>
    <td width="30" bgcolor="#00CCFF"><img src="./img/spacer.gif" height="1" width="1" /></td>
    <td width="15"><img src="./img/up_right1.gif" width="15" /></td>
    <td><img src="./img/spacer.gif" width="1" height="1" /></td>
    <td width="15" align="right"><img src="./img/up_left1.gif" width="15" align="left" /></td>
    <td width="30" bgcolor="#00CCFF"><img src="./img/spacer.gif" height="1" width="1" /></td>
    <td width="15"><img src="./img/up_right1.gif" width="15" /></td>
    <td width="100" style="border-top: ;"><img src="./img/spacer.gif" height="1" width="1" /></td>
</tr>
<tr>
    <td valign="top" style="border-right: " colspan="3" width="200" height="400"><img src="./img/spacer.gif" height="1" width="1" />
    <!-- МЕНЮ КАТАЛОГА -->
    <!--// МЕНЮ КАТАЛОГА //-->
    </td>
    <td rowspan="5" width="30" bgcolor="#00CCFF"><img src="./img/spacer.gif" height="1" width="1" /></td>
    <td valign="top" colspan="3" rowspan="5">
    <!-- ГЛАВНОЕ ОКНО -->
    <!--//ГЛАВНОЕ ОКНО//-->
    </td>
    <td width="30" rowspan="5" bgcolor="#00CCFF"><img src="./img/spacer.gif" height="1" width="1" /></td>
    <td rowspan="5" style="border-left: ;" colspan="2" width="115"><img src="./img/spacer.gif" height="1" width="1" />
    <!-- НОВОСТИ -->
    <!--//НОВОСТИ//-->
    </td>
</tr>
<tr>
    <td height="15" width="15" style="border-bottom: "><img src="./img/spacer.gif" height="1" width="1" /></td>
    <td height="15"  width="170" style="border-bottom: "><img src="./img/spacer.gif" height="1" width="1" /></td>
    <td height="15"  width="15"><img src="./img/spacer.gif" height="1" width="1" /></td>
</tr>
<tr>
    <td height="30" colspan="3"><img src="./img/spacer.gif" height="1" width="1" /></td>
</tr>
<tr>
    <td style="border-top:" height="15" width="15"><img src="./img/spacer.gif" height="1" width="1" /></td>
    <td style="border-top:" width="170"><img src="./img/spacer.gif" height="1" width="1" /></td>
    <td width="15"><img src="./img/spacer.gif" height="1" width="1" /></td>
</tr>
<tr>
    <td colspan="3" height="0"><img src="./img/spacer.gif" height="1" width="1" /></td>
</tr>
</table>
</body>
</html>

   
 
 автор: Valick   (01.03.2007 в 21:54)   письмо автору
 
   для: kukuikar   (28.02.2007 в 01:01)
 

Когда я начал изучать HTML я взял за правило не использовать rowspan и colspan , т.е. обьеденение ячеек таблицы. Сложно отыскать ошибку в моём состоянии (температура 38), но могу сказать, что с отключинными рисунками (в Опере и Мозиле) всё нормально.
И что у тебя находиться в файле стиля? Ошибка может быть и там... но наверное не в твоём случае (пробовал отулючать стили, ошибка остается) Если потерпишь до завтра, постараюсь что-нить придумать, если только кто-нибудь меня не опередит)

   
 
 автор: kukuikar   (02.03.2007 в 02:08)   письмо автору
 
   для: Valick   (01.03.2007 в 21:54)
 

css:

BODY.body
{
BACKGROUND-COLOR: #cccccc;
margin: 0px;
}
simpletext
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
main
{
text-align:center;
}
table_desc_text
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
.menuitem
{
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #0099FF;
margin: 3px;
}
td.branditemtd
{
width: 33%;
padding:5px;
background-color: #CCFFFF;
}
table.brandtable
{
border: 1px solid #009FFF;
border-collapse: collapse;
width: 400px;
}

a.branditem
{
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #003399;
padding:0px;
font-weight:bold;
}

a.branditem:hover
{
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #003399;
padding:0px;
font-weight:bold;
}

td.brandtitle
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
color:#0033FF;
background-color:#00FFCC;
padding:5px;
}

.table_desc_text
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0066CC;
border: 1px solid #FFDFAA;
}
.table_desc_header
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0066CC;
font-weight:bold;
background-color: #FFDFAA;
border: 1px solid #FFDFAA;
}

table.desc
{
border: 1px solid #FFDFAA;
width:80%;
}

table.catalog_content
{
width:100%;
}

   
 
 автор: Valick   (02.03.2007 в 16:19)   письмо автору
 
   для: kukuikar   (02.03.2007 в 02:08)
 

Выбрасывал всё лишнее (на мой взляд) и так увлёкся)) вот, что у меня получилось...

<html>
<head>
<title>Вёрстка с помощью таблиц</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>

<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td width="15"></td>
    <td height="80">
    ЛОГОТИП/КОНТАКТЫ
    </td>
</tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td height="15"><img src="./img/down_left1.gif" height="15" width="15"></td>
</tr>

<tr>
    <td bgcolor="#00CCFF" width="15" valign="bottom"><img src="./img/down_right1.gif" height="15" width="15"></td>
    <td bgcolor="#00CCFF" height="30"></td>

</tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td width="200" valign="top" align="right"><img src="./img/up_left1.gif" width="15" height="15"></td>
    <td width="30" bgcolor="#00CCFF"></td>
    <td valign="top" align="left"><img src="./img/up_right1.gif" width="15" height="15"></td>
    <td valign="top" align="right"><img src="./img/up_left1.gif" width="15" height="15"></td>
    <td width="30"bgcolor="#00CCFF"></td>
    <td width="170" valign="top" align="left"><img src="./img/up_right1.gif" width="15" height="15"></td>
</tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td valign="top" width="200" height="400" >
    МЕНЮ КАТАЛОГА
    </td>
    <td width="30" bgcolor="#00CCFF"></td>
    <td valign="top" >
Дизайн сайтов + Шаблоны сайтов Шаблоны сайтов в обмен на ссылку Шаблон сайта для IT-компании. www.pastukhova.com · 11 КБ 
Сохраненная копия · Еще с сайта 46 Готовый дизайн, шаблоны сайтов, Flash исходники, бесплатные шаблоны сайтов ... шаблоны 
сайтов, заказать логотип, заказать баннеры, PHP скрипты, интернет-магазин Шаблоны сайтов на DVD дисках. www.templatebest.ru · 
40 КБ Сохраненная копия · Еще с сайта 1029 · Рубрика: Создание сайтов www.Fullsyte.com /Профессиональные шаблоны сайтов, 
flash шаблоны, html шаблоны ... Если, в процессе подгонки шаблона под ваш сайт, у вас возникнут какие либо трудности, вы 
всегда можете расчитывать на квалифицированную помощь, от ... С этого дня, в нашем магазине шаблонов для сайтов, ни на минуту 
не прекращается работа, по улучшению, оптимизации и наполнению новыми шаблонами сайтов ... fullsyte.com · 46 КБ · 13.02.2007 
Сохраненная копия · Еще с сайта 224 Шаблоны сайтов. Студия веб дизайна, интернет магазин шаблонов. Разработка ... В нашем 
Интернет-магазине Вы найдете шаблоны сайтов персональных страниц, шаблоны сайтов для туристических компаний, для художников 
и ... 2. Покупая шаблон, Вы экономите время, так как обычно разработка простейшего сайта визитки занимает несколько недель, а 
купив шаблон сайта, вы ... www.newpage.ru · 21 КБ · 26.01.2007 Сохраненная копия · Еще с сайта 63
    </td>
    <td width="30" bgcolor="#00CCFF"></td>
    <td valign="top" width="170">
    НОВОСТИ
    </td>
</tr>
</table>
</body>
</html> 

Можно вопрос? Где ты взял этот листинг? И какое отношение к нему имеет файл стиля?

   
 
 автор: mindless   (02.03.2007 в 20:29)   письмо автору
 
   для: Valick   (02.03.2007 в 16:19)
 

смотри .
все ячейки этого уровня имеют значение "длинна"
кроме той что перед ячейкой которая тянется...
задай ей размер соотвесвующей.. ну в соотвествии с общим рамером конструкции

   
 
 автор: kukuikar   (02.03.2007 в 23:33)   письмо автору
 
   для: Valick   (02.03.2007 в 16:19)
 

Сам писал.
А стиль для таблицы и мнгого другого.
Спасибо.

   
 
 автор: Valick   (03.03.2007 в 00:05)   письмо автору
 
   для: kukuikar   (02.03.2007 в 23:33)
 

Да незачто, посмотри может что пригодиться из архива.

   
 
 автор: kukuikar   (04.03.2007 в 14:08)   письмо автору
 
   для: Valick   (03.03.2007 в 00:05)
 

круто.
спасибо еще раз.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования