Gmans
-
Posts
6 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Gmans
-
-
Вот, после 2 дней мучений нашел. вроде то, мало-ли кому пригодиться
http://habrahabr.ru/blogs/css/29273/
Непосредственно каркас:
-
Доброй ночи уважаемые опытные верстальщики. Перекапал интернет и этот форум, нашёл некоторые варианты, но многие либо не работают, либо работают не так.
Итак, вот что мне нужно сделать:
Резиновый дизайн с левыми, правыми блоками фикс ширины и центральной динамичной частью (контент)
Контент динамичный, то очень много, то совсем ничего.
Также header высотой 90px;
И footer высотой 90px;
footer всегда внизу, контент должен его толкать (если он больше размера страницы по-вертикали)
И самое главное: левые и правые блоки с контеном должны быть на 100% высоты, то есть всегда быть прижатыми в footer.
Вопрос: можно ли вообще впринципе добиться этого div'ами без использования js?
Реально ли это сделать за 2 часа?
И желательно пример.
П.с. Многие примеры с опусканием footer не работают (контент просто не толкает подвал вниз, а проходит сквозь него)
-
Разобрался сам, всем спасибо
-
Я однажы тоже парился затачивая элемент под оперу... в итоге пришлось написать простенькое условие на определение браузера и подсунуть опере стиль написаный только для него...
А как это делается 0_о Гугл не рулит
-
Добрый день!
Всех с последним днём зимы!
Вот тут возникла кракозябра, парился всю ночь, но ничего не вышло, суть такова:
Пишу шаблон для SMF, и начал создавать меню.
Суть идеи такова - при наведении на пункт меню задний план меняется.
Реализовать решил в <ul>
Вышло примерно так:
<div id="main_menu">
<ul class="clearfix">
<li id="button_home" class="active">
<a title="home" href="http://localhost/rc1/index.php">
<span><em>Начало</em></span>
</a>
</li>
<li id="button_help">
<a title="help" href="http://localhost/rc1/index.php?action=help">
<span>Помощь</span>
</a>
</li>
<li id="button_search">
<a title="search" href="http://localhost/rc1/index.php?action=search">
<span>Поиск</span>
</a>
</li>
<li id="button_admin">
<a title="admin" href="http://localhost/rc1/index.php?action=admin">
<span>Админ</span>
</a>
</li>
<li id="button_moderate">
<a title="moderate" href="http://localhost/rc1/index.php?action=moderate">
<span>Модерация</span>
</a>
</li>
<li id="button_profile">
<a title="profile" href="http://localhost/rc1/index.php?action=profile">
<span>Профиль</span>
</a>
</li>
<li id="button_pm">
<a title="pm" href="http://localhost/rc1/index.php?action=pm">
<span>Личные сообщения</span>
</a>
</li>
<li id="button_calendar">
<a title="calendar" href="http://localhost/rc1/index.php?action=calendar">
<span>Календарь</span>
</a>
</li>
<li id="button_mlist">
<a title="mlist" href="http://localhost/rc1/index.php?action=mlist">
<span>Пользователи</span>
</a>
</li>
<li id="button_logout" class="last">
<a title="logout" href="http://localhost/rc1/index.php?action=logout;f9fb7f5104=9ceadd8b0aa50285bf37a980372de079">
<span>Выйти</span>
</a>
</li>
</ul>
</div>Где:
/* The main menu. */
#main_menu
{
background: url(../images/nav_bg.gif) repeat-x;
margin: 0;
padding: 0;
}
#main_menu ul
{
list-style: none;
padding: 0;
margin: 0;
}
#main_menu li
{
margin: 0;
padding: 0;
display: inline;
}
#main_menu li a
{
float: left;
color: white;
font-size: 11px;
font-family: tahoma, sans-serif;
text-transform: uppercase;
}
#main_menu li a:hover
{
color: #e0e0ff;
text-decoration: none;
}
#main_menu li a span
{
background: url(../images/nav_link.gif) bottom left no-repeat;
display: block;
padding: 17px 10px 17px 10px;
}
#main_menu li.active a span em
{
margin: 0;
padding:0;
display: block;
font-style: normal;
}Собствено о замене изображений я знаю всё довольно неплохо(правда здесь пока не сделано), а я уперся в другой камень:
Дело в том что, гугл хром, IE 7 - 8, opera 9.5 - отображают всё нормально, а вот firefox3 - отступает лишний пиксель.
Если убрать этот лишний пиксель и сделать так:
padding: 17px 10px 16px 10px;
то всё нормально в файрфоксе, но в других с точностью наоборот
Собственно скриншот:
Растянуть <div> по-вертикали и еще кое-что
in HTML Coding
Posted
Таблицами гораздо проще(сам начинал верстать ими), но передо мной сейчас стоит задача изучения div, поскольку фирма на которую устраиваюсь, верстает на дивах. а мне этот код править