Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript
Перезагрузить страницу

Помогите с таблицой


Помогите с таблицой

Обсуждение темы Помогите с таблицой в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; у меня таблица состоит из двух колонок,правая объединена, а левая нет.Ну так вот, когда я заливаю информацию то у меня в левой колоноке ...


Закрытая тема
 
Опции темы
Старый 12.01.2009, 20:36   #1
у меня таблица состоит из двух колонок,правая объединена, а левая нет.Ну так вот, когда я заливаю информацию то у меня в левой колоноке всё прыгает может можно как-нибудь закрепить левую колонку чтоб она не изменялась?
 
Старый 12.01.2009, 20:36
Ссылки
Старый 12.01.2009, 20:50   #2
вот скрин между ссылками слева не должно быть пробелов
Изображения
Тип файла: gif сайт.gif (33.3 Кб, 12 просмотров)
 
Старый 13.01.2009, 02:07   #3
Renat1, Вы css покажите, или html, что там у вас наверстано.
 
Старый 13.01.2009, 15:44   #4
Aldes, я сделал как надо теперь почти всё нормально в мозиле всё ровно ,а в internet explorere так и осталось



вот эти ячейки в коде
<tr>
<td height="32" wight="209"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image19','','progi-1-1.jpg',1)"><img src="progi-1.jpg" name="Image19" width="209" height="32" border="0" id="Image19" title="программы для смартфонов и компьютера" /></a></td>
</tr>
<tr>
<td height="32" wight="209"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image20','','n-gage-1-1.jpg',1)"><img src="n-gage-1.jpg" name="Image20" width="209" height="32" border="0" id="Image20" title="N-GAGE игры для смартфонов,взлом и установка n-gage сервиса" /></a></td>
</tr>
<tr>
<td height="32" wight="209"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','stati-1-1.jpg',1)"><img src="stati-1.jpg" name="Image21" width="209" height="32" border="0" id="Image21" title="статьи о смартфонах" /></a></td>
</tr>
<tr>
<td height="32" wight="209"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','grafica-1-1.jpg',1)"><img src="grafica-1.jpg" name="Image22" width="209" height="32" border="0" id="Image22" title="катинки,видео,темы..." /></a></td>
</tr>
<tr>
<td><img src="5.gif" width="209" height="422" /></td>
</tr>
 
Старый 13.01.2009, 16:23   #5
Renat1, то что Вы тут написали, вовсе не то, о чем спрашиваете... Вы ж вроде о левой колонке спрашивали... Покажите лучше всю таблицу.
 
Старый 13.01.2009, 23:47   #6
Renat1, идеально было бы выложить проблемную страницу на хостинг и дать ссылку.
 
Старый 14.01.2009, 20:18   #7
Вот вам лучше весь сайт


<!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>Untitled Document</title>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
.style1 {font-size: 24px}
-->
</style>
</head>

<body onload="MM_preloadImages('gl-1-1.jpg','tel-1-1.jpg','for-1-1.jpg','o-1-1.jpg','test-1-1.jpg','progi-1-1.jpg','n-gage-1-1.jpg','stati-1-1.jpg','grafica-1-1.jpg')">
<table width="1028" height="143" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="121" colspan="6" align="right" background="1.jpg"><img src="baner.jpg" width="493" height="67" /></a></td>
<td width="223" rowspan="2"><img src="Untitled-3.jpg" width="223" height="157" /></td>
</tr>
<tr>
<td width="179"><img src="2.jpg" width="179" height="36" /></td>
<td width="115"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','gl-1-1.jpg',1)"><img src="gl-1.jpg" name="Image14" width="115" height="36" border="0" id="Image14" title="вернуться на главную страницу" /></a></td>
<td width="142"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','tel-1-1.jpg',1)"><img src="tel-1.jpg" name="Image15" width="142" height="36" border="0" id="Image15" title="каталог телефонов NOKIA" /></a></td>
<td width="104"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','for-1-1.jpg',1)"><img src="for-1.jpg" name="Image16" width="104" height="36" border="0" id="Image16" title="зайдите на форум" /></a></td>
<td width="125"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','o-1-1.jpg',1)"><img src="o-1.jpg" name="Image17" width="125" height="36" border="0" id="Image17" title="истори компании,её разработки и многое другое..." /></a></td>
<td width="140"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image18','','test-1-1.jpg',1)"><img src="test-1.jpg" name="Image18" width="140" height="36" border="0" id="Image18" title="тесты и обзоры телефонов e-series" /></a></td>
</tr>
</table>
<table width="1024" height="186" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="209" height="61" nowrap="NOWRAP"><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="209" height="61">
<param name="movie" value="alpha_mask.swf" />
<param name="quality" value="high" />
<embed src="alpha_mask.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="209" height="61"></embed>
</object></td>
<td width="815" rowspan="6" align="left" valign="top" background="4.gif"><h2 class="style1"><img src="Новая папка/nokia_e50.jpg" width="440" height="538" align="right" />
</h2>
<h2 class="style1">Общие данные Nokia E50 </h2>
<ul>
<li>Дата выпуска: 2006 г.</li>
<li>Стандарт: GSM 900, GSM 1800, GSM 1900</li>
<li>Платформа: S60 3rd Edition (initial release)</li>
<li>Смартфон: Symbian OS v9.1</li>
<li>Тип процессора: ARM 9</li>
<li>Тактовая частота: 235 MHz</li>
<li>Длина: 113 мм.</li>
<li>Ширина: 43 мм.</li>
<li>Толщина: 15 мм.</li>
<li>Вес: 104 г.</li>
</ul>
<h4>Аккумулятор Nokia E50</h4>
<ul>
<li>Тип батареи: Li-ion (BL-5C)</li>
<li>Емкомсть: 970 mAh</li>
<li>Время ожидания: 216</li>
<li>Время разговора: 6</li>
</ul>
<h4>Корпус </h4>
<ul>
<li>Конструкция корпуса: трубка</li>
<li>Материал корпуса: пластик, металл</li>
<li>Встроенная антенна</li>
</ul>
<h4>Дисплей </h4>
<ul>
<li>Технология экрана: TFT</li>
<li>Тип экрана: 262 тыс. цветов</li>
<li>Размер экрана: 240 x 320</li>
</ul>
<h4>Работа с звуком </h4>
<ul>
<li>Тип звонка: Полифонический</li>
<li>Mp3 на звонок</li>
<li>Загружаемые мелодии</li>
<li>Вибро</li>
<li>Голосовой набор</li>
<li>Голосовое управление</li>
<li>Громкая связь</li>
<li>Диктофон</li>
<li>MP3-Плеер</li>
<li>Настраиваемые профили</li>
</ul>
<h4>Телефонная книга </h4>
<ul>
<li>Номера в памяти телефона</li>
<li>Расширенная телефонная книга</li>
<li>Поддержка групп абонентов</li>
</ul>
<h4>Память </h4>
<ul>
<li>Объем энергонезависимой памяти: 70 MB</li>
<li>Поддержка карт памяти: Micro SD</li>
<li>Макс. объем карты памяти: 2 GB</li>
</ul>
<h4>Короткие сообщения </h4>
<ul>
<li>MMS</li>
<li>Предиктивный ввод: T9 Text Input ®</li>
<li>SMS Шаблоны</li>
</ul>
<h4>Передача данных Nokia E50</h4>
<ul>
<li>WAP: v 2.0</li>
<li>E-mail клиент</li>
<li>HTML-браузер</li>
<li>EDGE</li>
<li>GPRS: сlass 10 (4down + 2up, 5max)</li>
<li>IrDA</li>
<li>Кабель к ПК</li>
<li>Bluetooth: (2.0)</li>
<li>Push to talk</li>
</ul>
<h4>Фото/Видео </h4>
<ul>
<li>Встроенная камера</li>
<li>Количество пикселей: 1.3 Мп</li>
<li>Разрешение камеры: 1280 x 960</li>
<li>Поддержка Видео: (76 x 144, 128 x 96, 15fps)</li>
<li>Цифровой zoom: 4 X</li>
</ul>
<h4>Дополнительно </h4>
<ul>
<li>Органайзер</li>
<li>Календарь</li>
<li>Java игры и приложения</li>
</ul> </td>
</tr>
<tr>
<td height="32" wight="209"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image19','','progi-1-1.jpg',1)"><img src="progi-1.jpg" name="Image19" width="209" height="32" border="0" id="Image19" title="программы для смартфонов и компьютера" /></a></td>
</tr>
<tr>
<td height="32" wight="209"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image20','','n-gage-1-1.jpg',1)"><img src="n-gage-1.jpg" name="Image20" width="209" height="32" border="0" id="Image20" title="N-GAGE игры для смартфонов,взлом и установка n-gage сервиса" /></a></td>
</tr>
<tr>
<td height="32" wight="209"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','stati-1-1.jpg',1)"><img src="stati-1.jpg" name="Image21" width="209" height="32" border="0" id="Image21" title="статьи о смартфонах" /></a></td>
</tr>
<tr>
<td height="32" wight="209"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','grafica-1-1.jpg',1)"><img src="grafica-1.jpg" name="Image22" width="209" height="32" border="0" id="Image22" title="катинки,видео,темы..." /></a></td>
</tr>
<tr>
<td><img src="5.gif" width="209" height="422" /></td>
</tr>
</table>
</body>
</html>
 
Старый 14.01.2009, 20:58   #8
Сделайте проще:
Код:
<!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>Untitled Document</title>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
.style1 {font-size: 24px}
-->
</style>
</head>

<body onload="MM_preloadImages('gl-1-1.jpg','tel-1-1.jpg','for-1-1.jpg','o-1-1.jpg','test-1-1.jpg','progi-1-1.jpg','n-gage-1-1.jpg','stati-1-1.jpg','grafica-1-1.jpg')">
<table width="1028" height="143" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="121" colspan="6" align="right" background="1.jpg"><img src="baner.jpg" width="493" height="67" /></a></td>
<td width="223" rowspan="2"><img src="Untitled-3.jpg" width="223" height="157" /></td>
</tr>
<tr>
<td width="179"><img src="2.jpg" width="179" height="36" /></td>
<td width="115"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','gl-1-1.jpg',1)"><img src="gl-1.jpg" name="Image14" width="115" height="36" border="0" id="Image14" title="вернуться на главную страницу" /></a></td>
<td width="142"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','tel-1-1.jpg',1)"><img src="tel-1.jpg" name="Image15" width="142" height="36" border="0" id="Image15" title="каталог телефонов NOKIA" /></a></td>
<td width="104"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','for-1-1.jpg',1)"><img src="for-1.jpg" name="Image16" width="104" height="36" border="0" id="Image16" title="зайдите на форум" /></a></td>
<td width="125"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','o-1-1.jpg',1)"><img src="o-1.jpg" name="Image17" width="125" height="36" border="0" id="Image17" title="истори компании,её разработки и многое другое..." /></a></td>
<td width="140"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image18','','test-1-1.jpg',1)"><img src="test-1.jpg" name="Image18" width="140" height="36" border="0" id="Image18" title="тесты и обзоры телефонов e-series" /></a></td>
</tr>
</table>
<table width="1024" height="186" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="209" height="186" align="left" valign="top"><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="209" height="61">
<param name="movie" value="alpha_mask.swf" />
<param name="quality" value="high" />
<embed src="alpha_mask.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="209" height="61"></embed>
</object>  <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image19','','progi-1-1.jpg',1)"><img src="progi-1.jpg" name="Image19" width="209" height="32" border="0" id="Image19" title="программы для смартфонов и компьютера" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image20','','n-gage-1-1.jpg',1)"><img src="n-gage-1.jpg" name="Image20" width="209" height="32" border="0" id="Image20" title="N-GAGE игры для смартфонов,взлом и установка n-gage сервиса" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','stati-1-1.jpg',1)"><img src="stati-1.jpg" name="Image21" width="209" height="32" border="0" id="Image21" title="статьи о смартфонах" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','grafica-1-1.jpg',1)"><img src="grafica-1.jpg" name="Image22" width="209" height="32" border="0" id="Image22" title="катинки,видео,темы..." /></a></td>
<td width="815" rowspan="2" align="left" valign="top" background="4.gif"><h2 class="style1"><img src="Новая папка/nokia_e50.jpg" width="440" height="538" align="right" />
</h2>
<h2 class="style1">Общие данные Nokia E50 </h2>
<ul>
<li>Дата выпуска: 2006 г.</li>
<li>Стандарт: GSM 900, GSM 1800, GSM 1900</li>
<li>Платформа: S60 3rd Edition (initial release)</li>
<li>Смартфон: Symbian OS v9.1</li>
<li>Тип процессора: ARM 9</li>
<li>Тактовая частота: 235 MHz</li>
<li>Длина: 113 мм.</li>
<li>Ширина: 43 мм.</li>
<li>Толщина: 15 мм.</li>
<li>Вес: 104 г.</li>
</ul>
<h4>Аккумулятор Nokia E50</h4>
<ul>
<li>Тип батареи: Li-ion (BL-5C)</li>
<li>Емкомсть: 970 mAh</li>
<li>Время ожидания: 216</li>
<li>Время разговора: 6</li>
</ul>
<h4>Корпус </h4>
<ul>
<li>Конструкция корпуса: трубка</li>
<li>Материал корпуса: пластик, металл</li>
<li>Встроенная антенна</li>
</ul>
<h4>Дисплей </h4>
<ul>
<li>Технология экрана: TFT</li>
<li>Тип экрана: 262 тыс. цветов</li>
<li>Размер экрана: 240 x 320</li>
</ul>
<h4>Работа с звуком </h4>
<ul>
<li>Тип звонка: Полифонический</li>
<li>Mp3 на звонок</li>
<li>Загружаемые мелодии</li>
<li>Вибро</li>
<li>Голосовой набор</li>
<li>Голосовое управление</li>
<li>Громкая связь</li>
<li>Диктофон</li>
<li>MP3-Плеер</li>
<li>Настраиваемые профили</li>
</ul>
<h4>Телефонная книга </h4>
<ul>
<li>Номера в памяти телефона</li>
<li>Расширенная телефонная книга</li>
<li>Поддержка групп абонентов</li>
</ul>
<h4>Память </h4>
<ul>
<li>Объем энергонезависимой памяти: 70 MB</li>
<li>Поддержка карт памяти: Micro SD</li>
<li>Макс. объем карты памяти: 2 GB</li>
</ul>
<h4>Короткие сообщения </h4>
<ul>
<li>MMS</li>
<li>Предиктивный ввод: T9 Text Input ®</li>
<li>SMS Шаблоны</li>
</ul>
<h4>Передача данных Nokia E50</h4>
<ul>
<li>WAP: v 2.0</li>
<li>E-mail клиент</li>
<li>HTML-браузер</li>
<li>EDGE</li>
<li>GPRS: сlass 10 (4down + 2up, 5max)</li>
<li>IrDA</li>
<li>Кабель к ПК</li>
<li>Bluetooth: (2.0)</li>
<li>Push to talk</li>
</ul>
<h4>Фото/Видео </h4>
<ul>
<li>Встроенная камера</li>
<li>Количество пикселей: 1.3 Мп</li>
<li>Разрешение камеры: 1280 x 960</li>
<li>Поддержка Видео: (76 x 144, 128 x 96, 15fps)</li>
<li>Цифровой zoom: 4 X</li>
</ul>
<h4>Дополнительно </h4>
<ul>
<li>Органайзер</li>
<li>Календарь</li>
<li>Java игры и приложения</li>
</ul> </td>
</tr>

<tr>
<td align="left" valign="top"><img src="5.gif" width="209" height="422" /></td>
</tr>
</table>
</body>
</html>
и ничего не будет разьезжаться
 
Старый 15.01.2009, 17:37   #9
Aldes, Большое спасибо это помогло!+
 
Старый 15.01.2009, 17:37
Закрытая тема

« изменение select с помощью javascript | Отображение координат мыши в пикселях »



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблемы с таблицой Вячеслав-123 HTML, CSS, JavaScript 3 29.01.2009 11:34


Текущее время: 09:04. Часовой пояс GMT +4.



Справка - Обратная связь - Web-silver.ru - Архив - Календарь - Карта - Вверх

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум