Перенос строки в хтмл

автор Andrey Maestro Октябрь 26th 2012, 19:25

Здравствуйте!
Мне надо расположить кнопки в таблице хтмл,в одной ячейке,вертикально,какой код для пернососа строки или как это вообще сделать?

автор Andrey Maestro Октябрь 26th 2012, 19:29

И еще вопрос ,как использовать этот код,куда вставлять и как,для отдельно взятой ячейки?
Текст-бокс

Код:: -moz-border-radius: 27px; -webkit-border-radius: 27px; border-radius: 27px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ opacity: 0.37; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 37); /*-ms-filter must come before filter*/ filter: alpha(opacity = 37); /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/ /*All filters must be placed together*/

автор Andrey Maestro Октябрь 26th 2012, 21:32

С переносом строки разобрался </br>.Второй вопрос еще актуален.Помогите пожалуйста!

Andrey Maestro пишет:И еще вопрос ,как использовать этот код,куда вставлять и как,для отдельно взятой ячейки?
Текст-бокс
Код:
-moz-border-radius: 27px; -webkit-border-radius: 27px; border-radius: 27px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ opacity: 0.37; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 37); /*-ms-filter must come before filter*/ filter: alpha(opacity = 37); /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/ /*All filters must be placed together*/

автор Belokniznik Октябрь 26th 2012, 23:38

Вообще-то <br /> yes

Для чего нужен этот код? Для чего конкретно?

автор Andrey Maestro Октябрь 27th 2012, 00:24

Для выделения всего что находится в ячейке вот как тут http://rp-games.forum2x2.com/

автор Andrey Maestro Октябрь 27th 2012, 04:46

На этот вопрос я так и не смог еще найти ответа.

Andrey Maestro пишет:И еще вопрос ,как использовать этот код,куда вставлять и как,для отдельно взятой ячейки?
Текст-бокс
Код:
-moz-border-radius: 27px; -webkit-border-radius: 27px; border-radius: 27px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ opacity: 0.37; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 37); /*-ms-filter must come before filter*/ filter: alpha(opacity = 37); /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/ /*All filters must be placed together*/

И вот возник еще вопрос.Как уменьшить расстояние между кнопками по вертикале?
[решено]Перенос строки в хтмл 2710ueu

вот код который у меня получился в ячейке

Код:: <tr valign="top"> <td align="left"><a href="http://sayan-avto.forum2x2.ru/"_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte24.png" border="0" alt="Объявление о продаже" /></a> <br /> <a href="http://sayan-avto.forum2x2.ru/f1-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte20.png" border="0" alt="Автомобили" /></a> </br> <a href="http://sayan-avto.forum2x2.ru/f2-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte21.png" border="0" alt="Мототехника" /></a> </br> <a href="http://sayan-avto.forum2x2.ru/f3-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte22.png" border="0" alt="Спецтехника" /></a> </br> <a href="http://sayan-avto.forum2x2.ru/f4-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte23.png" border="0" alt="Запчасти" /></a></td>

Тогда лучше избавиться от </br>, а вместо него использовать свойства display: block (кнопки выстрояться одна под другой) и margin (внешний отступ, сверху или снизу)
Наглядный пример: https://help.forum2x2.ru/t26640-topic

как использовать этот код,куда вставлять и как,для отдельно взятой ячейки?

На вскиду, т.к. подробностей нет: назначить ячейке класс (например, tdstyle), и через CSS прикрутить указанный настройки к td.tdstyle

автор Andrey Maestro Октябрь 27th 2012, 11:59

Вот весь код хтмл страницы

Код:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru" xml:lang="ru"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> </head> <body> <table class="tbglav" width="100%"> <tr valign="top"> <td colspan="4" align="center" valign="middle"><a href="http://sayan-avto.forum2x2.ru/" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte16.png" border="0" alt="Саяногорский форум автолюбителей" /></a> <tr valign="top"> <td align="left"><a href="http://sayan-avto.forum2x2.ru/"_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte24.png" border="0" alt="Объявление о продаже" /></a> <br /> <a href="http://sayan-avto.forum2x2.ru/f1-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte20.png" border="0" alt="Автомобили" /></a> </br> <a href="http://sayan-avto.forum2x2.ru/f2-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte21.png" border="0" alt="Мототехника" /></a> </br> <a href="http://sayan-avto.forum2x2.ru/f3-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte22.png" border="0" alt="Спецтехника" /></a> </br> <a href="http://sayan-avto.forum2x2.ru/f4-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte23.png" border="0" alt="Запчасти" /></a></td> <td colspan="2">Ячейка 3</td> <td align="center" valign="middle">Ячейка 4</td> </tr> <tr valign="top"> <td align="left" valign="middle">Ячейка</td> <td>Ячейка 6</td> <td>Ячейка 7</td> <td align="right" valign="middle"><a href="http://www.forum2x2.ru"><img src="http://i34.servimg.com/u/f34/16/54/26/99/gge15.gif" alt="Создать форум" title="forum2x2.ru" /></a></td> </tr> </table>  <style> body { background:url(http://www.snapsnap.ru/i/skorostnayadoroga.jpg); background-repeat:repeat; background-attachment:fixed; background-position:top center; } </style> </body> </html>

Спойлер:

Этот код

Код:: -moz-border-radius: 27px; -webkit-border-radius: 27px; border-radius: 27px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ opacity: 0.37; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 37); /*-ms-filter must come before filter*/ filter: alpha(opacity = 37); /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/ /*All filters must be placed together*/

Я взял ТУТ
И вот хочется выделить с помощью его ячейки,но не все.Можно ли как то применить его к определенным ячейкам?
И еще вопрос.Подскажите пожалуйста как изменять размер ячеек.Вот мне надо чтобы ячейки ,та в которой меню и №10,должны быть по размеру как ячейка №4 и та что с вашим банером.Ячейка №3 должна быть центровая, в ней планирую размещать ссылки на авто-новости.В ячейке №10 будет второе меню "Подать объявление".

автор Andrey Maestro Октябрь 28th 2012, 05:51

Ну помогите пожалуйста,если что не так описал,вы скажите я добавлю информации.

автор Andrey Maestro Октябрь 28th 2012, 18:13

автор Andrey Maestro Октябрь 28th 2012, 22:54

На вскиду, т.к. подробностей нет: назначить ячейке класс (например, tdstyle), и через CSS прикрутить указанный настройки к td.tdstyle

Может так попробую.Можно поподробней ,как класс назначить,как прикрутить через ксс настройки к этому классу?

Например берем

Код:: <td align="left">

и меняем на

Код:: <td align="left" class="tdstyle">

А в CSS добавляем:

Код:: td.tdstyle { -moz-border-radius: 27px; -webkit-border-radius: 27px; border-radius: 27px; opacity: 0.37; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 37); filter: alpha(opacity = 37); }

автор Andrey Maestro Октябрь 29th 2012, 06:10

Вот так я класс ячейке назначил

Код:: <tr valign="top"> <td align="left" class="tdstyle" ><a href=""_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte24.png" border="0" alt="Объявление о продаже" /></a> <br /> <a href="http://sayan-avto.forum2x2.ru/f1-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte20.png" border="0" alt="Автомобили" /></a> </br> <a href="http://sayan-avto.forum2x2.ru/f2-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte21.png" border="0" alt="Мототехника" /></a> </br> <a href="http://sayan-avto.forum2x2.ru/f3-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte22.png" border="0" alt="Спецтехника" /></a> </br> <a href="http://sayan-avto.forum2x2.ru/f4-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte23.png" border="0" alt="Запчасти" /></a> </br> <a href="" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte57.png" border="0" alt="Подать объявление" /></a> </br> <a href="http://sayan-avto.forum2x2.ru/f5-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte58.png" border="0" alt="Продать автомобиль" /></a> </br> <a href="http://sayan-avto.forum2x2.ru/f6-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte59.png" border="0" alt="Продать мотоцикл" /></a> </br> <a href="http://sayan-avto.forum2x2.ru/f7-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte60.png" border="0" alt="Продать спецтехнику" /></a> </br> <a href="http://sayan-avto.forum2x2.ru/f8-forum" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte61.png" border="0" alt="Продать запчасти" /></a> </td>

В ксс все как вы сказали поставил.Вообще не чего не изменилось.Помогите пожалуйста разобраться.

автор Andrey Maestro Октябрь 29th 2012, 08:39

Есть еще какие-нибудь варианты,как можно придать ячейке стиль,оформить ее.Мне вообще хочется сделать все содержимое некоторых ячеек на фоне округленной едва видной прозрачной рамки.Как у меня тут выделена ячейка с текстом http://rp-games.forum2x2.com/

автор Belokniznik Октябрь 29th 2012, 10:13

Там:

Код:: <div class="priv"> <h1>Добро пожаловать на Best Role Play!</h1>Здравствуйте уважаемые игроки и любители Samp Role Play. На нашем сервере вас встретит чуткая, отзывчивая администрация, уважение к каждому игроку, открытость для диалога. Удобная и комфортная, дружественная к новичку атмосфера, которую вы будете чувствовать постоянно — в игре и на сайте. Множество ролей на любой вкус. В этом мире главной ценностью является времяпрепровождение, простым полицейским быть зачастую интересней чем лидером или админом. У нас установлен уникальный мод. На сервере присутствует 25фракций/банд/мафий. Около 30 бизнесов. Каждая фракция огорожена высоким забором и автоматическими воротами. И очень много еще чего интересного. Не буду раскрывать всех секретов, заходите к нам на сервер и получайте удовольствие от игры на Best Role Play. </div>

CSS:

Код:: .priv { background-clip: padding-box; background-color: #FFFFFF; background-image: -moz-linear-gradient(center top , #5E5B5C, #4F4D4D); border: 2px solid #545050; border-radius: 50px 50px 50px 50px; box-shadow: 0 0 40px 5px #000000; }

Тжсмое: Тегу <div> присвоен класс .priv, для которого задан стиль.

автор Andrey Maestro Октябрь 29th 2012, 10:32

то есть мне надо поместить ячейку в <div>Ячейка</div> и присвоить ей класс class="priv" ,ну и в ксс добавить настройки рамки для этого класса?

Ячейки отдельно в див не помещают! Вы так всю структуру таблицы развалите. Это раз.

Два. У таблиц одно достоинство: автомасштабирование под размеры окна браузера. С украшательством дела обстоят несколько хуже. Если у Вас в планах на каждую ячейку лепить свое оформление, то лучше это делать с их содержимым — помещать его внутрь дива и назначать ему стили.

Пример: http://admintalk.forum2x2.ru/h12-page

Код:

Код:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru" xml:lang="ru"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link rel='shortcut icon' href='http://illiweb.com/fa/favicon/screen.ico' type='image/x-icon' /> <title>Саяногорский форум автолюбителей</title> <style type="text/css"> body { background:url(http://www.snapsnap.ru/i/skorostnayadoroga.jpg); background-repeat:repeat; background-attachment:fixed; background-position:top center; } .mnu { text-align: center; } .mnu a { display: block; margin: 0 auto; } .cell3 { text-align: justify; border:none 5px #000000; -moz-border-radius-topleft: 23px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:29px; -webkit-border-top-left-radius:23px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:29px; border-top-left-radius:23px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:29px; background-color: rgba(26, 28, 42, 0.2); background: rgba(26, 28, 42, 0.2); color: #000; padding: 10px; -moz-box-shadow: 0px 0px 7px #000000; -webkit-box-shadow: 0px 0px 7px #000000; box-shadow: 0px 0px 7px #000000; margin: 10px; } </style> </head> <body> <table class="tbglav" width="100%" border="0"> <tr valign="top"> <td colspan="4" align="center" valign="middle"><a href="http://sayan-avto.forum2x2.ru/" target="_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte16.png" border="0" alt="Саяногорский форум автолюбителей" /></a> <tr valign="top"> <td align="left" align="center" width="260"><a href="http://sayan-avto.forum2x2.ru/"_blank" ><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte24.png" border="0" alt="Объявление о продаже" /></a> <br /> <div class="mnu"> <a href="http://sayan-avto.forum2x2.ru/f1-forum" target="_blank"><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte20.png" border="0" alt="Автомобили" /></a> <a href="http://sayan-avto.forum2x2.ru/f2-forum" target="_blank"><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte21.png" border="0" alt="Мототехника" /></a> <a href="http://sayan-avto.forum2x2.ru/f3-forum" target="_blank"><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte22.png" border="0" alt="Спецтехника" /></a> <a href="http://sayan-avto.forum2x2.ru/f4-forum" target="_blank"><img src="http://i41.servimg.com/u/f41/17/81/56/52/coolte23.png" border="0" alt="Запчасти" /></a> </div></td> <td colspan="2" width="50%"><div class="cell3">Авто, как техника универсальная, всегда по какому-либо параметру уступает технике специализированной. Вот решил ты повесить полку. Залез на лестницу, просверлил дырку, слез с лестницы, положил дрель, взял крепеж, залез на лестницу, закрепил его, слез с лестницы, взял полку, залез на лестницу. С Авто можно сократить это метание вверх-вниз до минимума. Чем дольше живет жена с мужем, тем все больше понимает, что ему нужно Авто. Наши беседы посвящаются, конечно же, Авто – привет, дорогое! Вы, наверное, и не заметили, что некоторое время назад Авто оказалось на грани исчезновения, и только благодаря стараниям и терпению отечественных ученых-энтузиастов началось триумфальное возвращение Авто.</div></td> <td align="center" valign="middle">Ячейка 4</td> </tr> <tr valign="top"> <td align="left" valign="middle">Ячейка 2</td> <td>Ячейка 6</td> <td>Ячейка 7</td> <td align="right" valign="middle"><a href="http://www.forum2x2.ru"><img src="http://i34.servimg.com/u/f34/16/54/26/99/gge15.gif" alt="Создать форум" title="forum2x2.ru" /></a></td> </tr> </table> </body> </html>

автор Andrey Maestro Октябрь 29th 2012, 13:14

спасибо,буду пробовать yes

автор Andrey Maestro Октябрь 29th 2012, 13:33

Dana Domirani
Огромное спасибо,это то что нужно,все разобрался. d_daisy

[решено]Перенос строки в хтмл

Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл

Re: [решено]Перенос строки в хтмл