HOME FORUMS MEMBERS RECENT POSTS LOG IN  
× Авторизация
Имя пользователя:
Пароль:
Нет аккаунта? Регистрация
Баннер 1   Баннер 2
НОВЫЕ ТОРГОВАЯ НОВОСТИ ЧАТ
loading...
Скрыть
Вернуться   ANTICHAT > ПРОГРАММИРОВАНИЕ > PHP
Перезагрузить страницу Резина на дивах... ХЕЛП...
   
Ответ
Страница 1 из 2 1 2 >
 
Опции темы Поиск в этой теме Опции просмотра

Резина на дивах... ХЕЛП...
  #1  
Старый 04.02.2007, 03:58
bobob
Участник форума
Регистрация: 02.06.2006
Сообщений: 241
С нами: 10495658

Репутация: 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;
}
мне надо раздуплить эту жесткую привязку к пикселям в резину чтоб центральная часть могла двигатся, а то шяс стоит ступорем.


Мне надо контент по центру страницы сделать передвигающимся при изменении размеров окна, тоесть сделать резиной.........ХЕЛП!
𝕏 Twitter Reddit Telegram Копировать ссылку
Последний раз редактировалось bobob; 04.02.2007 в 04:01..
 
Ответить с цитированием

  #2  
Старый 04.02.2007, 04:02
bobob
Участник форума
Регистрация: 02.06.2006
Сообщений: 241
С нами: 10495658

Репутация: 142
По умолчанию
можна ли забабахать эти все дивы в один резиновый? тогда что делать с пикселями других дивов?
 
Ответить с цитированием

  #3  
Старый 04.02.2007, 04:08
bobob
Участник форума
Регистрация: 02.06.2006
Сообщений: 241
С нами: 10495658

Репутация: 142
По умолчанию
или ВААЩЕ, кто как делает резину на дивах с жпегнутых шаблонов???
 
Ответить с цитированием

  #4  
Старый 04.02.2007, 04:14
bobob
Участник форума
Регистрация: 02.06.2006
Сообщений: 241
С нами: 10495658

Репутация: 142
По умолчанию
вот такой вид, кликайте:



кому не лень напишите плиз, я бытро разберусь и вспомню мне просто лень опять всё повторять чтоб шаблончики мутить!



или дайте хороший материал на резиновую верстку дивами! плюсов дам...
Последний раз редактировалось bobob; 04.02.2007 в 04:35..
 
Ответить с цитированием

  #5  
Старый 04.02.2007, 15:38
Helios
Постоянный
Регистрация: 14.01.2007
Сообщений: 459
С нами: 10169427

Репутация: 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 - не в этом путь Дзена)

Работай руками и постигнешь силу древних
 
Ответить с цитированием

  #6  
Старый 04.02.2007, 18:05
bobob
Участник форума
Регистрация: 02.06.2006
Сообщений: 241
С нами: 10495658

Репутация: 142
По умолчанию
ех сцуко, лень самому думать, в дриме протянул див и имееш то что видеш, хотя нет резины =(

а твой вариант хорошо
 
Ответить с цитированием

  #7  
Старый 04.02.2007, 18:10
bobob
Участник форума
Регистрация: 02.06.2006
Сообщений: 241
С нами: 10495658

Репутация: 142
По умолчанию
тогда я разыскиваю хороший жырненький материал (книги, статьи) про резину на дивах и верстку с шаблонов!
 
Ответить с цитированием

  #8  
Старый 04.02.2007, 18:15
Helios
Постоянный
Регистрация: 14.01.2007
Сообщений: 459
С нами: 10169427

Репутация: 589
По умолчанию
 
Ответить с цитированием

  #9  
Старый 04.02.2007, 21:00
bobob
Участник форума
Регистрация: 02.06.2006
Сообщений: 241
С нами: 10495658

Репутация: 142
По умолчанию
и на том спасибо
 
Ответить с цитированием

  #10  
Старый 04.02.2007, 21:23
inSa(Ne)rd
Участник форума
Регистрация: 14.03.2005
Сообщений: 267
С нами: 11135846

Репутация: 545
По умолчанию
"В Вилларибо и Виллабаджо опять дедлайн. Пока ребята из Вилларибо верстают сайт дивами, ребята из Виллабаджо уже всё сверстали на таблицах и ебошат друг друга в квейк." (цитата с баш.огр) прям в тему))

А вообще, вот тема с кучей ссылок
http://forum.antichat.ru/thread18709.html

Читай про позиционирование..
 
Ответить с цитированием
Ответ
Страница 1 из 2 1 2 >



Предыдущая тема Следующая тема
Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Есть ли уязвимости на этом форуме? kju Freelance - О Работе 4 25.07.2006 18:22
Хелп! (md5) Voodoo_People Криптография, расшифровка хешей 30 06.02.2005 09:12
НАРОД пожалуйсто ХЕЛП... d0Ck Болталка 8 25.12.2004 15:00



Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT ™ © 2001- Antichat Kft.