Помощник
|
как сделать список в два ряда ? и еще пару вопросов! |
Leha_1985
|
Сообщение
#1
|
||
|
|
||
|
|||
Malganus |
9.4.2011, 3:12;
Ответить: Malganus
Сообщение
#2
|
|
На все вопросы один ответ, с помощью html и немного css.
Хотите конкретики? Задавайте конкретные вопросы с примером кода, а гадать тут никто не будет, а экстрасенсы все в отпуске. |
|
|
samedi |
9.4.2011, 5:17;
Ответить: samedi
Сообщение
#3
|
|
создаёте один див, обволакивающий два внутренних, и внутри создаёте 2 дива... примерно такая конструкция:
<div id="content_wrapper"> <div class="content_right">тут ваша инфа справа</div> <div class="content_left">тут слева</div> </div> ну и собственно для этих дивов нужны соответствующие стили прописаны: [CSS] #content_wrapper {width:500px; height:300px; padding:5px; border-radius:5px; border:1px solid #c6c6c6;} .content_left {width:220px; height:280px; padding:5px; border:1px solid #000; float:left;} .content_right {width:220px; height:280px; padding:5px; border:1px solid #000; float:right;} [/CSS] способ лёгкий и очень простой, но советую самим разбираться со своими проблемами) опыт и знания не повредят) |
|
|
Leha_1985
|
Сообщение
#4
|
|
Malganus, понял!!
вот: главная страница, где я еще хочу добавить блок, как на скриншоте [/B] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Клуб любителей MOTO GP. Новости, календарь, форум</title> <link rel="stylesheet" href="style.css" type="text/css"> <script type="text/javascript" src="flashxml/countdown/swfobject.js"></script> <script type="text/javascript"> var flashvars = {}; flashvars.folderPath = "flashxml/countdown/"; var params = {}; params.scale = "noscale"; params.salign = "tl"; params.wmode = "transparent"; var attributes = {}; swfobject.embedSWF("flashxml/countdown/CountdownFX.swf", "DivCountdownFX", "600", "200", "9.0.0", false, flashvars, params, attributes); </script> </head> <body id="bg" background="img/bgbody2.jpg.png"> <table style=" margin-left: 350px;" bgcolor="#FFFFFF" width="900" height="1084" border="0" cellpadding="0" cellspacing="0" class="border"> <tr> <td><img src="img/head.jpg" width="900" height="150" align="top"></td> </tr> <tr> <td height="36" width="1084" bgcolor="#0099CC"> <ul id="topmenu"> <li><a href="index.html">Главная</a></li> <li><a href="foto.html">Фото</a></li> <li><a href="Calendar.html">Календарь 2011</a></li> <li><a href="Statistic.html">Таблица чемпионата</a></li> <li><a>Форум</a></li> </ul> </td> </tr> <tr> <td height="850" valign="top"> <h3 align="left"><img src="calendarimg/portugal.jpg" width="42" height="27">Старт гонки: Гран-При Португалии, через</h3> <div id="DivCountdownFX"></div> <h2><u>MotoGP: Полные итоги Гран-при Испании</u></h2> <div align="justify"> <p><strong class="preview">В Хересе-де-ла-Фронтера в Испании состоялся второй этап Чемпионата мира по шоссейно-кольцевым мотогонкам серии MotoGP – Гран-при Испании. Гонку выиграл действующий чемпион мира испанец Хорхе Лоренсо на Yamaha. Он прошел дистанцию за 50:49.046.</strong></p> <p><img src="img/moto2.jpg" width="300" height="219" align="left">Вторым стал испанец Дани Педроса из Repsol Honda. Отставание – 19.339 секунды. А третий – американец Ники Хэйден. Отставание – 29.085 секунды. </p> <h2></h2> <p> </p> <p> </p> </div> </td> </tr> <tr> <td height="35" bgcolor="#0099CC"> </td> </tr> </table> </body> </html> [B] [CSS] @charset "windows-1251"; /* CSS Document */ .border {border: 1px solid #0099CC;} ul#topmenu { list-style:none; margin:0; padding: 7px 7px; border-bottom: 3px none #003; border-top: 2px none; font-weight:bold; text-align:right; white-space:nowrap; } ul#topmenu li { display:inline; margin: 0 10px; } ul#topmenu a { text-decoration: none; padding: 0 0 3px; border-bottom: 4px #360; color: #000; } ul#topmenu a:hover { border-color: #09F; color: #06C;} ul#topmenu a#current { border-color: #09F; color: #06C; } h2 { font-size: 20px; padding-left: 15px; color: #0099CC; font-family:Verdana, Geneva, sans-serif;} p { text-align:justify; padding-left: 15px; padding-right: 15px; font-size:14px; text-indent: 2em; } p img { padding: 0 10px 10px 0;} ul#spisok { list-style:none; border: 0 solid; border-color: #F93; border-top: none; border-bottom:none; } ul#spisok u { font-style:normal; color: #0099CC;} ul#katar { list-style: none; font-weight:bold; } body#bg {background-image: url(img/bgbody2.jpg.png); } h3 { font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#03C; margin-left: 5px;} [/CSS] вот html где хочу сделать список в два ряда : [/B]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Клуб любителей MOTO GP. Новости, календарь, форум</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body id="bg"> <table style=" margin-left: 350px;" bgcolor="#FFFFFF" width="900" height="1084" border="0" cellpadding="0" cellspacing="0" class="border"> <tr> <td height="142" bgcolor="#FFFFFF"><img src="img/head.jpg" width="900" height="150"></td> </tr> <tr> <td height="36" bgcolor="#0099CC"> <ul id="topmenu"> <li><a href="index.html">Главная</a></li> <li><a href="foto.html">Фото</a></li> <li><a href="Calendar.html">Календарь 2011</a></li> <li><a href="Statistic.html">Таблица чемпионата</a></li> <li><a>Форум</a></li> </ul> </td> </tr> <tr> <td height="850" valign="top" bgcolor="#FFFFFF"> <ul id="spisok"> <img src="imgcalendar/qatar_p.png" width="100" height="100"> <li><a href="Katar.html"><strong>20 марта</strong><br> <u>Гран-При Катара Доха/Лосайл</u></a></li><br> <img src="imgcalendar/jerez_p.png" width="100" height="100"> <li><a href="Spain.html"><strong>3 апреля</strong><br> <u>Гран-При Испании Херес-де-ла-Фронтера</u></a></li><br> <img src="imgcalendar/estoril_p.png" width="100" height="100"> <li><a href="Portugal.html"><strong>1 мая</strong><br> <u>Гран-При Португалии Эшторил</u></a></li><br> <img src="imgcalendar/le_mans_p.png" width="100" height="100"><li><a href="France.html" ><strong>15 мая</strong><br> <u>Гран-При Франции Ле Ман</u></a></li><br> <img src="imgcalendar/catalunya_p.png" width="100" height="100"><li><a href="Katalonia.html"><strong>5 июня</strong><br> <u>Гран-При Каталонии Каталония</u></a></li><br> <img src="imgcalendar/silverstone_p.png" width="100" height="100"><li><a href="British.html"><strong>12 июня</strong><br> <u>Гран-При Великобритании Сильверстоун</u></a></li><br> <img src="imgcalendar/assen_p.png" width="100" height="100"><li><a href="Nederland.html"><strong>25 июня</strong><br> <u>Гран-При Нидерландов Ассен</u></a></li><br> <img src="imgcalendar/mugello_p.png" width="100" height="100"><li><a href="Itali.html"><strong>3 июля</strong><br> <u>Гран-При Италии Муджелло</u></a></li><br> <img src="imgcalendar/germania_p.png" width="100" height="100"><li><a href="Germany.html"><strong>17 июля</strong><br> <u>Гран-При Германии Заксенринг</u></a></li><br> <img src="imgcalendar/laguna_p.png" width="100" height="100"><li><a><strong>24 июля</strong><br> <u>Гран-При CША Лагуна Сека</u></a></li><br> <img src="imgcalendar/brno_p.png" width="100" height="100"><li><a><strong>14 августа</strong><br> <u>Гран-При Чехии Брно</u></a></li><br> <img src="imgcalendar/indianapolis_p.png" width="100" height="100"><li><a><strong>28 августа</strong><br> <u>Гран-При Индианаполиса Индианаполис</u></a></li><br> <img src="imgcalendar/misano_p.png" width="100" height="100"><li><a href="SanMarino.html"><strong>4 сентября</strong><br> <u>Гран-При Сан-Марино Мизано</u></a></li><br> <img src="imgcalendar/aragon_p.png" width="100" height="100"><li><a href="Aragon.html"><strong>18 сентября</strong><br> <u>Гран-При Арагон Моторлэнд</u></a></li><br> <img src="imgcalendar/phillip_p.png" width="100" height="100"><li><a href="Australia.html""><strong>16 октября</strong><br> <u>Гран-При Австралии Филип-Айленд</u></a></li><br> <img src="imgcalendar/sepang_p.png" width="100" height="100"><li><a href="Malasia.html"><strong>23 октября</strong><br> <u>Гран-При Малайзии Сепанг</u></a></li><br> <img src="imgcalendar/valencia_p.png" width="100" height="100"><li><a href="Valencia.html"><strong>6 ноября</strong><br> <u>Гран-При Валенсии Валенсия</u></a></li> </ul> </td> </tr> <tr> <td height="35" bgcolor="#0099CC"> </td> </tr> </table> </body> </html> [B] |
|
|
Leha_1985
|
Сообщение
#5
|
|
samedi, спасибо!
это решение по поводу списка в два ряда ?? |
|
|
Leha_1985
|
Сообщение
#6
|
|
никто не подскажет ??:nea:
|
|
|
pavelsc |
10.4.2011, 1:34;
Ответить: pavelsc
Сообщение
#7
|
|
Вопрос №1.
Leha_1985, не, не, не) Не делай таким образом список. Просто засунь каждый элемент в такой div: <div style="float:left;padding-right:20px;"> <img src="imgcalendar/qatar_p.png" width="100" height="100"> <li><a href="Katar.html"><strong>20 марта</strong> <u>Гран-При Катара Доха/Лосайл</u></a></li> </div> Вопрос №2. Ну например начать таблицу так. <table style=" margin: 0 auto;" bgcolor="#FFFFFF" width="900" height="1084" border="0" cellpadding="0" cellspacing="0" class="border"> Вопрос №3. Можно. |
|
|
Leha_1985
|
Сообщение
#8
|
|
pavelsc, спасибо огромное!
будем пробовать !!! |
|
|
pavelsc |
11.4.2011, 2:51;
Ответить: pavelsc
Сообщение
#9
|
|
Вопрос №3.
Вот немного подробнее. Конечно лучше сделать тремя колонками но если исходить из того что есть, то для начала надо убрать id в body. Это вообще ненужно. В CSS добавить следующее: [CSS] body{ background: url('img/bgbody2.jpg.png'); margin:0; padding:0; min-width:1250px; }[/CSS] А таблицу можно например так сделать: <table class="border" style="height:280px; width:140px; position:absolute; left:20px; top:160px;"> <tr><td>This is TABLEEEE!!! </td></tr> </table> Если что, положение таблицы можно простым скриптом настраивать. |
|
|
Leha_1985
|
Сообщение
#10
|
|
pavelsc,
не ясно, такой фрагмент нужно добавить в уже существующую таблицу или в body ??? |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Большие ставки для кликов в Я.Директ. Как удешевить? | 2 | rownong27 | 1124 | 26.3.2024, 14:13 автор: knezevolk |
|
Как вы бросили работу и перешли на заработок с сайтов? | 12 | uahomka | 2296 | 25.3.2024, 6:52 автор: Skyworker |
|
Как отозвать банковский платеж фрилансеру? | 28 | metvekot | 3920 | 25.3.2024, 6:34 автор: Skyworker |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 23 | freeax | 3646 | 24.3.2024, 20:55 автор: Liudmila |
|
Через какой браузер и как можно найти в кэшэ браузера видео | 10 | Room | 1942 | 23.3.2024, 7:41 автор: Room |
Текстовая версия | Сейчас: 29.3.2024, 11:39 |