Html таблица

автор Andrey Maestro Сентябрь 20th 2012, 01:36

Здравствуйте.Вот сделал страницу хтмл http://rp-games.forum2x2.com/ Долго мучился.И у меня несколько вопросов.

1)Как сдвинуть кнопки :"админы, FAQ, правила", вправо, чтобы как верхние были(заявки на админа и лидера)?

2)Как создать текст бокс или как его называют точно не знаю, чтобы текст внутри был выделен, ну только не тупо цвет контура поменять, а чтобы этот бокс смотрелся ну как кнопка чтоли unknown

, ну думаю вы поняли о чем я. smile

3)Как в хтмл таблице в ячейке вписать несколько кнопок, так чтобы они добавляли вертикально, а не горизонтально? Как увеличить/уменьшить расстояние по вертикали между ними?.
Ну пока все, сначало с этим попробуем разобраться smile

Переделывать ее надо — чистить незакрытые теги, группировать кнопки, убирать лишнюю таблицу, а текст помещать в div. Сейчас сделаю.

автор Andrey Maestro Сентябрь 20th 2012, 12:57

Спасибо вам за доработку.На счет группировки кнопок:мне надо чтобы те кнопки которые мне надо сдвинуть вправо,но по горизонтали они должны быть напротив приветствия "Добро пожаловать...".По вертикали расстояние между ними должно быть как между кнопками :"заяка на лидера" и "заявка на админку"

Еще не могу найти вашу кнопку 88/31 ,чтобы поставить ее вместо ссылки

И с текстом так и не придумал что делать.Хочется как то украсить.

Замените Ваш код страницы на этот:

Код:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="введите ключевые слова" /> <title>Samp Best Role Play</title> <style type="text/css"> body {background: #333333; color: #fff;} a {color: #fff;text-decoration: none;} td.vig{width: 300px} /* настроки для блока с текстом */ .priv { border: 1px solid red; width: 80%; } </style> </head> <body> <table class="tbglav" width="100%" border="0"> <tr valign="top"> <td align="left" valign="top" class="vig"><a href="http://rp-games.forum2x2.com/f10-forum"><img src="http://images.cooltext.com/2775525.png" alt="Форум" /></a> <br /> <a href="http://rp-games.forum2x2.com/f3-forum"><img src="http://images.cooltext.com/2775547.png" width="124" height="64" alt="Донат" /></a></td> <td align="center" valign="top"><object type="application/x-shockwave-flash" height="312" width="900" data="http://agitki.ru/_ld/10/1037_gtasa.swf"> <param name="movie" value="http://agitki.ru/_ld/10/1037_gtasa.swf" /> <param name="wmode" value="opaque" /> <param name="flashvars" value="Samp Best Role Paly" /></object></td> <td align="right" valign="top" class="vig"><a href="http://rp-games.forum2x2.com"><img src="http://images.cooltext.com/2776093.png" width="164" height="44" alt=" Заявка на лидера" /></a><br /><a href="http://rp-games.forum2x2.com"><img src="http://images.cooltext.com/2776092.png" width="164" height="44" alt="Заявка на админку" /></a></td> </tr> <tr valign="top" align="center"> <td colspan="3" valign="top"><a href="http://rp-games.forum2x2.com/"><img src="http://images.cooltext.com/2775559.png" width="469" height="49" alt="rp-games" /></a></td> </tr> <tr valign="top"> <td valign="top" align="left"><object type="application/x-shockwave-flash" height="210" width="210" data="http://agitki.ru/flash/clock/dclock.swf"> <param name="movie" value="http://agitki.ru/flash/clock/dclock.swf" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="none" /> </object> <object type="application/x-shockwave-flash" height="128" width="128" data="http://agitki.ru/flash/calendar3.swf"> <param name="movie" value="http://agitki.ru/flash/calendar3.swf" /> <param name="wmode" value="transparent" /> </object> </td> <td align="center" valign="top"><div class="priv"><h1>Добро пожаловать на Best Role Play!</h1>Здравствуйте уважаемые игроки и любители Samp Role Play. На нашем сервере вас встретит чуткая, отзывчивая администрация, уважение к каждому игроку, открытость для диалога. Удобная и комфортная, дружественная к новичку атмосфера, которую вы будете чувствовать постоянно — в игре и на сайте. Множество ролей на любой вкус. В этом мире главной ценностью является времяпрепровождение, простым полицейским быть зачастую интересней чем лидером или админом. У нас установлен уникальный мод. На сервере присутствует 25фракций/банд/мафий. Около 30 бизнесов. Каждая фракция огорожена высоким забором и автоматическими воротами. И очень много еще чего интересного. Не буду раскрывать всех секретов, заходите к нам на сервер и получайте удовольствие от игры на Best Role Play.</div></td> <td align="right"><a href="http://rp-games.forum2x2.com/t14-topic"><img src="http://images.cooltext.com/2776095.png" width="164" height="44" alt="Админы сервера" /></a> <br /> <a href="http://rp-games.forum2x2.com/f2-forum"><img src="http://images.cooltext.com/2776102.png" width="164" height="44" alt="F.A.Q" /></a> <br /> <a href="http://rp-games.forum2x2.com/t421-topic"><img src="http://images.cooltext.com/2776104.png" width="164" height="44" alt="Правила" /></a></td> </tr> <tr align="center" valign="top"> <td colspan="3"><a href="http://www.forum2x2.ru">forum2x2.ru</a></td> </tr> </table> </body> </html>

Как создать текст бокс или как его называют точно не знаю, чтобы текст внутри был выделен, ну только не тупо цвет контура поменять, а чтобы этот бокс смотрелся ну как кнопка чтоли

Идете на сайт http://www.css3.me/ и экспериментируете с настройками. Получаете готовый код. Копируете его и ставите на страницу вместо выделенного фрагмента:
Html таблица Snap0055