VPF::Как добавить картинку вниз блока?

Skaner

Дата 4.1.2014, 22:50 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 143
Регистрация: 6.2.2008

Репутация: нет
Всего: -1

Всем привет! Скажите пожалуйста как в таблицу стилей записать вывод картинки внизу блока? Вот как выглядит данный блок если записать через HTML следующим кодом.

Код


<table style="border:1px solid #1c1c1c" cellpadding="0" cellspacing="0" width="198">
<tr><td height="32px" style="background:url(/images/block_title.png); text-shadow: 0.1em 0.1em 0.05em #000000;"><font color="#cbcbcb"><center><U>TITLE</u></center></font></td></tr>
<tr><td style="background:url(img/block_content.png);padding:7px;">CONTENT</td></tr>
<tr><td><img src="/img/block_footer.png" border="0"></td></tr>
</table><div style="padding-top:4px;"></div>

Вот как выглядит блок у меня записанный через CSS.

user posted image

Скажите пожалуйста где в стилях допущена ошибка?Может забыл какую-нибудь строчку добавить? Вот стиль всего блока.

Код


#leftcol .blockmodule {margin-bottom: 5px; width: 212px;}
#leftcol .blockmodule .dtop {border: 1px solid #3c3c3c; background: #494949 url("../images/leftblockmodule.png") repeat-x left top;}
#leftcol .blockmodule .dtop h3 a {color: #ffffff;}
#leftcol .blockmodule .dtop h3 {padding: 4px 10px; font-weight: bold; color: #ffffff; font-size: 1em;}
#leftcol .blockmodule .dcont {border: 1px solid #c2cad0; height: 243px; background-color: white; overflow: auto;}
.modulecard a {display: block; border-bottom: 1px solid #dee2e4; width: auto; height: 60px; outline: none;}
.modulecard a:hover {background-color: #f6f6f6; text-decoration: none;}
.modulecard a span {display: block; padding: 6px; line-height: 14px;}
.modulecard a img {float: left; margin-right: 5px;}
.modulecard a span i {font-style: normal; font-size: 10px; color: #5c5c5c;}

#leftcol .block {margin-bottom: 5px; width: 198px; border:1px solid #1c1c1c;}
#leftcol .block .dbottom {background-image: url("../images/block_footer.png") no-repeat -424px bottom;}
#leftcol .block .dtop {height: 32px;  background-image: url("../images/block_title.png");}
#leftcol .block .dtop h3 a {color: #ffffff;}
#leftcol .block .dtop h3 {padding: 6px 10px 7px 10px; font-weight: bold; font-size: 1em; color: #ffffff;}
#leftcol .block .dtop div h3 {padding-left: 33px;}
#leftcol .block .dcont {padding: 6px 10px 15px 10px; background-image: url("../images/block_content.png");}

cia

Дата 6.1.2014, 15:58 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 207
Регистрация: 15.1.2007

Репутация: нет
Всего: 4

Код


<table style="border:1px solid #1c1c1c" cellpadding="0" cellspacing="0" width="198">
<tr><td height="32px" style="background:url(/images/block_title.png); text-shadow: 0.1em 0.1em 0.05em #000000;"><font color="#cbcbcb"><center><U>TITLE</u></center></font></td></tr>
<tr><td style="background:url(img/block_content.png);padding:7px;">CONTENT</td></tr>
<tr><td id="footer"></tr>
</table><div style="padding-top:4px;"></div>

Код


#footer { background:url(/img/block_footer.png) no-repeat center bottom; }

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »