Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Проблемы с форумом » Проблема с объявлением
Просьба помочь)
У меня в объявлении есть штука, как"Лучшие работы недели"
http://zebra.mybb.ru/
Как сделать, чтобы во-первых она не обрезалась снизу и картинки(маленькие) встали ровно в определенные места(там они сдвинуты получаются)...
Буду очень благодарен за помощь)
Как сделать, чтобы во-первых она не обрезалась снизу
Логично, что обрезается, бо картинка у вас 150 пикселей в высоту, а выставлена высота таблицы 135 пикселей:
<table style="padding:11" height="135" border="0" cellspacing="4" cellpadding="3" background="http://s7.uploads.ru/I0UA3.png" width="800">
Кроме того высота ячеек у вас выставлена разная:
<td height="100"
<td height="110"
<td height="102"
Соответственно таблица будет брать самую высокую ячейку за основу..
и картинки(маленькие) встали ровно в определенные места(там они сдвинуты получаются)...
Не понял что надо сделать..
Логично, что обрезается, бо картинка у вас 150 пикселей в высоту, а выставлена высота таблицы 135 пикселей:
Но если сделать 150, то будет вот так
Картинки сдвигаются...
Картинки сдвигаются...
Это же таблица, поэтому и сдвигаются...Ячейки - основа таблицы..Ну, добавьте лишнюю строку, что-то вроде:
<table style="padding:11" height="150" border="0" cellspacing="4" cellpadding="3" background="http://s7.uploads.ru/I0UA3.png" width="800">
<tr>
<td height="100" colspan="3"></td>
</tr>
<tr>
<td height="100" align="right" valign="bottom" width="38%"><a href="http://zebra.mybb.ru/viewtopic.php?id=208" title="Автор: Касаточка" target="blank"><img src="http://s6.uploads.ru/9w0JO.gif" alt="Касаточка" <="" a=""></a></td>
<td height="110" align="center" valign="bottom" width="23%"><a href="http://zebra.mybb.ru/viewtopic.php?id=263" title="Автор: -PrettyP-" target="blank"><img src="http://s7.uploads.ru/MC47Q.gif" alt="-PrettyP-" <="" a=""></a></td>
<td height="102" align="left" valign="bottom" width="0%"><a href="http://zebra.mybb.ru/viewtopic.php?id=277" title="Автор Blatata" target="blank"><img src="http://s6.uploads.ru/cp26m.gif" alt="Blatata" <="" a=""></a></td>
</tr>
</table>
И регулируя высоту этой ячейки получите отступ сверху..
Не получается... До сих пор обрезает...
Janiiik Поставьте вместо таблицы такую ерунду:
Код:<style type="text/css">#My-div div{margin-left:-26px;}#My-div a{margin:0 4px;}</style> <div id="My-div" align=center style="padding-top:50px;background:url(http://s7.uploads.ru/I0UA3.png) no-repeat;width;800;height:150px;"><div> <a href="http://zebra.mybb.ru/viewtopic.php?id=208" title="Автор: Касаточка" target="blank"><img height=74 width=169 src="http://s6.uploads.ru/9w0JO.gif" alt="Касаточка"></a> <a href="http://zebra.mybb.ru/viewtopic.php?id=263" title="Автор: -PrettyP-" target="blank"><img height=74 width=169 src="http://s7.uploads.ru/MC47Q.gif" alt="-PrettyP-"></a> <a href="http://zebra.mybb.ru/viewtopic.php?id=277" title="Автор Blatata" target="blank"><img height=74 width=169 src="http://s6.uploads.ru/cp26m.gif" alt="Blatata"></a> </div></div>
Отредактировано Deff (Чт, 5 Дек 2013 23:41:39)
Deff
огромнейшее вам спасибо!!!
Deff
только единственное она не по центру встала... Она ближе к левому краю, нежели к правому... Что изменить?
только единственное она не по центру встала... Она ближе к левому краю, нежели к правому... Что изменить?
Добавьте красным:
<center><style type="text/css">#My-div{margin-left:11px;} #My-div div{margin-left:-26px;}#My-div a{margin:0 4px;}</style>
только единственное она не по центру встала... Она ближе к левому краю, нежели к правому...
А лучше замените свой код на этот:
<div id="My-div" align="center" style="background: url(http://s7.uploads.ru/I0UA3.png) no-repeat center;width;800;height:150px;"><div>
<a href="http://zebra.mybb.ru/viewtopic.php?id=208" title="Автор: Касаточка" target="blank"><img height="74" width="169" src="http://s6.uploads.ru/9w0JO.gif" alt="Касаточка"></a>
<a href="http://zebra.mybb.ru/viewtopic.php?id=263" title="Автор: -PrettyP-" target="blank"><img height="74" width="169" src="http://s7.uploads.ru/MC47Q.gif" alt="-PrettyP-"></a>
<a href="http://zebra.mybb.ru/viewtopic.php?id=277" title="Автор Blatata" target="blank"><img height="74" width="169" src="http://s6.uploads.ru/cp26m.gif" alt="Blatata"></a>
</div></div>
Так будет правильнее 
Добавил центрирование фоновому изображению, убрал фиксированный margin-left, margin-top заменил на padding-top.
зы: радио с автовоспроизведением советую убрать, иначе всех пользователей распугаете. Тут недавно была тема с "говорящей рекламой", никто ею не был доволен. У меня ночь на дворе, колонки с просмотра фильма не выключил, вот и представьте что сейчас было, когда я открыл ваш форум 
Reysler
Спасибо за помощь и за совет на счет радио, но, к сожалению, я убирать его не стану, т.к. работаю там и этот форум - парнтер радио. 
Вы здесь » Единый форум поддержки » Проблемы с форумом » Проблема с объявлением