|
Верстка слоямиОбсуждение темы Верстка слоями в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Дайте код посмотреть.... |
|
Опции темы |
14.12.2009, 22:33 | #11 |
|
Дайте код посмотреть.
|
|
15.12.2009, 00:02 | #12 |
|
Код HTML:
<div id="main"> <!-- рамка - скругленные края --> <img class="border_glass" src="img/main/ul.png" style="top: 0px; left: 0px;" /><img class="border_glass" src="img/main/ur.png" style="top: 0px; right: 0px;" /><img class="border_glass" src="img/main/dl.png" style="bottom: 0px; left: 0px;" /><img class="border_glass" src="img/main/dr.png" style="bottom: 0px; right: 0px;" /> <!-- рамка - границы --> <div class="border_glass" style="top: 12px; bottom: 11px; left: 0px; width: 12px; background-image:url(img/main/cl.png);" ></div> <div class="border_glass" style="top: 11px; bottom: 12px; right: 0px; width: 12px; background-image:url(img/main/cr.png);" ></div> <div class="border_glass" style="left: 12px; right: 12px; top: 0px; height: 12px; background-image:url(img/main/uc.png);" ></div> <div class="border_glass" style="left: 12px; right: 11px; bottom: 0px; height: 12px; background-image:url(img/main/dc.png);" ></div> <div class="border_glass" style="top: 12px; bottom: 12px; left: 12px; right: 12px; opacity: 0.5; background:#000;"></div> <span id="titlepage">Elfen Lied</span> <!-- заголовок окна --> <div id="contener1" class="conteiner"> <!-- Контейнер, их может быть несколько, в зависимости от страницы --> <div class="border_glass" style="top: 3px; bottom: 3px; left: 3px; right: 3px; opacity: 0.75; background:#fff;"></div> <!-- полупрозрачный фон, далее сюда будет вставляться картинка при необходимости (именно как фон всплывающего окна) --> <!-- рамка2 - скругленные края --> <img class="border_glass" src="img/main/cul.png" style="top: 0px; left: 0px;" /><img class="border_glass" src="img/main/cur.png" style="top: 0px; right: 0px;" /><img class="border_glass" src="img/main/cdl.png" style="bottom: 0px; left: 0px;" /><img class="border_glass" src="img/main/cdr.png" style="bottom: 0px; right: 0px;" /> <!-- рамка2 - границы --> <div class="border_glass" style="top: 38px; bottom: 38px; left: 0px; width: 38px; background-image:url(img/main/ccl.png);" ></div> <div class="border_glass" style="top: 38px; bottom: 38px; right: 0px; width: 38px; background-image:url(img/main/crc.png);" ></div> <div class="border_glass" style="left: 38px; right: 38px; top: 0px; height: 38px; background-image:url(img/main/cuc.png);" ></div> <div class="border_glass" style="left: 38px; right: 38px; bottom: 0px; height: 38px; background-image:url(img/main/cdc.png);" ></div> <div id="conttext1" class="contetext"> Какой-нибудь html текст. </div> </div> </div> Последний раз редактировалось iDeViL; 15.12.2009 в 00:06.. |
|
15.12.2009, 01:08 | #13 |
|
iDeViL
попробуй это http://www.glassbox-js.com/#Home а вдруг прокатит |
|
15.12.2009, 08:41 | #14 |
|
спс конечно, но я сделал немного по-другому, и мне больше так нравится. Правда я колеблюсь, как оформить внутреннюю область - мне нужно, чтобы она не была квадратной, и можно было на фон любой цвет и любую картинку и чтобы при этом смотрелось гармонично. Вроде придумал, но что-то в этом есть не то... Но это уже потом обсужу, когда повешу на CMS и в интернет кину.
|
|
18.12.2009, 22:48 | #15 |
|
а вот еще.
Есть родительский контейнер. В нем два контейнера. Нужно, чтобы один фиксировался слева, другой был посередине. При чем, тот, который слева - будет выезжать при наведении, при этом тот который по центру - тоже смещаться (т.к. теперь фактически центр сместился). Как сделать? просто если банально так написать, то центральный размещается под этим, а не рядом. Добавлено через 1 минуту при чем, нужно что бы родительский был ввысоту такой же как и внутренние Последний раз редактировалось iDeViL; 18.12.2009 в 22:48.. Причина: Добавлено сообщение |
|
18.12.2009, 23:03 | #16 |
|
может тупость говорю но может margin-left:40% ?
|
|
18.12.2009, 23:15 | #17 |
|
не, думаю, не пойдет, ведь центральный вид известна ширина - 900px; а левый - 200px; и центральный выравнивается относительно left:200px; right: 0px;. И они на одной высоте, при это они оба могут растягивать родительский контейнер, если не влазят
|
|
27.12.2009, 17:50 | #18 |
|
Вод страница. Не пойму, что его расширяет. И эта загвоздка меня достает. Зы, как вы догадались, шаблон Joomla, поэтому только уже сгенирированая страница.
|
|
28.12.2009, 09:41 | #19 |
|
Pett, http://htmlbook.ru/content/ может поможет
или это http://htmlbook.ru/html/div.html Последний раз редактировалось radius; 28.12.2009 в 09:44.. |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
HTML верстка, верстка сайтов по стандартам W3C | napoleon1985 | HTML, CSS, JavaScript | 3 | 24.10.2012 18:07 |
трабл с слоями | Fuhrer_ex | HTML, CSS, JavaScript | 10 | 02.02.2006 05:40 |
Глюк со слоями и шаблонами | MasMaX | HTML, CSS, JavaScript | 2 | 21.01.2006 15:23 |
Работа со слоями и фрэймами во Флэш?! | Maxim | Технологии Flash | 5 | 28.09.2005 17:12 |
Научите работать со слоями | David | HTML, CSS, JavaScript | 0 | 02.05.2003 14:02 |
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|