HTML Coding

29,542 questions in this forum

1. IE 9 Едет меню

   Здравствуйте. Верстал шаблон и решил глянуть как это все смотрится в ие, в хроме и фаерфоксе нормально, а тут вот такая штука вот ксс: .navs li a{ border:1px solid red; position:relative; font-size: 12px; text-decoration:none; line-height: 30px; color: #4C4C4C; font-weight: bold; cursor: pointer; float: left; display: inline; padding: 0 15px; height: 30px; background: none; } Флоат в ИЕ начинает срабатывать после того как задается размер шрифта font-size: 12px; Если не вписывать его то обтекании не происходит, пункты идут в столбик, в других браузерах размер шрифта задавать не обязательно, обтекание срабатывает. Вот HTML: <div class="navs"> <ul><li>…

   Asked by Dolce, August 14, 2012

   0 votes
   3 answers
2. Выровнять список

   Здравствуйте. Подскажите, пожалуйста. Правильно ли я рассчитал значения margin-left и padding-left на psd-макете? Крайние линии установил по границам объектов. Среднюю линию установил "на глаз", посередине между маркерами и текстом списка. http://savepic.su/2329770.htm Дело в том, что для меня было "неожиданностью", как рассчитываются margin-left и padding-left для списков. Первоначально хотел вычислить эти два значения на макете следующим образом: http://savepic.su/2330794.htm Но потом Firebug помог определить, что установка margin-left и padding-left для списков производится совсем не так, как я себе это представлял. На деле это выглядит так: http://savepic.su/2318506.h…

   Asked by aaron, August 17, 2012

   0 votes
   4 answers
3. Фиксированное положение элемента

   Здравия желаю! Есть элемент на странице. Когда пользователь скроллит страницу, то, этот элемент передвигается вместе со страницей. Дойдя до верхнего края страницы он должен зафиксироваться и всегда оставаться на экране. Подскажите, пожалуйста, как это можно реализовать? При обратном скроллинге, он должен будет встать на свое место, когда пользователь будет выше его первоначальных координат. Спасибо

   Asked by cartrege, August 27, 2012

   0 votes
   1 answer
4. Расположить блок внизу родительского блока

   В общем вот страничка. http://goo.gl/pynpv Есть список товаров. Нужно расположить блок внизу родительского блока. В инете вычитал что надо использовать table и table-cell, но у меня не получается, есть другой выход?

   Asked by across, August 14, 2012

   0 votes
   5 answers
5. элементы, у которых одновременно заданы классы

   Здравствуйте. В статье http://htmlbook.ru/samcss/klassy написано: Поддерживает ли IE6 такую запись? Документировано ли такое использование вообще?

   Asked by polyanin, August 15, 2012

   0 votes
   1 answer
6. vertical-align:text-top

   Здравствуйте. Столкнулся с одной проблемой и решил на css-live освежить знания о vertical-align. Стал ковырять один пример и получил вот такое -http://jsfiddle.net/bA3ye/1/ Отсюда вопрос: почему text-top для первого элемента не поднимает его на высоту среднего, который самый высокий в строке, а выравнивается по высоте контента последнего? При этом средний подстраивается под любую высоту боковых. чувствую, что упустил какую-то мелочь

   Asked by USF, August 15, 2012

   0 votes
   1 answer
7. Нестандартное расположение блоков

   Добрый день уважаемые форумчане Помогите советом, как реализовать задуманное. Для наглядности сделал картинку #Header-top растянуть на всю ширину, иметь полупрозрачность и обводку по краям при этом содержимое должно ровняться фиксированной ширине блока Slider и Content #slider и #Content равны одной фиксированной ширине

   Asked by atew, August 15, 2012

   0 votes
   8 answers
8. CSS3 и старые браузеры

   Хочу использовать CSS3 для создания простейших графических элементов, например, простенький логотип. Так как CSS3 поддерживают не все браузеры, то возникает проблема как сделать так, чтобы в старых браузерах сайт отображался корректно. Если для IE можно воспользоваться условными комментариями, то как быть со старыми версиями других браузеров? Можно конечно не обращать на них внимания, так как они редко используются, но все же интересно как принято поступать в таких случаях?

   Asked by kvant, August 15, 2012

   0 votes
   15 answers
9. css + ul :: как сделать следующее (рис)..

   как этот список оформить с помощью css или jquery? спасибо всем

   Asked by kay05, August 15, 2012

   0 votes
   3 answers
10. IE6-8 тень,скругление, градиент

    Здравствуйте. До этого делал скругленный углы для ИЕ6++ и все было отлично. А сейчас перерыл кучу инфы и не пойму в чем дело... Создал html+css файлы и там один див, в нем прописал, все работает. Подскажите как решить?(подключил pie.htc , дописывал zoom:0/1, position:relative) Мне нужно для заголовков сделать закругленной поле с градиентом и небольшую тень. Чтобы было понятно о чем я, вот скрин (сообщества лишайников) http://gyazo.com/1412ccf94ee02555e4ff9b55780c9df3 Может причина в том, что с h1 не работает? Я делал уже для родителя, но все равно не работает. .ContentPane h1{ ..... } http://ekology-blog.ru/archives/soobshhestva-lishainikov Код Css для h1: h1 { backgroun…

    Asked by konstantinskiy, August 15, 2012

    0 votes
    5 answers
11. Не работает z-index

    Есть три картинки, для каждой в стилях установлен свой z-index. При наведении мыши на изображение оно должно всплывать выше всех остальных, а вокруг него появляться другая рамка. Далее идет код. Рамка меняется, но изображение "не всплывает" относительно других. Т.е. при наведении мыши z-index не меняется. В чем дело? <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>z-index</title> <style type="text/css"> .card { position: relative; }…

    Asked by ListOFF, August 15, 2012

    0 votes
    5 answers
12. Картинка в таблице. Видно бордюры

    Всем здравствуйте. На форуме не нашёл ответа Суть вопроса. Сверстал таблицей шапку. Вставляю картинки и между этими картинками, которые в разных ячейках, видно границы каждой ячейки border="0" уже сделал. Самих границ не видно, но цветной фон видно. Картинки занимают 100% ячейки. Как сделать так, чтобы картинки примыкали друг к другу вплотную?

    Asked by Tezil, August 15, 2012

    0 votes
    10 answers
13. Не работает рамка в IE6 (TABLE)

    Добрый вечер! Подскажите такая проблема! (http://jsfiddle.net/JJKsT/) Есть таблица: td {border-bottom: 1px solid black}? <table width="100%"> <tr> <td>1</td> <td></td> <td></td> </tr> </table>? В IE6 не работает border-bottom у второго и третьего TD (то есть применяется только к первому TD), - но если добавить текст в остальные TD - То рамка появляется

    Asked by AppleMacMy, August 15, 2012

    0 votes
    2 answers
14. Верхний div с заданной высотой, div под ним с высотой до конца экрана

    Есть два дива на странице: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> html, body{margin: 0; background-color: #f3f3f3; min-height:100%; height:100%; overflow:hidden;} .div0{height:100%; width:100%} .div1{background: red; height:40px; width:100%} .div2{background: green; height:100%; width:100%} </style> </head> <body> <div class="div0"> <div class="div1"> 11111 </div> <div class="div2"> 22222 </div> </div> </body> </html> Высота div2 и div…

    Asked by trisha, August 15, 2012

    0 votes
    4 answers
15. верстка DIV-ами, 2 слоя

    Здравствуйте! Подскажите, как реализовать дизайн: блок контента должен растягиваться вниз. я разбила окантовку на 3 части (красным выделено), чтоб средняя растягивалась в зависимости от объема контента, верх и низ, естественно не растягиваются. Но как наложить сверху фон для контента (желтым), он будет повторяться вниз. Если ДИВ с фоном вставить в средний main2, то получатся пустые области без текста сверху и снизу. Как сделать, подскажите пожалуйста. Или, может, есть другое решение? Макет-то не сложный... Заранее благодарна.

    Asked by Zeeeya, August 15, 2012

    0 votes
    7 answers
16. form

    Помогите не могу понять создал форму задал для поля через css фоновое изображение но остались края от формы как от них избавится или может я неправильно задал фон для формы. jsfiddle.net/zRwvH/

    Asked by nimens, August 15, 2012

    0 votes
    2 answers
17. float и border

    Добрый день. Вот есть вопрос хочу разместить два слоя рядом которые делят контейнер на половину. Ну если добавляю еще рамки к слоям то получается нето что я хочу(смещение по вертикали). Как я понял это из за border. Как можно это исправить? ССS #conteyner { width:80%; } #main1 { float:left; width:50%; border:1px Solid red; } #main2 { float:left; width:50%; border:1px Solid red; } HTML <div id="conteyner"> <div id="main1">1</div> <div id="main2">2</div> </div> Как реализовать?Понимаю что рамка нарушает отношение 50 на 50 из за этого и ошибка.

    Asked by goodbenya, August 16, 2012

    0 votes
    3 answers
18. Вопрос по css

    Здравствуйте, у меня есть привычка разделять css по файлам. Хотел бы узнать ваше мнение плохо это или хорошо. В HTML документе ссылаемся на таблицу css. <link rel="stylesheet" href="css/stylesheet.css" type="text/css" /> А в этом файле уже делаю так. @import url("general.css"); @import url("header.css"); @import url("content.css"); @import url("middle.css"); @import url("footer.css");

    Asked by Simel, August 15, 2012

    0 votes
    4 answers
19. Полоска между wrapper и контентом

    Добрый день уважаемые форумчане, я начинающий веб-дизайне и верстальщик. Когда сверстал очередной дизайн столкнулся с интересной проблемой которую не могу решить по сей день. Суть проблемы: в шаблоне появился отступ между глобальным фоном который тянется и wrapperom, никак не могу понять почему и откуда он взялся т.к быть его не должно. чтобы было более понятно вот скриншет и юрл действующего шаблона(надеюсь не посчитаете за рекламу, просто очень нужна помошь в этом деле): Uploaded with ImageShack.us Сайт с шаблоном:www.p4f-test.ucoz.ru (сайт тестовый, не реклама) P.s раньше этот отступ был только на опере и мозиле, вскоре обновился google chrome и там тоже оно появилось…

    Asked by HRabbit, August 15, 2012

    0 votes
    10 answers
20. Горизонтальная прокрутка 1024px

    Часто дизайнер делает дизайн шириной 1024px. Как быть с горизонтальной прокруткой, которая может появится при разрешении 1024х600 или 1024х768. - Делать меньше врапер - как бы нарушается уже дизайн; - overflow-x:hidden для <body> - предполагаю, что это в корень неправильно. Есть ли где нибудь информация по этому поводу, это промахи дизайнера или все на самом деле просто?

    Asked by gritsyuk, August 15, 2012

    0 votes
    6 answers
21. Сделать блок прозрачным,когда используется фон

    Фон блока ЗДЕСЬ БУДЕТ ТЕКСТ сделать не белым, а прозрачным, т.е. убрать вообще бекграунд именно блока. Оставить Бекграунд общего письма. ................. Сверху задание.Делаю шаблон письма хтмл.Имеется фон в таблице,где поле для текста необходимо убрать бэкграунд,чтобы фон таблицы был прозрачный. Помогите братцы,все мозги выкипели

    Asked by osipbruno, August 16, 2012

    0 votes
    1 answer
22. 3 колонки, центр 1024px, боковые с фоном появляются,если экран шире

    Подскажите, пожалуйста, как сделать верстку: 3 колонки, центральная часть стабильная 1024px, а боковые с фоном появляются или скрываются если экран шире или уже, т.е. если у кого экран 1024, то фоновые изображения слева и справа не видны, а если экран шире, то фон появляется левая колонка: background-image:url(images/left.jpg); background-position:bottom left; background-repeat:no-repeat; правая колонка: background-image:url(images/right.jpg); background-position:top right; background-repeat:no-repeat; Можно ли это реализовать табличной версткой?

    Asked by OnLine54, August 15, 2012

    0 votes
    1 answer
23. Выравнивание!

    В чем ошибка не пойму... Вот сайт - http://nyashki-tv.ru/forum/7-33-1 Хотел выровнить аватарку пользователей да не получается в чем проблема не могу понять.Вторая проблемка- не смог чтобы кнопочки профиль и тд были всегда снизу то есть выравнивались по самому низу каждой из потосв!

    Asked by ELBegemotos, August 15, 2012

    0 votes
    2 answers
24. проблема с нестандартным шрифтом

    ни у кого не бывало такой ситуации? находишь нестандартный шрифт .ttf(открываешь его, видишь, что все символы отображаются нормально). прогоняешь его через генератор и встраиваешь на страницу. но в результате русские символы не отображаются заданным шрифтом(иногда только в ie, иногда и в остальных браузерах). в чем причина такой проблемы может быть, скажите пожалуйста бывает скачиваешь шрифт из разных источников и повторяешь описанную последовательность действий, но проблема остаётся. вообще нередко сталкиваюсь с такой ситуацией(в каждом третьем проекте примерно). может быть я не учитываю какую-то особенность работы с нестандартными шрифтами? прошу телепатической помощи, …

    Asked by cyklop77, August 16, 2012

    0 votes
    7 answers
25. Комплексный сайт

    Добрый день. Нужен совет насчет проектирование сайта. Есть идея, но я не знаю каким способом можно осуществить её. http://img94.imageshack.us/img94/3798/231222412.jpg Если посмотреть макет что выше, то можно сделать следующий вывод: нужна платформа для статей, где я бы добавлял материалы, и пользовательская площадка, где все могли бы добавлять интересные изображения (вроде Pinterest). Для блога вроде подходит WordPress, но я не знаю как быть с той самой площадкой, то есть какие инструменты мне нужны чтобы сделать такое? Плюс к этому, как быть с WordPress? Каким образом можно подключить нужные функции к уже существующему сайту? Насколько мне известно, это невозможно. Тогда…

    Asked by Tops, August 16, 2012

    0 votes
    1 answer