Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)
-   -   как добавить картинку вниз блока? (http://forum.oszone.net/showthread.php?t=275244)

Diman19 06-01-2014 00:02 2283622

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

[code=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>
[/code]



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



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

[code=css]
#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");}
[/code]

Sham 06-01-2014 10:26 2283716

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


Время: 14:59.

Время: 14:59.
© OSzone.net 2001-