HTML Coding

29,542 questions in this forum

1. <footer> и InternetExplorer

   С новыми тегами HTML5 Internet Explorer по ходу не дружит? HEADER, ARTICLE, FOOTER... "все в сад", т.е. IE8 их наверху все оставил друг за дружкой. Получается, что сделать кроссбраузерность, нужно для IE всё дописывать ручками?

   Asked by LuxCore, July 6, 2011

   0 votes
   2 answers
2. ширина изображения

   как сделать так, чтобы картинка увеличивалась по мере увеличения окна, но не вылезала за границы экрана? изменять пропорции нельзя, урезать картинку нельзя. что-то туплю, простите: ничего не работает из того, что пробую...

   Asked by MasterP, July 2, 2011

   0 votes
   8 answers
3. float

   Доброго времени суток. Подскажите пожалуйста как решить проблему с float'ом. Собственно линк на сетку: http://inkrasnodar.ru/w/GOVNO/index.html Проблема очевидна. Левая колонка ниразу не левая Спасибо.

   Asked by nomn, July 2, 2011

   0 votes
   29 answers
4. Фиксировання или резиновая?

   Здраствуйте! Вот у меня вопрос не на теорию, а в первую очередь на ваш опыт. Как лучше верстать с фиксированной шириной или уже лучше резиновая? Я так посмотрел, резина лучше - на любой екран сайт будет выглядить как задумано. Я прав?

   Asked by Shader, July 2, 2011

   0 votes
   5 answers
5. Позиция текста около checkbox

   Привет всем! Как можно при следующей верстке сделать текст "по центру" от чекбокса? <label><input type="checkbox" value="0" name="choice[0]"> Вариант 1</label> Пробовал прописать label { padding-bottom: 4px; } label input { margin-bottom: -2px; } Сейчас выглядит так: P.S: Попробовал label input {float: left} — работает. Но не хотелось бы делать лишние плавающие элементы.

   Asked by warobushek, July 2, 2011

   0 votes
   4 answers
6. Помогите с версткой

   В верстке я еще новичок такшо если вопрос прозвучит странно то не пинайте) На изображении показано макет моего сайта. Вопрос в том как "Блок 2" переместить на "Место блока 2". Но при этом "Блок 1" должен остаться на своем месте а "Блок 2" должен прижиматись до футера. Буду очень признателен за любую подсказку или решение проблемы !

   Asked by vitaljaa, July 2, 2011

   0 votes
   3 answers
7. Верстка необычного ul

   Основная проблема графика Для начала хотел сделать с jquery, но может кто сталкивался и находил более легкое решение такой верстки. Желательно конечно чтобы было в одном ul Или дайте направление куда копать и как выгоднее сделать

   Asked by gibigate, July 6, 2011

   0 votes
   9 answers
8. ошибка в джаваскрипте

   собственно вот: <script> onload = onresize = function() { var f = document.getElementById('login-box'); m = (document.body.clientWidth/2)+(((document.body.clientHeight*0.9-20)*3/2)/2)-320; l = document.body.clientWidth*0.95-320; f.style.marginLeft = document.body.clientHeight/document.body.clientWidth < .67 ? '[m]' : '[l]'; } </script> нужно, чтобы элементу login-box приписывался стиль margin-left, подсчитываемый функциями l или m в зависимости от выполнения условия f. и не спрашивайте, зачем) так как почти не шарю в джаваскрипте, ошибка, скорее всего, в скобках.

   Asked by MasterP, July 2, 2011

   0 votes
   5 answers
9. Выравние по горизонтали по одной линии

   заверстал такое меню: как выравнить текст по одной линии по горизонтали, вот так: line-height для ссылки не помогает, так как где-то текст в одну строку где в две

   Asked by okunev2, July 2, 2011

   0 votes
   9 answers
10. Резинка не поддается

    Уже не первый день мучаю код. Завтра срок сдачи, времени нет! Просьба помочь, как можно сделать вот такой хэдер...

    Asked by mayse, July 7, 2011

    0 votes
    15 answers
11. Непонятный отступ снизу

    У меня возникла проблема при создании нивидимого блока под изображением, нужна помощь. <div class="block_1"> <a href="#" class="image"> <img src="url" /> </a> </div> .block_1 { width:460px; float:left; } .block_1 a.image { position:relative; display:block; margin:0; padding:0; } Примитивная задача, казалось бы... Однако размер блока .block_1 a почему-то превышает размер вставленного в него изображения img. Это превышение происходит так, будто добавлен параметр стиля: padding-bottom:5px, т.е. внизу выглядывает небольшая кромка. CSS нигде не задает отступ. Попытка прописать нулевой отступ не помогает. В чем проблема?

    Asked by Lionel, July 2, 2011

    0 votes
    2 answers
12. Подвал и position:absolute

    Как правильно расположить подвал, что б он всегда был под дивом main ? Просто засунуть его в сам main под див center не вариант, т.к. подвал должен быть растянут на всю ширину браузера. Хелп плз, заранее спасибо! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style type="text/css"> body,html { width:100%; height:100%; min-width:780px; position:absolute; } #main { width:94%; height:auto; min-height:370px; margin:0 3%; position:absolute; background-…

    Asked by lolka84, July 2, 2011

    0 votes
    9 answers
13. Помогите!Сайт не кросбраузерен!

    Здраствуйте! Мой первый сайт.Заканчиваю дизайн. Но вот на хост загрузил и в опере одно, а в IE последней версии совсем другое. Должно быть как в IE. Сам не смог поменять помогите пожалуста. И ещё напомните плз как убрать камочку из пунктирных линий во время клика по ссылке. Заранее благодарен! О чуть не забыл ещё 1 вопрос. Когда я ставлю <meta charset="UTF-8" /> у меня когда я пишу текст в ДВ(дрим вивере) он нормальный, а когда на сайте - символы. Эта проблема видна в Опере, когда наводить на кпонки - описание символами, а в IE -о5 таки все норма. З.Ы Я когда просмотривал с компа, то все было одинково везде - я так и делал , что бы было кросбраузерно. Помогите! Лю…

    Asked by Shader, July 3, 2011

    0 votes
    24 answers
14. как сделать legend?

    del

    Asked by AquaGen, July 3, 2011

    0 votes
    0 answers
15. Помогите, пожалуйста, понять неправильное поведение в IE7

    Проблема в том, что блок "navigation" прячется под блок "content" даже не смотря на заданный ему z-index! Почему так происходит и как это обойти? проблема замечена в IE7 и ниже, заранее, спасибо! <!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" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> .header { position: relative; b…

    Asked by vikusik, July 3, 2011

    0 votes
    3 answers
16. Шрифты

    Имеется список шрифтов, поддерживаемых в windows. 1. Вы обычно используете стандартные шрифты (которые по дефолту есть в windows) или же какие-то нестандартные? 2. Если нестандартные, то как подгружаете? картинками? @font-face ? Еще читал про метод Cuf?n. Что можете про него сказать? Кто-нибудь использует? 3. Если использовать @font-face для загрузки пользователю шрифта, то каким образом выглядит сайт? То есть сначала грузиться шрифт, потом отображается страница или же страница загружается с одним из стандартных шрифтов, а потом после обновления страницы меняется шрифт?

    Asked by Rustick, July 3, 2011

    0 votes
    5 answers
17. Вопросик по семантике

    Будет ли очень плохо использовать для лого background, а не img? Моя ситуация требует background, вот только сильно ли это плохо?

    Asked by vikusik, July 3, 2011

    0 votes
    5 answers
18. По макету

    Добрый день! есть вот такой макет http://cs9895.vkontakte.ru/u36659292/136868868/z_00fdf510.jpg C body, #footer и #content я разобралась не могу понять как сделать #precontent. Он должен заполнять такое пространство, но при уменьшении окна, не должен создавать прокрутку. Через Hidden пробовала. Чё т не покатило) Спасибо!

    Asked by htmlbr, July 3, 2011

    0 votes
    6 answers
19. IE-хак не работает

    Есть такой код: #leftnav a { border-bottom: expression(this.nextSibling == null ? "1px solid #cccccc" : "none"); } Сие костыль для работы :last-child. this.nextSibling действительно null, если </a></div>, т.е. нет пробелов. Но вот в ie8 это не работает. null nullом, но работать не хочет. CSS подключается верно: <!--[if lte IE 8]> <link href="etc/ie.css" rel="stylesheet" type="text/css"> <![endif]--> В чем проблема? Ведь работает даже в ИЕ 5.5

    Asked by 7ion, July 3, 2011

    0 votes
    5 answers
20. Проблема с фиксированым подвалом

    Здравствуйте. Есть такая проблема: у меня есть фиксированый подвал, но он накрывает контент(Скриншот). Как мне зделать, чтобы контент поднялся выше подвала, если контент и боковые панели находятся в класе .layout, а подвал в .foot. Ниже приведен CSS Код .layout{ margin: auto; position: relative; width: 95%; } .foot{ background-color: rgba(198,214,229,0.8); bottom: 0; left: 5%; width: 90%; position: fixed; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } Если нужна дополнительная информация, пишите.

    Asked by Z3RO, July 3, 2011

    0 votes
    16 answers
21. Проблема с дивами!

    Здраствуйте ! Есть три блока : Главный по центру (980пх), слева и справа прилагаеться картинка в блоке (бг, 23*480). справа блок с картинкой стыкуеться с центральным(флоат), а как сделать так, чтобы блок слева стыковался к центральному блоку а не к левой стенке? Спасибо! ПС. Можно и не блок, главное, чтобы картинки были справа и слева основного блока! Заранее благодарен! С уважением, Андрей!

    Asked by Vendetta-V, July 3, 2011

    0 votes
    16 answers
22. Вёрстка таблицы CSS

    Доброго времени суток!! Делаю первые шаги в html/css/ Столкнулся с такой проблемой. Порылся в нете, почитал. Но так и не нашел ответ на свой вопрос. У меня есть таблица, которой задан CssClass main_table, для ячеек шапки таблицы задан класс table_head. В table_head указано, какие границы у ячеек должны быть, какого цвета. Но они перекрывают границы таблицы справа! Таким образом у правой ячейки шапки таблицы граница как у ячеек, а не как у таблицы! Как убрать перекрытие границ? border-collapse пробовал. Но ячейки продолжают перекрывать границы таблицы((( Вот класс ячеек шапки и таблицы: .table_head { border-bottom: 1px solid #цвет1; border-right-style: solid; …

    Asked by K_V, July 5, 2011

    0 votes
    16 answers
23. Проблема с отступами

    Ссылка В отступах для меню написано: padding-top: 65px; Измерил через measureit - плагин для лиса. Там 70px. Для логотипа стоит padding-top: 60px; а там вообще почти 80. Почему так? А если использовать обычный спрос css * { margin: 0; padding: 0; } То расстояние увеличивается еще на 1-2 пикселя. Ссылка Подскажите пожалуйста, как решить проблему? Смотрел через firefox 4.01.

    Asked by Rustick, July 3, 2011

    0 votes
    1 answer
24. Шрифт выглядит по-другому

    Вот как логотип выглядит в фотошопе. А при верстке по-другому, хотя отверстал как в фотошопе: font: 43px Georgia; color: #adb3b7; Смотреть В чем проблема?

    Asked by Rustick, July 3, 2011

    0 votes
    6 answers
25. Подскажите как это реализовать

    В общем на сайте http://edinros.samara.ru/ на главной странице посерёдке находится новостной блок, который при выборе заголовка новости слева отображает соответствующую фотографию. Подскажите как такое можно реализовать при помощи HTML и CSS ? Заранее спасибо.

    Asked by aa.int, July 3, 2011

    0 votes
    12 answers