Помогите!Верстка разрезанной картинки

[Sonya]

Итак, мне нужно сверстать сайт, где шапка - это одна большая картинка.

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

Но - у меня не получается их сверстать! Между маленькими картинками - пробел, и все тут!

Div'ами пробовала, тот же эффект.

В гугле ничего путного по этому вопросу найти не могу (во всех найденных статьях про это либо вскользь, либо предполагается, что это такая элементарщина, что и писать не стоит)

Вот html:

<table>
<tr>
<td><img src="1.jpg" width="100" height="200" alt="" border="0"></td>
<td><img src="2.jpg" width="100" height="200" alt="" border="0"></td>
</tr>
</table>

Вот css:

body {
	margin:0px;
	padding: 0px;
}
td {
	margin:0px;
	padding: 0px;
	border: 0px;
}

[rash]

td img {
	display: block;
}

дешево и сердито.

Здесь подробнее.

[Sonya]

Сейчас попробую, спасибо!

Не помогло! Отступ так и остается по всем краям, никакой тебе монолитности...!!

Edited June 2, 2009 by Sonya

[psywalker]

Не помогло! Отступ так и остается по всем краям, никакой тебе монолитности...!!

тогда пропиши ячейкам нулевой размер шрифта, это раз, потом попробуй поставить изображению: vertical-align: bottom;

[Sonya]

Не помогло!

Вот мой модифицированный css:

body {
	margin:0px;
	padding: 0px;
}
td {
padding: 0px;
margin: 0px;
border: 0px;
font-size: 0px;
}

td img {
	vertical-align: bottom; 
	 display: block;
}

Правильность нарезки картинок проверяла (с помощью выставления их поочередно в качестве фона - все монолитно, но не то, что надо)

[s0rr0w]

Монолитность, монолитность..

Срочно учить матчасть!

http://www.w3.org/TR/CSS21/tables.html#borders

[Sonya]

Вы хотите сказать, что неграмотно написать

td {
	border: 0px;
}

Или нет? По-моему, вполне - краткая запись:

элемент {border: width style color}

Что конкретно не так?

[s0rr0w]

Что конкретно не так?

Модель рендеринга бордюров у таблицы не та. Вдумчиво читаем про border-collapse

[Verder]

Нафига огород городить? Ну да, порезанный визуал немного быстрее грузится. Но не критично быстрее.

Не забивай голову - делай большой. Просто надо грамотно адаптировать чтобы потерять в объеме и не потерять в качестве.

У меня если есть сложный большой визуал, то я его целиком ставлю (исключая те случаи, когда его части с однородным фоном должны тянуться).

[Nekromancer]

Большая картинка грузится быстрее кучи маленьких. Просто визуально кажется, что они быстрее.