HTML Coding

29,542 questions in this forum

1. Центрирование блока по горизонтали и вертикали...

   Доброй утро! Подскажите кто знает: как выровнять блок с телевизором по горизонтали и вертикали – так чтобы при минимальной высоте браузера этот блок не пропадал ,cкрываясь за верхнюю панель! Перепробовал все известные мне способы центрирования – не один не подходит... (последний из способов находиться по нижеуказанной ссылке...) Буду благодарен за помощь... P.S. Сейчас делаю заказ и сроки по серьёзному жмут! Это ссылка на страницу с проблемой: http://yamaradg.narod2.ru/history/indigo/index.html

   Asked by Yamaradg, September 11, 2011

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

   Такой вопрос: есть заголовки <h1>.....<h6> - по убыванию значимости. Как при вёрстке определить, какой заголовок в макете самый значимый, а какой - менее? Например, название раздела будет <h1>, подраздела этого раздела <h2>? Можете описать заголовки на примере сайта habrahabr.ru?

   Asked by OlegALL, September 11, 2011

   0 votes
   2 answers
3. Валидность JavaScript в html документе

   Помогите пожалуста исправить ошибку с валидацией. Есть облако тегов реализованное с помощь JavaScript, все ошибки исправил осталось иправить ещё одну. А вот сам скрипт: <script type="text/javascript"> function myTags(mytags){ mytags=mytags//<![CDATA[.replace(/<A/g, '<a')//]]> //<![CDATA[.replace(/\/A>/g, "/a>")//]]> //<![CDATA[.replace(/(\starget=_)(\w*)/g, ' target="_$2"')//]]> //<![CDATA[.replace(/(\sclass=)(?!")(\w*)/g, ' class="$2"')//]]> //<![CDATA[.replace(/(\sname=)(?!")(\w*)/g, ' name="$2"')//]]> //<![CDATA[.replace(/(\sid=)(?!")(\w*)/g, ' id="$2"')//]]> //<![CDATA[.replace(/(\srel=)…

   Asked by vadimcucherencko, September 11, 2011

   0 votes
   2 answers
4. атрибут accept

   accept не поддерживается в большинстве браузеров! как решить эту проблему??

   Asked by bot87, September 11, 2011

   0 votes
   3 answers
5. Первый раз

   Сверстал макет из вот этой темы, подскажите как выложить сюда на обсуждение, т.к. используются картинки, а тупо код вставить в таком случае будет не верно.. Может на файлообменник залить? Заранее извиняюсь если не доглядел где то тему с соответствующими инструкциями на этот счет.

   Asked by Lemming, September 11, 2011

   0 votes
   14 answers
6. Прошу помочь обьяснить!

   У меня есть id-селектор и внутри него я создал правило {color: #fc0; font-family: Georgia, Times, serif;} Так же у меня есть p {font-family:Arial;} и h2 {color:red;} . Внутри id селектора у меня есть теги( p и h2) но на них действует правило которое не id селектора вот не могу монять у id же больше приоритет над селекторами тегов.Почему что находится в id параграф и заголовок не изменяются. id я применил к <div> параграф и заголовок у меня в нем.

   Asked by mr.Dassler, September 11, 2011

   0 votes
   14 answers
7. ширина блоков в ie7

   помогите пожалуйста понять почему 2 колонки этой страницы ie7 отображает в вертикальном порядке, а нормальные браузеры в горизонтальном. возможно ли это исправить? ширину левой колонки я задал 75%, правой - 25%

   Asked by cyklop77, September 11, 2011

   0 votes
   6 answers
8. Как такое сделать?

   Привет всем! Вот делаю свой сайт на ВП и там пхп, который я еще не совсем гуд понимаю. Дело в том чтобы в выпадающем меню, нада сделать много пунктов (в ширину) Вот само меню Вот отгрызок из пхп <div class="header-menu"> <?php wp_nav_menu( array('fallback_cb' => 'blue_and_grey_page_menu', 'menu' => 'primary', 'depth' => '3', 'theme_location' => 'primary', 'link_before' => '<span><span>', 'link_after' => '</span></span>') ); ?> </div> А вот из ксс. Пробовал менять стили, но даже увеличив ширину понял, что если написать пять слов ширину, они всеровно будут одной ссылкой, так что надо менять пхп отгрызок, но я н…

   Asked by Shader, September 11, 2011

   0 votes
   2 answers
9. Иконки в выпадающем меню

   Есть выпадающее вниз меню и хотел слева от каждого пункта воткнуть маленькую иконку. Помогите плиз! Не получается! <form name="form" id="form"> <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)"> <option>Родители</option> <option>Дети</option> <option>Внуки</option> </select> </form>

   Asked by voproskin, September 11, 2011

   0 votes
   1 answer
10. Картинки в html5

    Нашел статью "Векторные иконки на HTML5 + JS" Там приведен код: paper.path(<код иконки>).attr({fill: "#000", stroke: "none"}); Есть коды различных иконок и js файл с http://raphaeljs.com/ Но в итоге ничего не выходит. По сути нужно в разных местах на странице (в большом количестве) напихать иконок (в основном в таблицу). Помогите пожалуйста. Сам в js не разбираюсь, а html5 в процессе освоения.

    Asked by Ururu, September 11, 2011

    0 votes
    3 answers
11. Проблема с сайтом

    Есть сайт http://www.vms-print.ru/ (CMS Joomla 1.5) Проблема: На локальной машине (Денвер) создал шаблон, оптимизировал его в браузерах Opera, FireFox, Chrome, Safari. При переносе на хостинг появился отступ с верху во всех браузерах кроме Opera, а так же в FireFox перестала работать border. Сначало грешил на хостинг) Залил не бесплатный, результат: отступ везде, в FireFox border не работает, в остальных норм. В чём может быть проблема? HTML <?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/…

    Asked by Demoni, September 11, 2011

    0 votes
    9 answers
12. Реализовать динамическую форму

    Есть таблица порядка 100 строк. Нужно чтобы по щелчку на строке таблица разделялась и под строкой появлялась форма. Соответственно в запросе формы имеет значение та строка под которой она открылась. Подскажите в какую сторону копать ?

    Asked by Seretyr, September 11, 2011

    0 votes
    2 answers
13. Помогите поровнять

    Друзья, что я делаю не так? .catwrap { display: inline-block; width: 320px; height: 290px; padding: 5px; } .category { margin: 0 0 0 10px; width: 200px; } h2.category { padding-top: 5px; padding-left: 10px; padding-bottom: 5px; background: #F90; background-image:url(<?php bloginfo('url'); ?>/wp-content/themes/build/images/h2side.jpg); background-position:top; position:relative; top:0px; left:0px; } .catlist { position:relative; top:-10px; width: 280px; height: 200px; border: #F90 solid 1px; margin: 10px; padding:5px; } Получаю А хотелось бы чтобы блоки стояли ровно (как в табличке, т.е. "Покер" и "Полезно знать" должны стоять на одной линии…

    Asked by kentastik, September 11, 2011

    0 votes
    2 answers
14. Горизонтальная прокрутка

    Доброго времени суток. Проблема такова, при сворачивании браузера, имеется ввиду "Свернуть в окно", на сайт не появляются горизонтальная полоса прокрутки, читал, не нашел где и каким образом это можно поменять, жду помощи от вас.

    Asked by Ichy, September 11, 2011

    0 votes
    7 answers
15. Картинка в центре DIV

    Имеется картинка всегда разной шириной и высотой. Контейнер шириной IMG+отступы, высота разная. Как мне расположить картинку ровно по центру DIV?

    Asked by Gold Dragon, September 16, 2011

    0 votes
    15 answers
16. Выпадающий список с поиском.

    Срочно понадобилась такая фича- пользователь кликает по текстовому полю, появляется выпадающий список с опциями. Пользователь может прокрутить список и выбрать нужную ему опцию или начать вводить название опции тем самым уменьшая количество вариантов, что бы не прокручивать и не искать в здоровенном списке нужное значение. Кто нибудь знает плагин реализующий подобную функциональность на JQuery?

    Asked by Titansword, September 12, 2011

    0 votes
    3 answers
17. Оформление цитат

    Нужно левую кавычку поднять чуть выше. Если задаю картинке отрицательный отступ, то ничего хорошего не выходит. Добавить сверху padding (по аналогии с закрывающей кавычкой) не дает результата - картинка пропадает за контент боксом. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> blockquote{ width:400px; padding:0 20px 0 0; text-indent:-16px; background:#ebebeb url(right_quotes.png) no-repeat 100% 100%; } blockquote:first-letter{ padding-left:16px; background:url(left_quotes.png) no-repeat 0 -5px; } </style> </head> <body> <blockquote>Главная идея книг…

    Asked by bob_24, September 12, 2011

    0 votes
    5 answers
18. Представление совместимости в IE

    Понимаю, что тема в каком-то смысле затасканная, но все-таки... Короче, к теме. Написал сайт, в лисе и опере всё ок. В ИЕ в отсутствие Доктайпа лажа, добавил Доктайп стало всё нормально. НО! Зашел позже с другого компа в ИЕ и увидел опять лажу. Оказалось, что в настройках браузера стоит галочка "Представление совместимости". Получается, если эта галочка стоит, даже Доктайп не помогает. В связи с этим 2 вопроса: 1.почему не действует в таком случае доктайп (ведь это прямое указание, в соответствие с каким стандартом представлять результат на странице)? 2.как с этим бороться? Человек, которому я делал сайт, об особенностях настроек слышать ничего не хочет, считая, что в люб…

    Asked by ListOFF, September 12, 2011

    0 votes
    5 answers
19. Масштабируемый бэкграунд с сохранением пропорций изображения

    Всем здравствуйте. Хочется поставить фотографию в качестве масштабируемого бэкграунда с сохраняющимися пропорциями изображения (без искажения) на всю ширину и высоту экрана монитора без прокрутки. Реализация по средствам html css, при этом обойтись без всяких скриптов. Пример сайта, который сделан так: http://firefly-photography.co.uk/ Протестировал его в разных браузерах при разных разрешениях мониторов - все отлично работает. Как добиться такого пропорционального масштабирования изображения? Всем заранее спасибо!

    Asked by Джиган, September 12, 2011

    0 votes
    1 answer
20. Проблема в расположении.

    Всем доброго времени суток! Возникла проблема при верстке. Пример: http://a.yfrog.com/img863/3923/ytrb.jpg Не знаю, как правильно расположить элементы. Думал, что два элемента сделать блоками. Указать им рамку с бордер-радиусом, а сверху наложить белый див (Про покупку и регистрацию). Тогда как расположить те элементы, что слева? Получается, мы на них слоем наложим блоки, верно? Их взять тоже в блок? Или как вообще лучше сделать, дайте совет, пожалуйста. Заранее спасибо.

    Asked by Sedacove, September 13, 2011

    0 votes
    6 answers
21. box-shadow на старых браузерах

    box-shadow на старых браузерах не работает (вот, если со зрением все ок то видно отлично полупрозрачный "бордер" http://xn--8-mtbvk1b.in.ua/) как сделать ему замену на старых браузерах? так как они ничего не показуют и это портит диз сайта +++++++++++++++++++++++++++++ Просто мне с ним ещё в соревнованиях участвовать а та нужна поддержка старых арбузеров

    Asked by T@NKIST, September 12, 2011

    0 votes
    2 answers
22. сужение окна...

    Добрый день! Друзья подскажите,пожалуйста,как пофиксить:при сужении окна правый блок наезжает на контент,а потом и во-все всё разваливается... шаблон выглядит: враппер>>шапка>>левый блок(флоат лефт,ширина фикс.)>>правый блок(флоат райт,ширина фикс)>>контент>>подвал

    Asked by milkeyway, September 13, 2011

    0 votes
    5 answers
23. бажок

    http://htmlbook.ru/layout/fiksirovannyy-podval 2 пример для ие6 смотрите)) подвал не полностю прилягает к низу страници если много контента в #content внизу страници видны части текста !!

    Asked by bot87, September 12, 2011

    0 votes
    3 answers
24. Кликабельная иконка справа сайта

    Добрый день добрые люди. У меня появилась неприятная проблема. Мне нужно сделать справа сайта иконку для перехода на английскую версию сайта. Я использую следующий код: <a href="http://parohia.md/en/" align="right"><img src="http://parohia.md/en/wp-content/themes/biserica_WP/images/Romania.png" align="right" width="50" height="50" style="padding-top:10px; padding-right:10px"></a> Но из за того что я поставил картинке align="right" она становится некликабельной. Как только ставлю её в див она смещает сайт вниз (следующие дивы). <div align="right"> <a href="http://parohia.md/en/" align="right"><img src="http://www.saprgrazia.com/gb.png" w…

    Asked by RetroGT, September 12, 2011

    0 votes
    8 answers
25. CSS. font-size: 24px/30px

    На одном сайте в коде встретил строку font: normal 24px/30px Arial; Что может значить указание размера шрифта через слеш? в стандарте такого не нашел, это какой-то хак?

    Asked by Razor, September 13, 2011

    0 votes
    1 answer