HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Побороть ie7
Есть гор.меню где я использовал список. <ul> <li><a href="#"><i> </i><i> </i>Главная</a></li> <li><a href="#"><i> </i><i> </i>Форум</a></li> <li><a href="#"><i> </i><i> </i>Категории</a></li> <li><a href="#"><i> </i><i> </i>Нажими</a></li> </ul> Каждому пункту списка я проставил float: left; после чего они встали в ряд и начали растягиваться что бы поместить в себя содержимое, т.е. пункт категории шире чем пункт форум(так и задумывалось). Но в IE7 каждый пункт списка ра…
0 votes11 answers -
Три колонки, вторая - в центре, и имеет фиксированную ширину
Нужно сделать так, чтобы центральный слой имел фиксированную ширину (например, 800px), а 2 других обтекали его слева и справа, заполняя оставшееся место в окне браузера. Никак не получается, наверно из-за погоды. body { /* стиль всего документа */ background: #fff url(img/gradient.png) repeat-x; padding: 0; margin: 0; } div.top_center { background: url(img/top-center.png) top center no-repeat; width: 800px; height: 300px; margin: 0 auto; } div.top_left { float: left; background: url(img/top-left.png) top right repeat-x; height: 300px; } div.top_right { float: right; background: url(img/top-right.png) top left repeat-x; height: 300px; } Не зна…
0 votes6 answers -
IE6: не убирается элемент при отведении курсора в hover
Возникла проблема: для ссылок меню дизайнер предусмотрел красивую подсветку снизу при наведении. Возникла проблема в "горячо любимом браузере": после отведения курсора с пункта меню не убирается эта самая подсветка. Код меню: <ul class="menu zoom"> <li><a href="#" class="current" title="Главная">Главная<span class="left"></span><span class="right"></span></a></li> <li><a href="#" title="О предприятии">О предприятии<span class="left"></span><span class="right"></span></a></li> <li><a href="#" title="Услуги">Услуги<span class="left"></span><…
0 votes9 answers -
Проблема с SSI вставкой
Пытаюсь подключить меню, которое вынес в отдельный файл к остальным страницам. код меню находится в файле content.html, который располагается в корне сайта. Главная страница index.html находится тоже в корне сайта. Остальные страницы онтосительно корня по адресу : pages\tourism На главную стканицу вдключил меню так: <!--#include file="content.html"--> а на остальные пытаюсь так: <!--#include file="../../content.html"--> но меню подключилось почему-то только на главной странице на остальных выдаёт ошибку "an error occurred while processing this directive". Пути указал насколько понимаю правильно. Но почему-то меню подключает только к главной странице. Подска…
0 votes5 answers -
Смена цвета при наведении
Добрый день, до изучения верстки всегда привлекало внимание на главной странице у Лебедева - design.ru / artlebedev.ru логотип(сверху, справа), при наведении на него меняется цвет, причем сколько раз навести столько и поменяется. Объясните новичку как это сделать в рамках html и css? Спасибо.
0 votes6 answers -
Div в div'e
Здравствуйте! Есть div, в котором содержится еще 6 div'ов - 6 кнопок. Каждая кнопка немного наложена на другую, поэтому место, занимаемое кнопками, меньше размера исходного div'a. Т.е. кнопка длиной 135, 135х6=810. С учетом наложения - 735. Если делать исходный div размера 735, то последняя кнопка переносится на след. строку. Я думаю из-за того, что кнопки были смещены относительно исходного положения. Как это убрать? <div id="menu"> <div id="block1"><img src="but1.gif"></img> </div> <div id="block2"><img src="but2.gif"></img> </div> <div id="block3"><img src="but3…
0 votes4 answers -
Как создать таблицу без верхней границы
Здравствуйте. Не могу реализовать казалось бы простейший прием: хочу сделать так, чтобы таблица по верхнему краю доходила прямо до начала страницы, т.е. чтобы не оставалось зазора между тело страницы и самой таблицой по вертикали. Даже не могу помыслить, как это реализовать. Вот мой код: <html> <head> <body bgcolor="#DDDDDD"> <table align="left" border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" width="400"> <tr valign="top" width="400" height="500"> <td> <p>От топота копыт пыль по полю летит.</p> </td> </tr> </table> </body> </head> </html> Заранее спасибо.
0 votes5 answers -
inline-block
вместо флоатов решил попробовать в очередной раз inline-block. и не могу понять почему в IE не работает как надо. http://shadow.rxfly.net/1/delete.html делал по примеру в который раз уже не получается. что не так делаю?
0 votes4 answers -
как поставить логин и пароль на страничку маево сайта помогите чайнику
Как поставить логин и пароль на страничку маево сайта помогите чайнику
0 votes1 answer -
Картинка в dive
Создал рамку из дивов с помощью такого кода <div class='ram'><div class='ram1'><div class='ram2'><div class='ram3'><div class='ram4'> содержимое рамки </div></div></div></div></div> и соответственно css, в котором прописаны пути к картинкам, составляющим эту рамку, и способ заливки. .ram{background: url('../images/borderleft.gif') top left repeat-y;} .ram1{background: url('../images/borderright.gif') top right repeat-y;} .ram2{background: url('../images/downleftangle.gif') bottom left no-repeat;} .ram3{background: url('../images/downrightangle.gif') bottom right no-repeat;} .ram4{background: url('../images/d…
0 votes3 answers -
У лисы проблема с float
В общем проблема следующая: Вот внешний вид страницы во всех браузерах, кроме лисы структура самая простая: крыша (roof), дивы left и main обернуты в div oblo. Внизу див flour. И вот он в лисе ведет себя ни разу неадекватно: Если выставить у подвала float:right то в лисе получается такое: (во всех других браузерах оно естесвенно уплывает вправо) Такое чувство, будто лиса хочет подвал запихнуть в обложку к дивам left и main ХТМЛ: <div id="roof" align="center">1 крыша </div> <div id=oblo><!———————————-- обложка —————> <div id="left"> <a href="opera:blank" class="button"> Кнопка 1 </a> <a href="opera:blank…
0 votes19 answers -
Четыре фикса в резиновом блоке
Сегодня на меня какое-то затупанство напало — никак не могу решить, казалось бы, простейшую задачу. Итак, имеем резиновый блок. В нём надо разместить четыре блока шириной 100 пикселей (в пордке «блок1», «блок2», «блок3», «блок4») таким образом, чтобы блок 1 был прижат к левому краю, блок 4 к правому, а 2 и 3 были на одинаковом расстоянии от них и друг от друга. Уже весь мозг сломал — и таблицами даже делал, нифига не могу придумать.
0 votes4 answers -
Как растянуть сайдбар по высоте, вровень с контентом?
Всем привет, Как растянуть сайдбар по высоте, вровень с контентом? height:100%; - не работает, min-height:100%; - не работает, margin-bottom: -32767px; padding-bottom: 32767px; - не работает, есть ли ещё способы? Дивы стоят так: <div id="wrapper"> [indent]<div class="sidebar" style="float:left;"></div>[/indent] [indent]<div class="content" style="float:left;></div>[/indent] </div>
0 votes3 answers -
Как перевести посетителей с одного сайта на другой?
У меня на яндекс народе есть сайт. Недавно я перенесла этот сайт на платный хостинг. Скажите, пожалуйста, можно ли посетителей сайта, который размещен на народе, перенести на сайт на платном хостинге? Если да, то как?
0 votes19 answers -
Проблема с выравниванем span в opera
Добрый день. Сверстал сайт, все вроде бы нормально, даже в IE показывает все как надо, а вот в Opera 10.62, обнаружилась странная проблема - выпадение одного spana в лево. Не знаю даже по какому запросу гуглить. http://dl.dropbox.com/u/4410373/Portfolio1/index.html - тут можно глянуть как оно сверстано.
0 votes3 answers -
SSI. Как прописать ссылки
Делаю сайт. Решил основные блоки, которые повторяются на каждой странице (header, footer,menu) вынести в отдельные файлы и подключать при помощи SSI. С подключением разобрался: на главную страницу подключается шапка так: <!--#include virtual="header.html"--> а на страницу Доставка, <!--#include virtual="../header.html"--> на остальные аналогично. всё подключилось и выглядит хорошо, всё на своих местах. схема расположения элементов на странице такая: В шапке присутствует меню: главная доставка сотрудничество контакты главная index.html лежит в корне сайта остальные пункты из меню в шапке: delivery.html cooperation.html contact.html находятся в одной папке …
0 votes6 answers -
Неполная обводка ячейки
В html я полный чайник. Возник такой вопрос: как сделать "неполную" обводку ячейки в таблице. Мне нужно чтобы "основа" ячейки №2 была без линии, а то получается что линия с таблицы №1 и линия с ячейки №2 склеились и как бы 2 пикселя.
0 votes12 answers -
треугольник паскаля
построил треугольник паскаля как сделать так чтобы он выглядел как треугольник?
0 votes10 answers -
Резиновый сайт на div'ах
У меня такой макет: Вот код, который я набрал: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>...</title> <style> body { margin: 0px; } #container { display: inline-block; } #wrap { display: inline-block; margin: 10px; padding: 5px; background: yellow; } #header { height: 50px; background: green; } #content { float: left; min-width: 200px; background: orange; } #right { float: left; background: #a5a530; } </style> </head> <body> <div id="container"> <div id="wrap"> <div id="header">Header</d…
0 votes1 answer -
Нужна помощь в верстке
Всем доброе время суток! Не на помнете как мне сделать стиль для IE6 и IE7? Помоему это делается так вкоде HTML <head> <!-- [if lte IE7]> а какой нужно писать путь в стилям? <![endif]--> </head> А в коде в CSS нужна писать по момоему так? *div#contayner { margin:0 auto; padding:0px; width:765px; height:100%; } А да вот еще, что. Чем отличается прописания стилей? 1-ый вариант div#contayner { margin:0 auto; padding:0px; width:765px; height:100%; 2-ой вариант #contayner { margin:0 auto; padding:0px; width:765px; height:100%;
0 votes4 answers -
Макет сайта
Вот есть макет сайта.Меня интересует вопрос по центральной части.Там где новости с комментами,датой.Как её можно сверстать чтобы получилось все правильно.Я уже сверстал верх и эту центральную часть начал.Вот только не пойму как сверстать так чтобы текст и дата, комменты были на одном уровне и самое главное там под каждой новостью идет линия,как сверстать так чтобы линия была и там где дата с комментами и там где новость.Короче я так понял должен получиться один блок.Но в макете получается что слои то разные и что то не получается совместить на один уровень дату с комментами и линия подчеркивающую всю новость.Подскажите пожалуйста просто на словах можно, а дальше я cам раз…
0 votes12 answers -
приоритетный стиль
к примеру: есть таблица главная у шаблона style1.css и таблица у какого нить расширения style2.css и так у расширения в таблице style2.css есть стиль .test {border: #111 solid 2px; margin: 10px 0 5px;} меня не устраивает и я хочу изменить в главной таблице(к шаблону) style1.css я указываю такой же стиль и изменения .test {border: none; margin: 0;} все норм работает, но для верности в таблице style2.css я этот стиль закоментировываю и записываю в блокнот для update. так вот вопрос может и не надо закоментировывать и есть какое то правило что точно во всех браузерах сработает стиль который в главной таблице, а то постоянно после обновления расширения если там изменен стиль…
0 votes4 answers -
Зазор между хедером и контентом приверстке блоками
Вот такой вопрос - только начинаю учиться делать сайты и возникла проблема - когда пытаюсь делать блоки дивами , между всеми элементами возникает зазор. Делал это по статьям, там в скриншотах таких зазоров небыло.В чем может быть причина того , что элементы сайта не прилегают вплотную друг к другу при наполнении их текстом. Вот скриншот - http://ipicture.ru/Gallery/Viewfull/1372843.html (извиняюсь , если неправильно загрузил фотографию)
0 votes4 answers -
<ol start="11"> в XHTML 1.1
Какие альтернативы существуют для <ol start="11"> в XHTML 1.1, где start запрещён ?
0 votes5 answers -
Как сверстать градиентные полоски для hover?
Нужно сверстать вот такой hover Проблема возникла с крайними светлыми градиентными полосками. Ума не приложу как это сверстать.. Пока код такой: ul.top_menu li a{padding:54px 33px 21px 33px;} ul.top_menu li a:hover{background:url('../img/menu_hover.jpg') left top repeat-x;margin:0 -1px;border-right:solid 1px #2b2a28;border-left:solid 1px #2b2a28;}
0 votes5 answers