1. Desik - 10 Марта, 2009 - 07:14:09 - перейти к сообщению
Всем доброго времени суток! С помощью таблицы пытаюсь организовать заголовки. Но во первых, желтую полосу сделал из 3-х ячеек. Первая и третья ячейки со вставкой изображения, вторая заполняется изображением с помощью класса. Как видно на рисунке, ячейки расположены не ровно почему не понятно. Во вторых появляется расстояние между строками, хотя параметр CELLSPACING=0. Надеюсь на вашу помощь.
2. Вездеход - 10 Марта, 2009 - 08:54:14 - перейти к сообщению
покажите код таблицы и стили какие используете.
3. Desik - 11 Марта, 2009 - 02:32:46 - перейти к сообщению
Вот код таблицы:
CODE (text):
скопировать код в буфер обмена
скопировать код в буфер обмена
- <table width="100%" cellspacing="0" cellpadding="0">
- <tr>
- <td width="10" height="28"><img src="themes/<?echo $theme;?>/images/artblock_01.gif" alt="" /></td>
- <td class="cf13">Пятерка популярных файлов в архиве</td>
- <td width="10" height="28"><img src="themes/<?echo $theme;?>/images/artblock_03.gif" alt="" /></td>
- </tr>
- <tr>
- <td height="1"> </td>
- </tr>
- <tr>
- <td width="10" height="6"><img src="themes/<?echo $theme;?>/images/artblock_21.gif" alt="" /></td>
- <td class="cf15"> </td>
- <td width="10" height="6"><img src="themes/<?echo $theme;?>/images/artblock_23.gif" alt="" /></td>
- </tr>
- <tr>
- <td width="10" height="23"><img src="themes/<?echo $theme;?>/images/artblock_21_1.gif" alt="" /></td>
- <td class="cf14"><?echo $arhiv['name_s'];?></td>
- <td width="10" height="23"><img src="themes/<?echo $theme;?>/images/artblock_23_1.gif" alt="" /></td>
- </tr>
- </table>
Вот стили, применяемые к ней:
CODE (text):
скопировать код в буфер обмена
скопировать код в буфер обмена
- .cf14 {
- font-family: Consolas, Arial;
- font-weight : bold;
- font-size: 17px;
- color: #999999;
- text-align: center;
- background: url(http://localhost/dcms56/themes/dimaz_web/images/artblock_22_1.gif) repeat-x;
- padding-bottom: 7px;
- }
- .cf15 {
- background: url(http://localhost/dcms56/themes/dimaz_web/images/artblock_22.gif) repeat-x;
- height: 6px;
- }