ТвойWeb :: Версия для печати :: Клетка таблицы с иллюстрацией

1. Масяня - 09 Сентября, 2005 - 02:05:37 - перейти к сообщению

У меня проблема с клеткой таблицы, которая содержит иллюстрацию. Почему-то клетка вылезает вниз на несколько пикселей, а должна плотно обтекать картинку. Расположено это всё по адресу http://k-project.narod.ru/index.html , вышепомянутая клетка - красная справа сверху страницы (при загрузке закрывается народовской рекламой), отчётливо видна черная полоса по низу клетки - это край картинки. По всем остальным направлениям (влево, вправо и вверх) клетка ведёт себя нормально.
Я попыталась обойти это неудобство с помощью дива, так он тоже вылезал вниз.

2. Ray Wen - 09 Сентября, 2005 - 03:15:59 - перейти к сообщению

Ууу... желательно конечно все переверстать... но для начала можеш обойтись поправкой

CODE:

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">



<table width="1000" cellspacing="0" cellpadding="0" border="0">
<tr><td height="47" valign="middle"><p class="title">Рок-фестиваль "Кульминационный проект" г.Владимир</p></td>
<td width="86"><img src="logo0000.jpg" alt="red logo"></td>
</tr></table>

3. Ray Wen - 09 Сентября, 2005 - 03:19:29 - перейти к сообщению

Мда... забыл

CODE:

P.title {
font-family:arial;
font-size:15px;
font-weight:normal;
color:black;
padding-left:40px;
}

Чем меньше код, тем лучше... при чем не только из соображения трафика, а просто проблем меньше возникает...

4. Масяня - 09 Сентября, 2005 - 04:42:06 - перейти к сообщению

Спасибо огромное! Улыбка

Только мистика какая-то, в чём же собственно заключается поправка? Получается, дело было не в таблице, а в

CODE:

? Правильно ли я понимаю, что тут виноваты marginwidth="0" и marginheight="0"?

А почему желательно всё переверстать? Недовольство, огорчение

Я так старалась?

5. Ray Wen - 09 Сентября, 2005 - 05:14:12 - перейти к сообщению

Масяня
Так же у тебя там две лишние строчки были... а переверстать, по тому что очень много лишнего кода... и дивами лучше не злоупотреблять... вот например:

6. Масяня - 09 Сентября, 2005 - 05:32:59 - перейти к сообщению

А как ты например делаешь со спанами, если ссылки внутри клеток таблицы? Я сначала сделала один спан на всю таблицу, но потом валидатор ХТМЛя сказал, что тэг "таблица" внутри спана не бывает. Тогда я понаставляла спанов вокруг каждой ссылы, но это как-бы некрасиво.

7. Ray Wen - 09 Сентября, 2005 - 06:22:37 - перейти к сообщению

Масяня
Я вообще не понимаю при чем тут span... тебе нужно хотябы закрывать тэг <p>, а еще лучше обходиться без него... Многое из того что там есть, я бы сделал в одну строчку даже не прибегаю к помощи таблиц... Например все тот же верх можно записать таким образом

CODE:

<div id="title">Рок-фестиваль "Кульминационный проект" г.Владимир</div>

и в css изменения

CODE:

#title {width:1000px;height:47px;font-family:arial;font-size:15px;font-weight:normal;color:black;padding-left:40px;background:url("logo.jpg") right no-repeat;line-height:47px;}

Надеюсь смысл понятен... еще ниже у тебя огромная таблица с меню... ее можно сделать вида

CODE:

<div id="header"><a href="">НАШЕ ГНЕЗДО</a><a href="">ПЕСНИ И ТРЕЛИ</a>......</div>

но это ты уж сама...

8. Масяня - 09 Сентября, 2005 - 06:38:38 - перейти к сообщению

Круто

Тогда до следующих встреч, спасибо Улыбка