Воть:
Помогите исправить табличку
Сообщений 1 страница 16 из 16
Поделиться2Вт, 22 Мар 2011 14:06:37
Адрес сайта и код объвления дайте пожалуйста
Поделиться3Вт, 22 Мар 2011 14:09:55
Адрес сайта и код объвления дайте пожалуйста
Код объявления:
<table width="100%" cellspacing="0" cellpadding="0" border="1"> <tr><td rowspan="2" width="65%" align="center"> <!-- тут картинка --> <img src="http://s003.radikal.ru/i202/1103/01/329c9ee2935f.jpg" border="0"> </td><td> Новости ролки: Наша ролка ещё не открыта,но мы на финишной прямой!последние штрихи,доработки - и Вы сможете играть,учиться,веселиться!Только осталось лишь немного подождать... </td></tr><tr><td> Администрация: Мартель </td></tr><tr><td colspan="2" style="padding: 1px 4px 1px 4px;"> <div align="center" style="display: block; float: left; width:48.2%; padding: 5px;"> Сюжет </div><div align="center" style="display: block; float: right; width: 48.2%; padding: 5px;"> Объявления: Ролевая пока закрыта.Но лишь пока! </div></td></tr></table>
Поделиться4Вт, 22 Мар 2011 14:30:23
Martele, определитесь сначала, что Вы хотите вставить как картинку, Мап-карту или просто изображение. Поставьте в таблицу, а я подгоню, так как хотите.
Но учтите, что таблица в таком варианте, как Вы заказали, по высоте резиновая. И если будете добавлять новости ролки еще, то она будет вниз растягиваться. )
Поделиться5Вт, 22 Мар 2011 14:33:39
определитесь сначала, что Вы хотите вставить как картинку, Мап-карту или просто изображение.
Уже просто картинку..
Но учтите, что таблица в таком варианте, как Вы заказали, по высоте резиновая. И если будете добавлять новости ролки еще, то она будет вниз растягиваться. )
Да,желательно,чтоб растягивалась)))
Поделиться6Вт, 22 Мар 2011 14:57:30
Да,желательно,чтоб растягивалась)))
Martele, это не есть хорошо, потому что таблица может растянуться на очень много по высоте. )
Итак, Ваша таблица:
<table width="100%" cellspacing="0" cellpadding="0" border="1"> <tr><td rowspan="2" width="65%" align="center"> <!-- тут картинка --> <img src="http://s003.radikal.ru/i202/1103/01/329c9ee2935f.jpg" border="0"> </td><td style="height: 250px; padding: 3px 2px 3px 2px;" valign="top"> <b>Новости ролки:</b><br> Наша ролка ещё не открыта,но мы на финишной прямой! последние штрихи, доработки - и Вы сможете играть, учиться,веселиться! Только осталось лишь немного подождать... </td></tr><tr><td style="padding: 3px 2px 3px 2px;" valign="top"> <b>Администрация:</b><br> Мартель </td></tr><tr><td colspan="2" style="padding: 1px 4px 1px 4px;"> <div align="center" style="display: block; float: left; width:48.2%; padding: 5px;"> <b>Сюжет:</b> <div style="width: 100%; vertical-align: top; text-align: justify;">Здесь писать описание сюжета. О чем игра, как играть, правила, роли и персонажи и так далее...</div> </div><div align="center" style="display: block; float: right; width: 48.2%; padding: 5px;"> <b>Объявления:</b> <div style="width: 100%; vertical-align: top; text-align: justify;">Ролевая пока закрыта. Но лишь пока! Как только будет закончен дизайн, ролка будет открыта.</div> </div></td></tr></table>
В качестве пояснения:
Вы увидите в таблице примерно такой код:
<b>Новости ролки:</b><br>
Пара тегов " <b>тут текст</b> " означает, что текст будет жирным.
А тег <br> означает перевод строки, он идет без пары. )
Поделиться7Вт, 22 Мар 2011 14:57:46
<table width="100%" cellspacing="0" cellpadding="0" border="1"> <tr><td rowspan="2" width="65%" align="center"> <!-- тут картинка --> <img src="http://s003.radikal.ru/i202/1103/01/329c9ee2935f.jpg" border="0"> </td><td height="200px";> Новости ролки:<br><br>Наша ролка ещё не открыта,но мы на финишной прямой!последние штрихи,доработки - и Вы сможете играть,учиться,веселиться!Только осталось лишь немного подождать... </td></tr><tr><td> Администрация:<br><br>Мартель </td></tr><tr><td style="padding: 1px 4px 1px 4px;"> <div align="center" style="display: block; float: left; width:48.2%; padding: 5px;"> Сюжет </div><div align="center" style="display: block; float: right; width: 48.2%; padding: 5px;"> </td><td> Объявления: Ролевая пока закрыта.Но лишь пока! </div></td></tr></table>
Отредактировано Wikki (Вт, 22 Мар 2011 15:03:09)
Поделиться8Вт, 22 Мар 2011 15:00:56
Wikki, сумма ширины столбцов не может быть больше 100%.))
<td rowspan="2" width="65%" align="center">
...
<td width="50%">
Отредактировано Кофеман (Вт, 22 Мар 2011 15:02:18)
Поделиться9Вт, 22 Мар 2011 15:03:04
Кофеман
Спасибо и за табличку,и за пояснения))))
Поделиться10Вт, 22 Мар 2011 15:03:45
Кофеман, да я с другой таблицей перепутала...
Поделиться11Вт, 22 Мар 2011 15:04:17
Martele, я намеренно не переделывал видимость границы между сюжетом и объявлениями. Мне кажется так выглядит более симпатишнее.
Но если надо, то переделаю.)
Поделиться12Вт, 22 Мар 2011 15:05:13
Не успела ХД =))
Поделиться13Вт, 22 Мар 2011 15:07:59
Но если надо, то переделаю.)
Нет,не надо!И так всё замечательно!
Поделиться14Вт, 22 Мар 2011 15:08:57
Не успела ХД =))
ничего,в другой раз успеете)))))
Поделиться15Вт, 22 Мар 2011 15:19:13
Нет,не надо!И так всё замечательно!
Martele, добавьте еще в HTML-верх такой код:
<style> #pun-announcement h2 span { display: none; } </style>
Он скроет слово "Объявление" над Вашей табличкой. Если нужно, конечно. )
Поделиться16Вт, 22 Мар 2011 16:58:21
<style>
#pun-announcement h2 span {
display: none; }
</style>
А лучше вот так:
<style type="text/css"> #pun-announcement h2 { visibility: hidden; } </style>
А то объявление будет наезжать на пользовательские ссылки.