22 декабря 2015
30 сентября 2009
Снова о ссылках
Вот и снова возник у меня вопрос по оборачиванию ссылок в ...
Посмотрите на главную страницу www.integralogistics.ru.
Как сделать верхнее меню(на грузовике) я разобрался. Подскажите, как сделать нижнее меню(на ящиках)?
Меня озадачил тот факт, что в отличии от верхнего меню, нижнее расположено не в один рад, а разбросано по ящикам.
Посмотрите на главную страницу www.integralogistics.ru.
Как сделать верхнее меню(на грузовике) я разобрался. Подскажите, как сделать нижнее меню(на ящиках)?
Меня озадачил тот факт, что в отличии от верхнего меню, нижнее расположено не в один рад, а разбросано по ящикам.
29 сентября 2009
Вопрос по оформлению ссылок
Здравствуйте.
Разъясните, пожалуйста, следующий вопрос.
Имеется HTML-файл, в котором для каждой ссылки создан класс:
a.menu0,a.menu1,a.menu2,a.menu3,a.menu4,a.menu5,a.menu6 {display:block; float:left; color:#483d8b; font-size:15px; font-weight:bold; margin-top:-45px}
Подскажите, пожалуйста, как эти ссылки правильно офромить.
Разъясните, пожалуйста, следующий вопрос.
Имеется HTML-файл, в котором для каждой ссылки создан класс:
<a class="menu0" href="/">Главная</a>
<a class="menu1" href="/price.html">Услуги и тарифы</a>
<a class="menu2" href="/gruzoperevozki.html">Грузоперевозки</a>
<a class="menu3" href="/dogovor.html">Документация</a>
<a class="menu4" href="/about_logistic.html">О логистике</a>
<a class="menu5" href="/social.html">Социальная ответственность</a>
<a class="menu6" href="/contacts.html">Контакты</a>a.menu0,a.menu1,a.menu2,a.menu3,a.menu4,a.menu5,a.menu6 {display:block; float:left; color:#483d8b; font-size:15px; font-weight:bold; margin-top:-45px}
a.menu0 {margin-left:20px}
a.menu1 {margin-left:103px}
a.menu2 {margin-left:256px}
a.menu3 {margin-left:408px}
a.menu4 {margin-left:535px}
a.menu5 {margin-left:650px}
a.menu6 {margin-left:884px}Подскажите, пожалуйста, как эти ссылки правильно офромить.
22 сентября 2009
Как сделать так, чтобы тег noindex был валиден
Ну вот например я хочу закрыть часть страницы для индексирования, и при этом хочу, чтобы страница была валидной. Есть способ это сделать, используя тег ?
7 сентября 2009
помоги решить задачу по верстке, пожалуйста....
Есть двухколоночный макет, верх и низ сайты тянется на 100% (заданы фоном), а середина фиксированной ширины. Макет на первый взгляд очень простой, но внизу в левой колонке есть плашка с контактами, которая вплотную прилегает к футеру. Я поставила полоску фона на body заданной высоты и выровненного по верху, внутри body лежит фиксированной ширины и выровненный по центру, а в нем располагаются хидер и соответственно 2 колонки (в левой должно лежать меню и плашка с контакты, а в правой чисто текст). Ниже, вне контейнера лежит футер, так как он должен быть 100% по ширине. Ах да, еще эти две колонки должен разделять бордер. Задача состоит в том, что бы прилепить плашку с контактами вплотную к футеру.
Вот мои попытки решить эту задачу.
1. плашку с контактами положить в левую колонку ниже меню. Но это не вариант, потому что в случае, если контент правой колонки будет больше, по высоте, чем меню в левой (а зачастую таки бывает), то получится разрыв между плашкой и футером.
2. плашку с контактами поместить в правую колонку и задать ей margin-left:-200px; ну так что бы она влезла на левую колонку. Но в этом варианте свой косяк (это не считая того что в ие6 отрицательные маргины не работают), если содержимое правой колонки меньше содержимого левой (такое тоже случается)- плашка налазит на меню.
3. плашку с контактами положить в футер. Аналогично, перекрывает меню.
Кто сталкивался с подобными задачами, подскажите что делать?
Вот мои попытки решить эту задачу.
1. плашку с контактами положить в левую колонку ниже меню. Но это не вариант, потому что в случае, если контент правой колонки будет больше, по высоте, чем меню в левой (а зачастую таки бывает), то получится разрыв между плашкой и футером.
2. плашку с контактами поместить в правую колонку и задать ей margin-left:-200px; ну так что бы она влезла на левую колонку. Но в этом варианте свой косяк (это не считая того что в ие6 отрицательные маргины не работают), если содержимое правой колонки меньше содержимого левой (такое тоже случается)- плашка налазит на меню.
3. плашку с контактами положить в футер. Аналогично, перекрывает меню.
Кто сталкивался с подобными задачами, подскажите что делать?
4 сентября 2009
почему padding увелививает ширину блока?
Для блоков left и right выставлена ширина в процентах, теоретически, если один блок 26% то второй должен быть 73%, да бы в сумме было 100%, но на практике совсем по-другому. И я так понимаю что это все связано с падингами. Почему падинг расширяет блок? ведь ширина должна оставаться заданной а внутреннее содержимое ужиматься. Почему так происходит? Неужели прийдется все время подгонять ширину с учетом падингов?
css
hrml
css
body {background: #fff url(images/bg_head.jpg) repeat-x top; font: 9pt Helvetica, sans-serif; text-align: center; color: #4d4d4d; }
div#container {width: 1024px; text-align: left; background: #fff; margin: 0 auto; }
div#header {height: 250px; margin-bottom: -28px; padding: 0; color: #000; }
div#main { padding:0 20px; }
div#left {float:left; border-right:1px solid #b3b3b3; width:26%; padding:28px 10px 0 10px; height:300px;}
div#right {float:right; width:71%; padding:30px 10px 0 10px;}hrml
<body>
<div id="container">
<div id="header"><a href="/"><img src="images/baner_head.gif" /></a></div>
<div id="main">
<div id="left">sf</div>
<div id="right">sdf</div>
</div>
</div>
<body>
24 августа 2009
Создание правил для элемента
На одном сайте я прочитал такую фразу "Существуют ситуации, когда для одного элемента создаются правила несколько раз". Расскажите, пожалуйста, что это за ситуации такие?
16 августа 2009
Верстка ломается из-за доктайпа, что делать?
Верстаю сайт, весьма простой, но доктайп меня в очередной раз удивил. Есть шапка сайта, ширина 100%, градиентный фон, внутри по центру шапки большая картинка (тоже фоновая) и на ней по вертикали первый банер прилеплен к верху, следующая строка с рекламным текстом, и ниже еще один банер прилепленный ровно к нижней границе шапки. Делалось так,
Вроде все просто, но вот почему-то фаерфокс и опера не приклеивают дивы с банерами к низу и к верху, все время получается какой-то отступ в 2-3 пикселя между картинкой с банером и дивом в котором стоит эта картинка. Причем я пробывала разными способами реализовать это, в том числе и через таблицы. Но косяк этот оставался. Причем в ИЕ отображалось все замечательно. Данная проблема решилась после того как я убрала доктайп.
Но ведь все кричат что доктай нужен обязательно, типа без него это не профессионально и все такое... А как быть, если с ним такой косяк? может это как-то можно исправить? какой-нибудь хак написать? подскажите пожалуйста.
<div id="header"> /*фон шапки*/
<div id="header_center"> /* здесь фоном картинка по центру*/
<div><img src="images/banner1.gif"/></div>
<div class="header_text">текст рекламы</div>
<div><img src="images/banner2.gif"/></div>
</div>
</div>
код css
body { font-size:12pt; text-align:center; font-family:Verdana; margin:0; padding:0; color:#fff; background-color:#FFFFFF;}
img { border:none; padding:0; margin:0;}
#header { font-size:16px; font-family:Myriad Pro; background:url('images/header_bg.gif') repeat-x; text-align:center;}
#header_center { background:url('images/header.gif') no-repeat center center;}
#header_center .header_text { padding-top:8px; height:36px;}
Вроде все просто, но вот почему-то фаерфокс и опера не приклеивают дивы с банерами к низу и к верху, все время получается какой-то отступ в 2-3 пикселя между картинкой с банером и дивом в котором стоит эта картинка. Причем я пробывала разными способами реализовать это, в том числе и через таблицы. Но косяк этот оставался. Причем в ИЕ отображалось все замечательно. Данная проблема решилась после того как я убрала доктайп.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> Но ведь все кричат что доктай нужен обязательно, типа без него это не профессионально и все такое... А как быть, если с ним такой косяк? может это как-то можно исправить? какой-нибудь хак написать? подскажите пожалуйста.
14 августа 2009
Новые строки в textarea
Как сделать чтобы в текстареа нажимая ентер - "новая строка" сохранялась.
Эм.. ну если содержимое сабмитить в php а потом в БД, то содержимое будет ровное, в одну строчку.
А надо чтобы там где я нажал ентер, там он и был. Помогите плиз!
Эм.. ну если содержимое сабмитить в php а потом в БД, то содержимое будет ровное, в одну строчку.
А надо чтобы там где я нажал ентер, там он и был. Помогите плиз!
13 августа 2009
Глюк в IE6!
Помогите, пожалуйста, разобраться!
Глючит в IE6! никак не могу побороть((
Вот ХТМЛ:
LEFT COLUMN
RIGHT COLUMN
ВОТ CSS:
#wrapper {width: 934px; margin: 0 auto;padding: 0; margin-top: 0px;}
#content {background-color: #716d67; padding: 7px; font-size: 12px; position: relative; top:0px; left: 0; clear:none; overflow: hidden;}
.contactimg { border: 5px #8c887a solid; float: left; }
.product {float: left; margin: 0 0 0 20px; padding: 0 14px 0 0; width: 495px; font-size: 11px; }
Глючит в IE6! никак не могу побороть((
Вот ХТМЛ:
LEFT COLUMN
RIGHT COLUMN
ВОТ CSS:
#wrapper {width: 934px; margin: 0 auto;padding: 0; margin-top: 0px;}
#content {background-color: #716d67; padding: 7px; font-size: 12px; position: relative; top:0px; left: 0; clear:none; overflow: hidden;}
.contactimg { border: 5px #8c887a solid; float: left; }
.product {float: left; margin: 0 0 0 20px; padding: 0 14px 0 0; width: 495px; font-size: 11px; }
8 августа 2009
Очистка потока clear:both
Случилась вот такая проблема, сверстал сайт из трех колонок, и если в средней колонке я использую clear для элемента, то он растягивается в низ по высоте самой длинной правой или левой колонки. Исправить получается только если задать для блока фиксированную высоту, но это не очень удобно. Как можно решить такую проблему?