HTML Coding

29542 questions in this forum

1. помогите с семантикой!

   http://pixs.ru/showimage/htmltaskpn_9324633_4961311.png подскажите, пожалуйста, какими тегами делать, очень важна семантика!!!!!!!!!!!!!!! —-Доверьтесь тем кто знает свое время —-Пресс-центр - теги для назвния статьи и даты —-Наши координаты- теги для телефона и имейла

   Asked by olechic, June 5, 2012

   0 votes
   9 answers
2. Прозрачный iFrame

   Прозрачность iFrame реализована через CSS: body {background: url(bg.jpg) no-repeat center center fixed; background-size: cover;} iFrame {width: 79%; height: 87%; background-color: #000000; color: #ffffff; margin-top: 1%; opacity: 0.6;} Проблема в том, что кроме фона прозрачным становится всё содержимое. Возможно ли сделать прозрачный фон, с непрозрачным содержимым, но самое важное, чтобы background-color оставался чёрным? Пытался решить проблему с помощью js (динамическое изменение свойств), но слабые познания не дают продвинуться. Заранее спасибо.

   Asked by Ingrediamur, June 5, 2012

   0 votes
   3 answers
3. в ie 7,8 не отображаются шрифты

   в ie 7,8 не отображаются шрифты добавленые через @font-face @font-face { font-family: 'Conv_PFDinTextCompPro-Italic'; src: url('../fonts/PFDinTextCompPro-Italic.eot'); src: local('?'), url('../fonts/PFDinTextCompPro-Italic.woff') format('woff'), url('../fonts/PFDinTextCompPro-Italic.svg') format('svg'), url('../fonts/PFDinTextCompPro-Italic.ttf') format('truetype'); font-weight: normal; font-style: normal; } Подскажите пожалуйста в чём может быть проблема.

   Asked by ruvi, June 5, 2012

   0 votes
   3 answers
4. Текст обтекающий картинку

   Такая вот проблема, при открытии ява-спойлера текст не сдвигается вниз, оставляя блок пустым, а обтекает картинку. Приmер http://beltravel.16mb.com/2012/06/orsha/ "нажмите на "Водяная мельница" Как от этого избавиться? помогите.

   Asked by bu3i28, June 5, 2012

   0 votes
   2 answers
5. Прозрачность "Opacity"

   Есть div блок с "opacity: 0,2" И внем текст span, мне нужно что бы span был opacity:1 !important;, но он не реагирует!? в чем ошибка?!

   Asked by Zzz_, June 5, 2012

   0 votes
   5 answers
6. Валидатор

   Как вы считаете, стоит ли придерживаться мнения валидатора или послать его к чертям?

   Asked by Andrew_las, June 5, 2012

   0 votes
   27 answers
7. на разных компьютерах разный результат

   Добрый день! Я новичок в верстке. Дома сделала сайт, подогнала в PixelPerfect, принесла на работу - всё совершенно по-другому. Текст практически не совпадает, текстовые поля вдруг стали другого размера и перепрыгнули на другие строки (дома с картинкой совпадало поле size=32, а на работе уже 30). Подгоняла только под FireFox. В чем может быть причина, и что с этим делать? Размер экрана на работе больше. Может я на какую-то нету кнопочку в PixelPerfect нажала. Не помню какая версия Фаерфокса дома. Может быть, что это из-за того, что версии не совпадают? Кто-нибудь уже сталкивался с такой проблемой?

   Asked by nadiushka85, June 5, 2012

   0 votes
   1 answer
8. сложный фон

   объясните пожалуйста хотя бы на словах(но лучше с примерами) как можно сверстать блок privacy policy такого макета. трудность в том, что блок должен растягиваться по вертикали в зависимости от количества контента. при этом левый и правый края блока должны выглядеть такими же зазубренными, без нарушения структуры

   Asked by cyklop77, June 5, 2012

   0 votes
   7 answers
9. Мусор в коде

   Здраствуйте ,надеюсь кто либо мне поможет.. И так начнем есть сайт http://school648.org/ которому уже 4 года и который я создавал и делал в 14 лет Сейчас я ответственный за сайт ,хоть уже и закончил школу ,но нные $ за него я получаю.. На сайте больше 500 страниц и заполняют его некоторые педагоги в чем и заключается проблема.. Меня лишь иногда просят добавить некоторые новые страницы,пункты в меню ,добавить ссылку. Уже несколько лет мучает проблема от которой было лень избавляться и вот наступил тот момент когда уже пора ее решать ,на сайте когда педагоги добавляют страницу происходит добавления кучи мусора в код сайта ^^ Пример: Вот так выглядит код при изменения цве…

   Asked by Skooter, June 5, 2012

   0 votes
   1 answer
10. DIV с динамической высотой

    всем привет, можете подсказать как сделать DIV'футера с динамической высотой. То есть чтобы он прилипал к низу страницы и растягивался до предыдущего блока, если у предыдушего блока высота уменшается высота футера увеличивался.

    Asked by best_master, June 5, 2012

    0 votes
    7 answers
11. Как сделать интерактивные маркеры на изображении?

    Добрый день. Подскажите, пожалуйста, как сделать интерактивные маркеры на изображении, при наведении на которые будут всплывать блоки с текстом? Пример. Может, у кого-нибудь есть ссылки на туториалы, как делать что-нибудь подобное?

    Asked by Subcomandante.A, June 5, 2012

    0 votes
    2 answers
12. почему размеры шрифта на макете и на сайте так различаются?

    Например: 1. В фотошопе смотрю параметры шрифта: 2. пишу в css: span {font: 12pt Arial, sans-serif} 3. текст на макете: отображение в хроме (в других примерно также): Подскажите пожалуйста, почему такие различия?

    Asked by sfc, June 5, 2012

    0 votes
    13 answers
13. z-index

    помогите пожалуйста решить проблему на странице z-index блока .header .nav_top_1 ul li a.punkt_1 больше чем z-index блока .wrap .leaf_top_left . однако блок .wrap .leaf_top_left всё таки перекрывает блок .header .nav_top_1 ul li a.punkt_1 в частности и блок .header .nav_top_1 в общем в результате невозможно кликнуть по пункту меню. хотелось бы чтобы меню было кликабельно

    Asked by cyklop77, June 4, 2012

    0 votes
    3 answers
14. DIV поверх изображения

    Всем доброго времени суток, посоветуйте как расположить div поверх изображения при такой структуре <div id="content"> <div id="text_content"> Text here..... </div> <img src="pic.jpg" /> </div> Изображение должно быть на весь блок #content , a #text_content поверх изображения Главное чтобы не было div'ов с position:absolute , ну чтобы #content растягивался в зависимости от содержимого #text_content Спасибо.

    Asked by romanov, June 4, 2012

    0 votes
    5 answers
15. Сложное обтекание картинок

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

    Asked by knyazvs, June 4, 2012

    0 votes
    6 answers
16. Позиционирование footer absolute

    Помогите плиз уже два дня мучаюсь. Есть код в котором многое прописано с помощью position: absolute; Главное что так прописан и footer. вот кусок кода: HTML: <div id="footer_carrier"> <div id="footer"> <div id="footer1"> <div id="footer_text"> Праздничные и фасадные работы для Вас и Вашей семьи! </div> </div> </div> </div> CSS: #footer_carrier{ background: url(pics/footer_border.gif) top left repeat-x; height: 50px; width: 100%; position: absolute; top: 100%; } #footer{ background: #ebebeb; height: 65px; margin-top: 3…

    Asked by tarkinsky, June 4, 2012

    0 votes
    2 answers
17. Table + position: absolute + height = ...

    Тестовый пример безобразия: http://jsfiddle.net/SYhDr/1/ Задача элементарная: нужно отпозиционировать табличку к правому краю и растянуть на определенный процент контейнера заранее неизвестной ширины и высоты. Казалось бы, проблем нет: при абс. позиционировании 100% высоты всегда известны (это фактическая высота containing block'а — предка с position: relative), подставляй числа и радуйся. С обычным дивом так и выходит. Но с табличкой ожидаемый результат получается только в Опере и... IE8. Хром 19, Сафари 5.1.5 и Огнехвост 12 в один голос отказываются растягивать табличку на заданную высоту, а в IE9 и вовсе происходит леденящий душу маразм. Причем пунктом 17.5.3 спеки (ка…

    Asked by SelenIT, June 4, 2012

    0 votes
    8 answers
18. вопрос по wordpress?

    Подскажите , как можно для определенной темы вордпресс header сделать уникальным?

    Asked by olechic, June 4, 2012

    0 votes
    1 answer
19. Отступ

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="VERtuoz" /> <title>Отступ</title> <style> body{ text-align: center; margin: 0; padding: 0; } #one{ width: 1024px; height: 512px; margin: 0 auto; text-align: center; background: #f00; position: relative; } #two{ width: 640px; height: 256px; margin: 15px auto; background: #0f0; position: relative; } </style> </head> <body> <div id="one"> <div id="two"> …

    Asked by Zzz_, June 4, 2012

    0 votes
    3 answers
20. Проблема с настройки cgi скриптов на локальном сервере

    httpd.conf: Единожды! скрипт сработал без ощибок. Далее что то изменил и опять все слетело. Помогите пожалуйста.

    Asked by mistic1282, June 4, 2012

    0 votes
    0 answers
21. Горизонтальное меню в див-блоке (я просмотрел все темы по поиску)

    Ребята привет. сайт 3d-journal.ucoz.ru Разместил меню в левом блоке div (LeftMenu), потом решил его делать в верхнем блоке (под header (картинка с космосом), это блок header 2. В левом блоке меню разместилось очень просто HTML <div class="LeftMenu"> <a class="menu" href="Форум.htm">Новости</a> <a class="menu" href="Уроки.htm">Уроки</a> <a class="menu" href="Видеоуроки.htm">Видеоуроки</a> <a class="menu" href="Журнал.htm">Журнал</a> <a class="menu" href="Галерея.htm">Галерея</a> <a class="menu" href="Download.htm">Download</a> <a class="menu" href="Форум.htm">Форум</a> &l…

    Asked by Eugene-N, June 4, 2012

    0 votes
    14 answers
22. соприкосновение div при изменении разрешения

    Проблема при разном разрешении экранов. Как должно быть в идеале (разрешение 1600): А вот что получается при разрешении 1280: Код такой: Центральный блок: margin: 0px auto; width: 1000px; Чат: position: absolute; right: 5px; Сначала я сделал, что для чата следующее: left: 1200px и при разрешениях 1280 и 1600 все было хорошо. Но когда пошел к начальнику и у него разрешении более 1600, там был уже косяк... Как сделать так, чтобы при разрешении 1280, не накладывался чат на центральный блок? Например, чтобы он уходил правее (скроллингом прокручивать вправо). Полный размер:

    Asked by SLameN, June 4, 2012

    0 votes
    10 answers
23. Растягивание блока по высоте

    Почему content не растянулся на весь экран браузера? из за этого футер не прижат к низу. wrapper растянут, content тоже должен был растянуться т.к. у родительского высота указана на всё окно, так и дочерний должен был растянуться, при height: 100%;min-height: 100%; <html> <body> <div class="wrapper"> <div class="header"></div> <div class="content"></div> <div class="footer"></div> </div> </body> </html> html, body { height: 100% !important; } .wrapper { width: 100%; min-width: 940px; background: black; position: relative; height: 100%; height: auto!important; min-height: 100%; height: 100%; margin: …

    Asked by lunozwetka, June 4, 2012

    0 votes
    2 answers
24. проблемы с бэкграундом у фиксированого макета

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

    Asked by chiffenok, June 4, 2012

    0 votes
    9 answers
25. Наложение блоков div друг на друга

    Добрый день! Не очень опытна в верстке блоками, поэтому хотела бы обратиться за помощью и подсказкой. Нужно сделать вот в таком виде: Я тупо решила это, позиционируя блоки с relative. Но что-то мне подсказывает, что решение очень неудачное, и все может сползти... Возможно как-то можно решить с помощью margin? Пока в голову не приходит как именно. Плюс желательно, чтобы блок2 и текст2 могли смещаться вправо, допустим до красной линии.

    Asked by m2141, June 4, 2012

    0 votes
    6 answers