X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> как сделать список в два ряда ? и еще пару вопросов!
Leha_1985
Leha_1985
Topic Starter сообщение 9.4.2011, 1:02; Ответить: Leha_1985
Сообщение #1


1.подскажите пожалуйста, есть список на странице, но он очень длинный и тянется далеко вниз по странице, как сделать, чтобы например 9 пунктов слева и 9 с права ??(на скриншоте)

2. при масштабировании страницы, она уходит в право, а при максимальном уменьшении уходит в верхний левый угол, как ее зафиксировать, чтобы нормально происходило увеличение ?

3. имеется главная страница, я могу отдельно разместить еще одну таблицу, которая не входит в главную и поместить в нее опросник или что то еще ?? (на скриншоте пример)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Malganus
Malganus
сообщение 9.4.2011, 3:12; Ответить: Malganus
Сообщение #2


На все вопросы один ответ, с помощью html и немного css.
Хотите конкретики? Задавайте конкретные вопросы с примером кода, а гадать тут никто не будет, а экстрасенсы все в отпуске.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
samedi
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
Leha_1985
Topic Starter сообщение 9.4.2011, 11:15; Ответить: 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
Leha_1985
Topic Starter сообщение 9.4.2011, 11:21; Ответить: Leha_1985
Сообщение #5


samedi, спасибо!
это решение по поводу списка в два ряда ??
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Leha_1985
Leha_1985
Topic Starter сообщение 9.4.2011, 22:40; Ответить: Leha_1985
Сообщение #6


никто не подскажет ??:nea:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
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
Leha_1985
Topic Starter сообщение 10.4.2011, 2:36; Ответить: Leha_1985
Сообщение #8


pavelsc, спасибо огромное!
будем пробовать !!!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
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
Leha_1985
Topic Starter сообщение 11.4.2011, 11:37; Ответить: Leha_1985
Сообщение #10


pavelsc,
не ясно, такой фрагмент нужно добавить в уже существующую таблицу или в body ???
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
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


 



RSS Текстовая версия Сейчас: 29.3.2024, 11:39
Дизайн