HTML Coding

29,542 questions in this forum

1. Как сверстать заголовок?

   Вот что надо получить: лого и название компании есть единая ссылка, причем название отцентрировано относительно лого. Этот блок + телефон с адресом отцентрированы по вертикали в отдельном контейнере А вот попытки: <div id ="preheader"> <a href="/" alt="ООО Агроминералпро">ООО "Агроминералпро"</a> <div id="contact"> <span> <p>(8793)38-35-87</p> <p>г. Пятигорск, ул. Ермолова, д.12А</p> </span> </div> </div> CSS: #preheader{ margin: 5px auto; width: 1000px; height: 70px; border:1px solid black; vertical-align:middle; display:table-cell; position:rela…

   Asked by borus, October 21, 2011

   0 votes
   6 answers
2. проблемы с @font-face

   Трудно объяснить в чём проблема, но правило не срабатывает! Без проблем работает в IE с его oet-ами... Опера отображает только один из двух шрифтов. Фокс ни одного! В чём может быть проблема? ссылки перепроверил - срабатывают (по крайней мере браузер предлагает сохранить файл) есть несколько вопросов по синтаксису: family надо записывать в кавычках или без разницы? должно ли название файла совпадать с тем что прописана в файле шрифта? можно ли использовать в правиле font варианты начертания: файл шрифта bold - в правиле надо указывать font:bold... или font:normal... мог ли браузер как-то хитро закэшировать предыдущие версии шрифта и отдавать их? Какие есть варианты - как …

   Asked by Nanto, October 21, 2011

   0 votes
   9 answers
3. html + css в разных браузерах

   День добрый. Создал таблицу на сайте http://www.pelekan.ru/main/City_adventures_in_Moscow, http://jsfiddle.net/LFXyj/ Проблема в том, нормально отображается только в firefox, в opera и chrom таблица не вся цветастая, а в IE вообще ужас. Как решить проблему, что нужно добавить?

   Asked by kom-pik, October 21, 2011

   0 votes
   6 answers
4. Нестандартный шрифт, кириллица

   Всем привет. Подключаю шрифт, все ок, на англ. раскладке все подхватывается, на русской раскладке нечего не изменяется, стандарнтый Arial. В чем может быть проблема ?

   Asked by lolka84, October 21, 2011

   0 votes
   7 answers
5. Разное отображаение кнопки [type=submit] в Опере/IE и FF/Chrome

   http://jsfiddle.net/NZLqu/1/ В Опере все пучком, а в FF и Хроме надпись уезжает вниз и при нажатии смещается вправо, а не вниз. Пока пошел на компромисс - добавил padding-bottom:3px; чтобы поднять надпись. В Опере правда она на пиксель смещается вверх.

   Asked by SEObomj, October 21, 2011

   0 votes
   6 answers
6. подвал уползает вниз

   помогите пожалуйста решить проблему с подвалом. на этой страничке при небольшом количестве текста в колонках подвал располагается ниже уровня экрана. при большом количестве текста это не критично. у меня не получается сделать так чтобы при небольшом количестве текста подвал был прижат к нижней части экрана в пределах видимости. приём с footer correct не помогает в моем случае

   Asked by cyklop77, October 21, 2011

   0 votes
   2 answers
7. Экстра разметка

   Здесь многие ее упоминают, но редко, когда дают понять, что подразумевают под этими словами. Так и до конца не смог понять, что на самом деле это означает. Может не все тоже понимают о чем идет речь и используют эти слова, чтобы произвести впечатление и этим возможно сбивают остальных. За все это время я узрел только два применения подобных слов. Это когда обсуждалась верстка формы на прошлом конкурсе..где якобы psywalker ее употребил для будущих каких-то возможных целей (расширяемости) и в других местах, где люди использовали для верстки хитроумного дизайна, где без дополнительных пустых тегов не обойтись...Так что на самом деле скрывается под этими словами?

   Asked by Svatov, October 20, 2011

   0 votes
   1 answer
8. Помогите обуздать эксплоер

   В очередной раз сталкиваюсь с проблемой отображения сайта в гребаном эксплоере. В ФФ и Сафарике все тип-топ, ну а этим аристократам IE не иметься, а наплевать на них никак нельзя. Вот на этом сайте http://novosib.su/ правый сайдбар уходит вправо по отношению к хедеру. Новостной блок отображается также коряво. Вся проблема в центральном блоке, где выводятся категории каталога и поисковая форма, потому что простые страницы с простым текстом или таблицами показываются так как надо. В чем тут соль? Уже пару дней голову ломаю, как подлечить эту проблему. Если есть возможность подскажите!

   Asked by Sanadam, October 20, 2011

   0 votes
   1 answer
9. Фон и подвал внизу страницы

   Ребят, не могу разобраться, возможно ли мне тут: http://exphp.tmc-center.ru сделать фон (справа внизу) как задумывалось? Помогите, пожалуйста

   Asked by Nikoole, October 20, 2011

   0 votes
   3 answers
10. Страница на базе 960gs - в IE6-8 не обображается полность.

    Проблема такая - сверстал на базе 960gs страницу dvorec-online.ru/test2 В IE9, FF, Opera, Safari все ок, а вот в более ранних IE грузится только полстраницы (аккурат после баннера ничего нет) W3C серьезного криминала как я понял не находит. <!DOCTYPE HTML>. Грешил на удваивание margin старыми IE (должно лечиться float:left - ноль реакции). Сам 960gs никак не модифицировал. В какую сторону еще посмотреть? Заранее спасибо.

    Asked by antandr, October 20, 2011

    0 votes
    2 answers
11. overflow: hidden и z-index

    У меня есть внешний div, который формирует белый фон для контента страницы, у которого было свойство overflow: hidden; Вокруг него лежит текстурный background страницы. Логотип я разместил в headerе, который был внутри указанного дива с overflow: hidden;. Попытался поднять лого с помощью position:relative и top: -100px, чтобы он оказался выше дива на текстурном фоне. Применял z-index и position подходящие для внешнего дива, чтобы лого вышло наверх, но пока не убрал overflow: hidden лого вверх не прошло. Выходит overflow: hidden; главнее z-index? Вот чего надо было добиться: Это так и делается обычно, с помощью position:relative и top: -100px?

    Asked by borus, October 20, 2011

    0 votes
    7 answers
12. Маленький вопрос

    Где то слышал или видел что размер элемента можно задавать символом * , тогда элемент займет оставшуюся часть родителя. Как правильно это сделать ? И еще... Как между элементами со свойством display:inline-block убрать отступ(слева и справа)?

    Asked by fragilewelldone, October 20, 2011

    0 votes
    1 answer
13. Размещение блоков с контентом

    Здраствуйте! Хотел бы узнать у вас, как делается подобный макет? Что мы имеем? (1) "Подложка" фиксированной ширины(по центру экрана) на которой размещаются контейнеры с контентом (2) Несколько блоков на "Подложке", а именно: Шапка, меню, два-три контейнера под меню(Там Мб личный кабинет, теги и тп), 5-7 контейнеров, расположенных справа от меню, в которых предпологается размещение новостей, подвал под всем этим делом ( Забыл нарисовать, но да ладно, с ним не возникает проблем) Итак, вопрос, как грамотнее всего реализовать данный макет? У самого были такие варианты: - с помощью position:fixed(left, top, right и bottom) попытаться все эти блоки разместить на "подложке". …

    Asked by OlegLont, October 20, 2011

    0 votes
    3 answers
14. Эффект "Растирка" (smudge) в CSS3

    Добрый день!!! Возникла необходимость добиться данного эффекта для оформления содержания. Загнутые уголки не подходят нужен именно "вытянутый" эффект... Возможно сотворить сие чудо или придётся по старинке подпихивать картинку? Заранее спасибо!

    Asked by Anuksanomun, October 20, 2011

    0 votes
    8 answers
15. Как убрать вертикальный скролл если высота 100%

    Добрый день! Второй день мучаюсь не могу найти ничего по данной проблеме! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>test</title> <style> html, body { height: 100%; widht: 100%; padding: 0; margin: 0; } .wrap{ height: 100%; width: 100%; padding: 0; margin: 0; position: relative; } .header{ height: 50px; width: 100%; background: blue; } .content{ height: 100%; min-height: 100%; padding: 10px 0; width: 100%; background: yellow; } .footer{ display: table-row; height: 30px; width: 100%; background: re…

    Asked by pati, October 20, 2011

    0 votes
    3 answers
16. два div'а одинаковой высоты

    Понимаю что тема уже избита, но всё же. У меня есть два div'а, у одного "float:left", другой просто обтекает + они завернуты в общий блок div. Цвета фонов разные, причем у левого есть ещё рамка. Не получается сделать высоту одинаковым. Ставил обоим div'ам "display:table-cell", но и тут без проблем, если например сделать у одного из div'ов "padding:20px", то и у второго тоже "padding" становится 20px, а мне не надо так. Помогите люди добрые)

    Asked by dirtez, October 20, 2011

    0 votes
    3 answers
17. Валидация w3c

    При валидации на w3c заметил ошибку: Line 9, Column 36: The align attribute on the div element is obsolete. Use CSS instead. <div id="page-wrap" align="center"> Когда align переношу в CSS выходит такое: #page-wrap Свойство align не существует : center center Как правильно сделать, что бы пройти валидацию? index.html <!DOCTYPE html> <html> <head> <title>Лестница</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link rel="stylesheet" type="text/css" href="./css/style.css"> </head> <body> <div id="page-wrap"> <img src="./images/circle.png" alt="logo"> </di…

    Asked by klanessia, October 20, 2011

    0 votes
    4 answers
18. Всегда по центру, справа и слева рисунки

    Есть проблема на http://www.belva.ru/catalog/razdel/kabinety_palaty_posty/ Внизу под меню есть фильтр, не получается сделать его посередине и чтобы округлости были побокам. Не подскажите с этим справиться? Битый час уже извращаюсь.

    Asked by Tchorteg, October 20, 2011

    0 votes
    6 answers
19. ie7 несколько багов

    1. Есть меню построенное на списко-ссылках, обычное кароче, но ие7 некоректно отображает повторяемый по иксу ховер, немогу разобраться, я еще только учусь . 2. И второй, это минимальная высота у дива с повторяющимся фоном, я нашел фикс, прописал, но он почему-то не работает, на страницах типа галереи или новостей... может подскажет кто, где косяки... вот здесь

    Asked by resoursa, October 20, 2011

    0 votes
    3 answers
20. yandex опять пустое место показывает! как починить?

    Приветствую, Вроде получалось победить яндекс, не было пустого места слева, причём мне этот способ подсказали в техподдержке яндекса. но на днях способ просто перестал работать. а техподдержка молчит. css для яндекса у меня: первые две команды - убрать привязку строки поиска - работает и сейчас, но третья строка раньше убирала пустое место слева. сейчас она ничего не делает. .b-head-floater_fixed_yes{display: none;} .b-scroll{display: none;} .b-page-layout__column-proxy {margin-left: 0 !important} я пробовал найти, что отвечает за появление прорехи и нашёл - смотреть вложенный рисунок. но - не получается переопределить. как мне переопределить для яндекса .b-serp-item { …

    Asked by tte, October 20, 2011

    0 votes
    5 answers
21. Проблемы с сочетанием css свойств position,overflow и white-space в Opera

    Здравствуйте! Написал небольшой скрипт для слайдшоу. Для примера: Есть список состоящий из 7-ми изображений: <div id="galery"> <div class="previous"><a href="#">Назад</a></div> <div class="container"> <ul> <li><a href='anketa.php?id=1&name=anketa1'><img class="anketa" src="img/1.jpg" /><img class='newMessage' src='img/newMessage.jpg' /></a></li> <li><a href='anketa.php?id=1&name=anketa2'><img class="anketa" src="img/2.jpg" /><img class='newMessage' src='img/newMessage.jpg' /></a></li> <li><a href='anket…

    Asked by Adel1ne, October 20, 2011

    0 votes
    0 answers
22. Кнопка твитер

    Добрый вечер! Как добавить вот эту кнопку в правом нижнем углу слоя?

    Asked by mylogin, October 19, 2011

    0 votes
    13 answers
23. RSS не отображается в браузере

    Всем привет! У меня такая проблема: не отображается rss в браузере в том месте, в котором он должен быть. Браузер просто его не замечает (ни один из rss, даже со сторонних ресурсов), хотя все вроде написано верно: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>XXX</title> <link rel="alternate" type="application/rss+xml" title="Форум htmlbook.ru RSS" href="http://forum.htmlbook.ru/index.php?app=core&module=global&section=rss&type=blog"> </head> Если кто знает в чем причина сообщите плз. Буду очень признателен за помощь.

    Asked by topwizard, October 19, 2011

    0 votes
    4 answers
24. Как можно разместить по горизонтали несколько картинок ?

    Как можно разместить по горизонтали несколько картинок ?

    Asked by Saturn, October 19, 2011

    0 votes
    11 answers
25. Как сделать рамку из текстуры?

    Возникла необходимость сделать рамку вокруг div'а, примерно вот так: http://miron.in/images/untitl-1319037614.png Различие в светлых и темных градациях серого можно отбросить, главное сам смысл - текстура с повторяющимся рисунком, обрамляющая блок. Проблема в том, что высота блока заранее неизвестна. Немного подумав (и погуглив) решил попробовать вариант с четыремя вложенными div'ами, каждый из которых можно залить такой текстурой и поставить по периметру. Но тут возникнет другая проблема - ведь текстура может и не совпасть. Еще читал про border-image, но он в IE вообще не работает. Что можно попробовать в такой ситуации?

    Asked by zusicks438, October 19, 2011

    0 votes
    8 answers