Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Верстка слоями

Обсуждение темы Верстка слоями в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Дайте код посмотреть....


Закрытая тема
 
Опции темы
Старый 14.12.2009, 22:33   #11
Дайте код посмотреть.
 
Старый 14.12.2009, 22:33
Ссылки
Старый 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>
Вот вопрос появился. Помнится, что на курсах не рекомендовали использовать подобное, т.к. плохо индексуется. Однако идея моя такова, что индексация - проблема, требующая отдельного решения (заключается в использовании ajax). Есть ли помимо этого проблемы и как может получше реализовать два вложенных контейнера с рамкой (именно картинкой) - причем, с скругленными краями (в и-нете встречал только примерно такое же)

Последний раз редактировалось 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, поэтому только уже сгенирированая страница.
Вложения
Тип файла: zip Site.zip (164.2 Кб, 3 просмотров)
 
Старый 28.12.2009, 09:41   #19
Pett, http://htmlbook.ru/content/ может поможет
или это http://htmlbook.ru/html/div.html

Последний раз редактировалось radius; 28.12.2009 в 09:44..
 
Старый 28.12.2009, 09:41
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
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


Текущее время: 08:57. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум