Таблица несоответсвие
 

Уж в чём чём а в вёрстке я не силён=)
Есть таблица

<table width=90% border=1px align=center>
<tr height=30% valign=top>
<td width=100%><img src="top.jpg"></td>
</tr>
<tr height=65% valign=middle>
<td width=30% align=left></td>
<td width=70% align=right>
<img src="line_up.jpg">
</td>
</tr>
</table>

Но почему то столбики из второй строки равны столбику из первой строки то есть каждый по 100% а не по 70 и 30 процентов.

Мда... Что за белиберда... Что нужно хоть? Так вот?

<table width="90%" border="1" align="center">
<tr height="30%" valign="top">
  <td width="100%"colspan="2">EXAMPLE</td>
</tr>
<tr height="65%" valign="middle">
  <td width="30%" align="left">EXAMPLE</td>
  <td width="70%" align="right">EXAMPLE</td>
</tr>
</table>

Всё работает..вы прям волшебник
Говорю же не силён в верстке:-?

Топаем на http://www.htmlbook.ru/ и усиленно учим верстку.

Я JS учу он важнее для меня.

Вот и плохо. Если уж решил учиться на веб-кодера, то должен уметь все из жизненно необходимого: поднять локальную среду разработки, владеть знаниями html + js + server-side. Толку-то с жаваскрипт-кодера, не знающего даже среду, в которой вертится его скрипт :haha:

Ну всё по порядку а то если сразу за всё хвататься то в результате в голове каша

Опять что-то не то=)

<table width="100%" border="1" align="center">
<tr height="30%" valign="top">
  <td width="100%"colspan="2">
     <img src="top.jpg" width="100%">
  </td>
</tr>
<tr height="65%" valign="middle">
  <td width="30%" align="left"></td>
  <td width="70%" align="right">
    <table width="100%" height="100%">
       <tr valign="top">
         <td>
            <img src="paper_top.jpg" width="100%" height="100%">
         </td>
       </tr>
       <tr>
         <td align="left" width=10%">
           <img src="paper_left.jpg" height="100%">
         </td>
         <td background="paper_back.jpg">
         </td>
         <td align="right">
          <img src="paper_right.jpg">
         </td>
       </tr>
    </table>
  </td>
</tr>
</table>

В этом коде картинка paper_top.jpg раз в 10 меньше чем она есть? Что за приколы

А если ей не указывать width и height?

Это в FF
В IE же одна картинка больше раза в 3 другая меньше раза в 3 и ещё одна меньше раз в 5
Прикольненько

Тогда она не на весть td есть пробел и вообще тот блок который 30% очень сильно смещаетса и в итоге он максимум 5%
Бедные верстальщики...
А ещё background Не пашет

Скинь нормальную страницу в конце концов. Ну и заодно убери высоту у строк таблицы -- некошерно. Про атрибуты я пока промолчу ;)

Всмысле вообще весь код?

Осталось одна проблема в ИЕ появляетса горизонт полоса прокрутки а в мозиле просто смещаетса правый блок...ой ещё Опера и Сафари

Ну да... с рисунками, которые у тебя не так как надо. С доктайпом и.т.п. Выложи на фтп где-то

Мораль сей басни такова -- бросай таблицами верстать, братва!

Не в Сафари Опере норм ща выложу на летитбите

Какой толк от JS-программиста, который даже виджет сделать не может?

JSprog,
Вы такого хотели примерно добиться? Код ужасен, чесс слово :(

Именно
Как раз такого=) Просто понимаете в дивной верстке я полный ноль=(
Да и в табличной как оказалось близок к нулю

Что так плохо? схему то вы оставили туже. Ладно отложу JS буду читать вёрстку
Спасибо большое

Вот потому, что схему отсавил ту же, он и ужасен :) попробуйте сделать приятнее, будет Вам задание :)

Опять глюк=( Дело в том что я поставил картинка как бэкнраунд иначе текст смещаетса вниз а не пишется на картинке и в ИЕ получается несуразица какая-то
Ума не приложу в чём дело поставил фон а он кривой какой-то

А всё потому что ты не знаешь как себя ведут блоки...
Дак и надо было начинать с вёрстки, т.к. это и есть самый первый шаг, а потом уж JS, далее XML&XSL и т.д... А ты с середины начал, так что приготовься к потере нервов, я гарантирую.

+из-за таблиц ещё настрадаешься... Пока не поздно - верстай дивами - потом труднее будет отвыкать, а это случится точно!!!

Да уже читаю про блочную вёрстку

Вообще надо фреймами верстать;)

:blink: удачи...

Работаю над блочной версией вёрстки с фиксированным размером в ближайшие дни опубликую

Подскажите. У меня есть Див в нём картинка. Но между дивом и границей картинки зазор как убрать? в css стоит padding:0px;

http://forum.htmlbook.ru/index.php?showtopic=13589 -- первый пункт. Подходит?

Да=) спасибо

Как сделать позиционирование блока относительно родительского блока?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>

<div id=zaza>

<div id=zaza2>
<img src="top.jpg" width="1000px">
</div>
<div id="zaza3">
&nbsp;
</div>
<div id="zaza4">
<div id=top>
<img src="paper_top.jpg" width="800px" height="70px">
</div>
<div id=left>
<div id=img3>
<img src="paper_left.jpg" height="300" width="100px">
</div>
<div id="img4">
<img src="paper_left_priamaia.jpg" height="500" width="100px">
</div>
</div>
<div id=right>
<div id="img1">
<img src="paper_right.jpg" height="300px" width="55px">
</div>
<div id="img2">
<img src="paper_right_back.jpg" height="500px" width="55px">
</div>
</div>
<div id="zaza5">
&nbsp;
</div>
</div>

</body>
</html>

img {
	 display: block
	 }
#zaza {
 width:1000px;
 margin: 0px auto;
 }
#zaza2 {
 margin: 0px auto;
 width: 990px;
}
#zaza3 {
 float: left;
 width: 200px;
 }
#zaza4 {
 float: left;
 width: 800px;
 }
#zaza5 {
 width: 645px;
 position: relative;
 left:100px;
 background: url("paper_back.jpg");
 height: 800px;
 }
 #top{
 vertical-align: top;
 height: 70px;
 }
 #left{
 float: left;
 }
 #right{
 float: right;
 }
 #img1{
 float: right;
 }
 #img2{
 clear: right;
 }
 #img3{
 float: left;
 }
 #img4{
 clear: left;
 }

Вот вариант блочной верстки

Что скажите?

справа шапка и правая колонка не на обной линии:

#zaza2 {
 margin: 0px auto;
 width:990px;
}

Меньше на 10px -- так задумано? :)

UPD
И провалидируй код, в конце концов -- &nbsp вместо  , атрибуты вне кавычек... Фу! :)

А как сделать на одной посоветуй=)
А 10 пикселей поправил уже=)
Свойства поправлю а &nbsp вообще просто так стоит

Хм... Ну вот если поправил, то должно быть на одной. Из-за етих 10-ти и сползало

Всё норм

JSprog,
открой для себя клавишу Tab!