ANTICHAT — форум по информационной безопасности, OSINT и технологиям
ANTICHAT — русскоязычное сообщество по безопасности, OSINT и программированию.
Форум ранее работал на доменах antichat.ru, antichat.com и antichat.club,
и теперь снова доступен на новом адресе —
forum.antichat.xyz.
Форум восстановлен и продолжает развитие: доступны архивные темы, добавляются новые обсуждения и материалы.
⚠️ Старые аккаунты восстановить невозможно — необходимо зарегистрироваться заново.
Резина на дивах... ХЕЛП... |
04.02.2007, 03:58
|
|
Участник форума
Регистрация: 02.06.2006
Сообщений: 241
Провел на форуме:
1703454
Репутация:
142
|
|
Резина на дивах... ХЕЛП...
пацаны хелпаните, долго не возился с версткой, всё забыл...
есть макет в джпеге - я нарезил его дримвивером, выдало примерно такой код:
<html>
<head>
<title>Untitled Document</title>
<link rel="stylesheet" href="st.css" type="text/css" />
</head>
<body>
<div id="Layer1"></div>
<div id="Layer2"></div>
<div id="Layer3"></div>
<div id="Layer4"></div>
<div id="Layer5"></div>
<div id="Layer6"></div>
<div id="Layer7"></div>
<div id="Layer8"></div>
<div id="Layer9"></div>
<div id="Layer10"></div>
</body>
</html> и плюс стиль:
#Layer1 {
position: absolute;
left: 180px;
top: 53px;
width: 781px;
height: 112px;
z-index: 1;
}
#Layer2 {
position:absolute;
left:137px;
top:170px;
width:778px;
height:9px;
z-index:2;
}
#Layer3 {
position:absolute;
left:534px;
top:29px;
width:141px;
height:141px;
z-index:3;
}
#Layer4 {
position:absolute;
left:137px;
top:198px;
width:201px;
height:30px;
z-index:4;
}
#Layer5 {
position:absolute;
left:340px;
top:198px;
width:577px;
height:31px;
z-index:5;
}
#Layer6 {
position:absolute;
left:349px;
top:238px;
width:559px;
height:159px;
z-index:6;
}
#Layer7 {
position:absolute;
left:138px;
top:230px;
width:199px;
height:586px;
z-index:7;
}
#Layer8 {
position:absolute;
left:378px;
top:403px;
width:509px;
height:252px;
z-index:8;
}
#Layer9 {
position:absolute;
left:351px;
top:657px;
width:560px;
height:278px;
z-index:9;
}
#Layer10 {
position:absolute;
left:138px;
top:943px;
width:779px;
height:32px;
z-index:10;
}
мне надо раздуплить эту жесткую привязку к пикселям в резину чтоб центральная часть могла двигатся, а то шяс стоит ступорем.
Мне надо контент по центру страницы сделать передвигающимся при изменении размеров окна, тоесть сделать резиной.........ХЕЛП!
Последний раз редактировалось bobob; 04.02.2007 в 04:01..
|
|
|
04.02.2007, 04:02
|
|
Участник форума
Регистрация: 02.06.2006
Сообщений: 241
Провел на форуме:
1703454
Репутация:
142
|
|
можна ли забабахать эти все дивы в один резиновый? тогда что делать с пикселями других дивов?
|
|
|
|
04.02.2007, 04:08
|
|
Участник форума
Регистрация: 02.06.2006
Сообщений: 241
Провел на форуме:
1703454
Репутация:
142
|
|
или ВААЩЕ, кто как делает резину на дивах с жпегнутых шаблонов???
|
|
|
|
04.02.2007, 04:14
|
|
Участник форума
Регистрация: 02.06.2006
Сообщений: 241
Провел на форуме:
1703454
Репутация:
142
|
|
вот такой вид, кликайте:
кому не лень напишите плиз, я бытро разберусь и вспомню мне просто лень опять всё повторять чтоб шаблончики мутить!
или дайте хороший материал на резиновую верстку дивами! плюсов дам...
Последний раз редактировалось bobob; 04.02.2007 в 04:35..
|
|
|
|
04.02.2007, 15:38
|
|
Постоянный
Регистрация: 14.01.2007
Сообщений: 459
Провел на форуме:
1469995
Репутация:
589
|
|
Закинь свой дримвивер с его нарезкой куда нить поглубже, а сам руцями сделай нормальную верстку.
Что-то типа того:
Код:
//конец заголовка
<div style="width: 20%;float:left;">
<div style="height:20px; background-color: green">
</div>
<div style="border: solid 1px red;">
Левый столбец
</div>
</div>
<div style="width: 60%;">
<div style="height: 20px;">
Заголовок
</div>
<div>
верхняя строка
</div>
<div>
средняя строка
</div>
<div>
нижняя строка
</div>
</div>
И вообще, никогда не верь нарезке от всяких Дримвиверов и ImageReady - не в этом путь Дзена)
Работай руками и постигнешь силу древних |
|
|
|
04.02.2007, 18:05
|
|
Участник форума
Регистрация: 02.06.2006
Сообщений: 241
Провел на форуме:
1703454
Репутация:
142
|
|
ех сцуко, лень самому думать, в дриме протянул див и имееш то что видеш, хотя нет резины =(
а твой вариант хорошо
|
|
|
|
04.02.2007, 18:10
|
|
Участник форума
Регистрация: 02.06.2006
Сообщений: 241
Провел на форуме:
1703454
Репутация:
142
|
|
тогда я разыскиваю хороший жырненький материал (книги, статьи) про резину на дивах и верстку с шаблонов!
|
|
|
|
04.02.2007, 18:15
|
|
Постоянный
Регистрация: 14.01.2007
Сообщений: 459
Провел на форуме:
1469995
Репутация:
589
|
|
|
|
|
|
04.02.2007, 21:00
|
|
Участник форума
Регистрация: 02.06.2006
Сообщений: 241
Провел на форуме:
1703454
Репутация:
142
|
|
и на том спасибо
|
|
|
|
04.02.2007, 21:23
|
|
Участник форума
Регистрация: 14.03.2005
Сообщений: 267
Провел на форуме:
2827464
Репутация:
545
|
|
"В Вилларибо и Виллабаджо опять дедлайн. Пока ребята из Вилларибо верстают сайт дивами, ребята из Виллабаджо уже всё сверстали на таблицах и ебошат друг друга в квейк." (цитата с баш.огр) прям в тему))
А вообще, вот тема с кучей ссылок
http://forum.antichat.ru/thread18709.html
Читай про позиционирование..
|
|
|
|
|
|
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
|
|
|
|
Линейный вид
