Jump to content

Gmans

Newbie
  • Posts

    6
  • Joined

  • Last visited

Gmans's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Таблицами гораздо проще(сам начинал верстать ими), но передо мной сейчас стоит задача изучения div, поскольку фирма на которую устраиваюсь, верстает на дивах. а мне этот код править
  2. Вот, после 2 дней мучений нашел. вроде то, мало-ли кому пригодиться http://habrahabr.ru/blogs/css/29273/ Непосредственно каркас: http://gruzzilkin.110mb.com/graal/
  3. Доброй ночи уважаемые опытные верстальщики. Перекапал интернет и этот форум, нашёл некоторые варианты, но многие либо не работают, либо работают не так. Итак, вот что мне нужно сделать: Резиновый дизайн с левыми, правыми блоками фикс ширины и центральной динамичной частью (контент) Контент динамичный, то очень много, то совсем ничего. Также header высотой 90px; И footer высотой 90px; footer всегда внизу, контент должен его толкать (если он больше размера страницы по-вертикали) И самое главное: левые и правые блоки с контеном должны быть на 100% высоты, то есть всегда быть прижатыми в footer. Вопрос: можно ли вообще впринципе добиться этого div'ами без использования js? Реально ли это сделать за 2 часа? И желательно пример. П.с. Многие примеры с опусканием footer не работают (контент просто не толкает подвал вниз, а проходит сквозь него)
  4. Разобрался сам, всем спасибо
  5. А как это делается 0_о Гугл не рулит
  6. Добрый день! Всех с последним днём зимы! Вот тут возникла кракозябра, парился всю ночь, но ничего не вышло, суть такова: Пишу шаблон для 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; то всё нормально в файрфоксе, но в других с точностью наоборот Собственно скриншот:
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy