Помощник
 |
Сообщение сайта
|
 Про растягивающиеся верстку, даже не знаю, как правильно задать вопрос... |
shtil
|
Сообщение
#1
|
||
 Частый гость  Группа: User Сообщений: 50 Регистрация: 1.5.2009 Из: Energydar Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
v1ex
|
 14.6.2009, 18:59;
Ответить: v1ex
Сообщение
#2
|
 Участник Группа: User Сообщений: 225 Регистрация: 15.5.2009 Поблагодарили: 0 раз Репутация: 0
|
Если верстка табличная, то просто три колонки и все.
А если блочная, то нужно макет посмотреть, т.к. физически тянуть без js сразу несколько блоков не получится, можно только визуально "обмануть", что все блоки тянуться. |
|
|
|
|
shtil
|
Сообщение
#3
|
|
Частый гость Группа: User Сообщений: 50 Регистрация: 1.5.2009 Из: Energydar Поблагодарили: 0 раз Репутация: 0
|
(v1ex @ 14.6.2009, 18:59)  Если верстка табличная, то просто три колонки и все. А если блочная, то нужно макет посмотреть, т.к. физически тянуть без js сразу несколько блоков не получится, можно только визуально "обмануть", что все блоки тянуться. делаю на таблицах, можно подробнее про это 
|
|
|
|
|
v1ex
|
14.6.2009, 19:06;
Ответить: v1ex
Сообщение
#4
|
|
Участник Группа: User Сообщений: 225 Регистрация: 15.5.2009 Поблагодарили: 0 раз Репутация: 0
|
HTML:
<table class="main"> <tr><td class="header" colspan="3">шапка</td></tr> <tr><td class="left">Левый блок</td><td class="center">Тело</td><td class="right">Правый блок</td></tr> </table> CSS: .main { width: 100%; } .main td { vertical-align: top; } .left { width: 200px; } .right { width: 200px; } Все, все ваши колонки тянуться по вертикали. |
|
|
|
|
shtil
|
Сообщение
#5
|
|
Частый гость Группа: User Сообщений: 50 Регистрация: 1.5.2009 Из: Energydar Поблагодарили: 0 раз Репутация: 0
|
(v1ex @ 14.6.2009, 19:06) HTML: <table class="main"> <tr><td class="header" colspan="3">шапка</td></tr> <tr><td class="left">Левый блок</td><td class="center">Тело</td><td class="right">Правый блок</td></tr> </table> CSS: .main { width: 100%; } .main td { vertical-align: top; } .left { width: 200px; } .right { width: 200px; } Все, все ваши колонки тянуться по вертикали. спасибо
|
|
|
|
|
ilyazh
|
15.6.2009, 8:31;
Ответить: ilyazh
Сообщение
#6
|
 Завсегдатай Группа: User Сообщений: 614 Регистрация: 19.8.2009 Поблагодарили: 20 раз Репутация: 3
|
Vlad: Ошибаетесь. На блоках, без явы, всё прекрасно тянется - учите css. Иначе, как по вашему сделаны миллионы сайтов в инетрнете, которые тянуться без явы? =)
|
|
|
|
|
shtil
|
Сообщение
#7
|
|
Частый гость Группа: User Сообщений: 50 Регистрация: 1.5.2009 Из: Energydar Поблагодарили: 0 раз Репутация: 0
|
почему-то не получается у меня
вот мой код: <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="759" height="884" border="0" cellpadding="0" cellspacing="0" align=center> <tr> <td colspan="3"> <img src="images/image_01.gif" width="759" height="533" alt=""></td> </tr> <tr> <td><img src="images/image_02.gif" width="38" height="303" alt=""></td> //первая стеночка <td width="673" height="303" bgcolor="#FFFFFF">//тело </td> <td><img src="images/image_04.gif" width="48" height="303" alt=""></td>//вторая стеночка </tr> <tr> <td colspan="3"> <img src="images/image_05.gif" width="759" height="48" alt=""></td> </tr> </table> </body> </html> помогите разобраться
|
|
|
|
|
v1ex
|
15.6.2009, 11:42;
Ответить: v1ex
Сообщение
#8
|
|
Участник Группа: User Сообщений: 225 Регистрация: 15.5.2009 Поблагодарили: 0 раз Репутация: 0
|
(ilyazh @ 15.6.2009, 10:31) Vlad: Ошибаетесь. На блоках, без явы, всё прекрасно тянется - учите css. Иначе, как по вашему сделаны миллионы сайтов в инетрнете, которые тянуться без явы? =) Во первых, не Влад Во вторых, давайте, ради интереса, вы создадите трехблочную страницу, у которой все блоки будут одной высоты, при любом количестве контента в этих блоках, посмотрим. Если сделаете, я на вас молиться буду!!! Но я еще раз повторюсь, что бы тянулось "физически", а не делало вид, что тянется. Иначе, как по вашему сделаны миллионы сайтов в инетрнете, которые тянуться без явы? И еще раз повторюсь, что физически блоки на одном уровне не могут растягиваться, это "обман зрения" учите css Бугога, улыбнуло (shtil @ 15.6.2009, 13:24) почему-то не получается у меня  вот мой код: <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="759" height="884" border="0" cellpadding="0" cellspacing="0" align=center> <tr> <td colspan="3"> <img src="images/image_01.gif" width="759" height="533" alt=""></td> </tr> <tr> <td><img src="images/image_02.gif" width="38" height="303" alt=""></td> //первая стеночка <td width="673" height="303" bgcolor="#FFFFFF">//тело </td> <td><img src="images/image_04.gif" width="48" height="303" alt=""></td>//вторая стеночка </tr> <tr> <td colspan="3"> <img src="images/image_05.gif" width="759" height="48" alt=""></td> </tr> </table> </body> </html> помогите разобраться Упс, а что вы подразумевали под стеночкой? Я так понял, что вы подразумевали два блока с каким-либо контентом, а вы имели ввиду бекгроунд? Если бекроунд, то это можно вообще одним слоем сделать Предположим у нас "стеночки" - это тень, то берем картинку на подобии следующей:[img]http://i042.radikal.ru/0906/1c/2de571db0c05.jpg[/img] Картинка - 820x25, синие по середине - цвет контента, по краям тень - "стеночки", одна тень - 10px. HTML <div class="box"> тра-та-та </div> CSS .box {
background-image: url(bg.png); background-position: left top; background-repeat: repeat-y; margin: auto; padding: 0px 10px; width: 800px; } |
|
|
|
|
shtil
|
Сообщение
#9
|
|
|
Частый гость Группа: User Сообщений: 50 Регистрация: 1.5.2009 Из: Energydar Поблагодарили: 0 раз Репутация: 0
|
щас пойду пробывать
|
|
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Форум про уток - на новом домене Форум про уток на новом домене - utkamir.ru |
0 | artmeteor | 541 | 13.4.2024, 18:26 автор: artmeteor |
 |
Выполню качественную верстку макетов или разработка собственного, быстро и не дорого от 45$ |
123 | webche | 117157 | 17.3.2024, 7:09 автор: webche |
|
"Извините, что ожидание затянулось, но не думайте, пожалуйста, что мы про вас забыли. Мы заводим задачи по всем обращениям и контролируем работу над ними самым тщательным образом." Вопрос |
0 | kuz999 | 1243 | 5.2.2024, 14:06 автор: kuz999 |
|
 [ClipAI] - Рерайт больше не нужен, забудьте про биржи статей!Улучшенный бот для написания статей при помощи ИИ, и не только |
25 | alexmrml | 10098 | 9.1.2024, 18:25 автор: alexmrml |
|
Сделаю html верстку лендинги, темы на Wordpress |
12 | bbkd | 5267 | 19.12.2020, 19:04 автор: bbkd |
|
Текстовая версия | Сейчас: 18.4.2024, 15:24 |
