HTML Coding

29542 questions in this forum

1. Ищу учителя веб-мастера!

   Друзья! Ищу себе учителя-наставника веб-сенсея! Есть базовые знания html, css Хочу научиться верстать сайты, стать "настоящим веб-мастером"! Готова учиться, выполнять задания! Спасибо)

   Asked by weblady, December 17, 2012

   0 votes
   7 answers
2. Нижний отступ у макета

   Почему при добавлении контента нижний отступ пропадает? Ожидаю вот такое поведение http://s1.ipicture.ru/uploads/20130918/7dzP0zRW.png а получаю http://prodpak.ru/site3/ Подскажите пожалуйста, в чем ошибка.

   Asked by Delat, September 29, 2013

   • макет
   0 votes
   3 answers
3. Выровнять ссылки по центру

   Помогите выровнять ссылки по центру сверху картинок... <div style="width: 100%; height: 1px; clear: both;"></div> <div style="width: 110px; height: 50px; float: left; margin-left: 0px; text-align: center;"><nobr><span style="display: block; font-size: 12px; font-weight: 700; padding-bottom: 5px; color: #cb2027;"><a href="/bronirovanie_gostinits/banya_sauna.aspx">Гостиницы или гостевые дома <br />с баней или сауной</a></span> <a href="/bronirovanie_gostinits/banya_sauna.aspx"><img width="210px" height="158px" src="/bania-i-sauna.jpg" alt="Баня и сауна" style="text-align: center;" /></a></nobr&gt…

   Asked by Guesto, October 21, 2014

   • display:block
   • margin:0 auto
   • text-align:center
   • align=center
   • center
   0 votes
   0 answers
4. Голосовой поиск на сайте

   Подскажите, возможно ли реализовать голосовой поиск на сайте? Вот такой http://prntscr.com/55pwhl Копал в Нете, есть примеры, полно, например http://www.instantcms.ru/blogs/primochki-dlja-instantcms/golosovoi-poisk-po-saitu.html также http://www.askdev.ru/blog/webdev/51/%D0%93%D0%BE%D0%BB%D0%BE%D1%81%D0%BE%D0%B2%D0%BE%D0%B9-%D0%BF%D0%BE%D0%B8%D1%81%D0%BA-%D0%B4%D0%BB%D1%8F-%D1%81%D0%B0%D0%B9%D1%82%D0%B0/ Но это все старое и не работает, внедрял. Кто сталкивался с такой задачей, подскажиет как реализовать.Может есть мримеры сайтов, где это реализовано (кроме Гугла главной), подкиньте. Спасибо.

   Asked by _Alexanred_, November 12, 2014

   0 votes
   2 answers
5. Можно ли вкладывать hr в div

   Добрый день! Не могу разобраться со вложенностью элементов. Можно ли hr-тэг засовывать в div? В общем у меня есть класс на php который парсит шаблоны, и этот класс выдает fatal error, когда находит hr внутри div, а hr между div его совсем не напрягает. Вот хотел бы узнать где можно почитать про вложенность тэгов.

   Asked by McLotos, April 7, 2015

   0 votes
   4 answers
6. Наложение слоя - оптимальный адаптивный вариант

   Добрый день! По задумке, в шапке должен быль логотип, наложенный на горизонтальную черту, проходящую по всему экрану. Вопрос, как это лучше всего реализовать, для адаптивной верстки? Черта фоном? или <hr> или border, а сверху лого? Прошу помощи. Возможно, кто-то делал такое? Заранее спасибо!

   Asked by dron, December 21, 2015

   0 votes
   12 answers
7. Позиционирование под меню относительно главного меню средствами CSS

   Добрый день. Сижу над следующей задачей: 1. Есть левое боковое меню из ul, li 2. При наведении на пункт меню li, отображаю блок div с подменю. Но проблема в том, что если боковое меню ul высотою с экран, или более, то всплывающее подменю div (возле последнего пункта меню li) не полностью выводиться на экран, оно уходит за границу нижней часть страницы и видно не полностью. Решение вижу так: 1. Для верхних пунктов (li) меню (ul), всплывающее под меню (div) позиционирую свойством top. Если всплывающее под меню (div) отображается для самых последних пунктов (li) вертикального меню (ul), то в место свойства top:0; для div думаю использовать свойс…

   Asked by hitec, June 28, 2016

   0 votes
   3 answers
8. Якори

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

   Asked by Anuar03, May 23, 2017

   0 votes
   2 answers
9. Координаты активной области карты-изображения.

   Здравствуйте, я занимаюсь самообразованием и сейчас изучаю HTML. Хочу спросить, как задавать координаты активной области карты-изображения? Я поняла, что отсчёт координат ведётся от левого верхнего угла изображения и указывается в пикселях. Но как посчитать сами пиксели? Заранее спасибо. С уважением, Наташа.

   Asked by Наташа, January 23, 2022

   0 votes
   1 answer
10. Таблица по высоте

    Как наиболее правильно сделать вытягивание таблицы по высоте, если разрешение экрана (1280x1024)? Как лучше описать стиль css для таблицы?

    Asked by okunev2, February 5, 2008

    0 votes
    2 answers
11. Вопрос по ячейке таблицы.

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

    Asked by W. Watson, June 22, 2008

    0 votes
    2 answers
12. Белое поле при сдвигании слоя - как убрать?

    Здравствуйте! подскажите новичку запарился со слоями совсем, раньше таблицами делал, а сейчас дернуло разобраться с дивами вот есть два слоя с параметром position:relative; absolute не подходит, т.к. привязывается к краю окна один я сдвигаю вверх с помощью top: -800px; #msb1 {position:relative; Z-INDEX: 2; background: none; height: 250px; width: 260px; top: -800px;} #msb0 {position:relative; background: none; Z-INDEX: 1;} <div id="msb0">сам сайт высотой скажем в 1000 px</div> <div id="msb1">вставленный флэш высотой 250 px</div> естественно остается белое поле внизу страницы размером как раз 250px как от него избавится? не могу никак найти ответ, …

    Asked by da_and, January 29, 2009

    0 votes
    3 answers
13. блок с контэнтом прижать к футэру

    скачал шаблон чтоб сделать простенькую страничку, немного переработал но не получается прижать блок с контэнтом к верхнему краю футэра даже если контэнта мало вот ссылка http://winner07.ho.ua/

    Asked by AndreyT, May 11, 2010

    0 votes
    2 answers
14. не влазит

    есть сайт у него на 1024 не влазит центральный контент, там где фильмы. особенно это проявляется тут это получается из-за того, что слишком длинные имена как героев так и режиссеров. ну собственно я что хочу. Какое здесь может быть решение? Чтобы влезло? Убрать один столбец? Мне кроме как столбца ничего в голову не лезет. Ну еще как вариант кое где расстояния по убавить.

    Asked by npofopr, July 12, 2010

    0 votes
    4 answers
15. Немогу решить как нарезать...

    Asked by CEBEP, November 8, 2010

    0 votes
    7 answers
16. Трехколоночный макет

    Всем привет! Хотелось бы поинтересоваться у опытных людей =) Есть трехколоночный макет. Необходимо сделать так, что при удалении правой или левой колонки , центральная колонка занимает ее ширину. Интересует как это можно сделать на дивах для IE7,IE6. Понятно, что для других браузеров можно просто назначить табличное отображение средствами css. А для IE7,IE6 не понятно =( Заранее спасибо за ответ!

    Asked by Enita, June 18, 2011

    0 votes
    11 answers
17. hover для а с id

    Подскажите пожалуйста, как присвоить :hover для <a> с #id. Вот код, получается для тегов <a> нужен :hover. <div id="icons"> <a href="#" id="site_map_icon" title="Карта сайта"></a> <a href="#" id="cotact_icon" title="Контакты"></a> </div> div#icons { width:100%; height:25px; border:1px solid #f8f8f8; } #cotact_icon { width:12px; height:9px; background:url(../../img/cont_icon.png); display:block; margin:7px 40px 0 auto; } #site_map_icon { width:17px; height:9px; background:url(../../img/map_icon.png); display:block; float:right; margin:7px 10px 0 auto; }

    Asked by resoursa, August 11, 2011

    0 votes
    6 answers
18. валидатор

    <link href="http://fonts.googleapis.com/css?family=Roboto:400,100,300|Roboto+Condensed&subset=latin,cyrillic-ext"rel='stylesheet'> подключаю этот шрифт, не проходит валидацию. вот что пишет валидатор w3c почему так и как можно решить проблему?

    Asked by raptor-dm, April 5, 2015

    0 votes
    6 answers
19. Один ДИВ выше другого по коду, но ниже в шаблоне

    Есть 2 дива. Один должен быть выше другого по коду, но ниже по дизайну. Как это сделать - вот пример http://digit-video.narod.ru/css-school/2.html Я сделал, и вот что получилось http://mashintop.ru/announcement_auto.php?status=see_all_auto&town_id=1 Див заехал за футер Как это можно исправить??? Заранее размер никакого дива неизвестен.

    Asked by zsaz, October 10, 2011

    0 votes
    2 answers
20. div'ная верстка

    Здравствуйте вот решил заняться разработкой сайтов но возникли вопросы, если вы не против то все вопросы я буду задавать в 1 теме! 1 вопрос как сделать 2 блока в контейнере , 1 блок в левой стороне второй по центру , делал это с помощью функции float левый блок получается а вот как сделать по центру не соображу! вот мой коддинг))))) 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" lang="en"> <head> <title>Название страницы</title> <link rel="stylesheet" type="text/css" href="../css/style.css"> </head> <body> <d…

    Asked by Good Fucking Smile, November 6, 2011

    0 votes
    8 answers
21. помогите растянуть меню

    /* MENU */ #nav { width: 100%; background: #000000; float: left; margin: 0; padding: 0; border: 0px solid white; border-bottom: none; z-index: 999; } #nav li a, #nav li { float: left; z-index: 999; } #nav li { list-style: none; position: relative; width: 20%; z-index: 999; } #nav li a { padding: 1em 2em; text-decoration: none; color: white; background: #292929; background: -moz-linear-gradient(top, black, #3c3c3c 1px, #292929 25px); background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #3c3c3c), to(#292929)); border-right: 1px solid #3c3c3c; border-left: 1px solid #292929; border-bottom: 1px solid #232323; …

    Asked by bu3i28, July 4, 2012

    0 votes
    5 answers
22. Для nurlan_1992

    Здесь обрезанная версия, только с верхушкой. ты же говорил про ссылку которая вверху? Установи на Firefox firebug - getfirebug.com/, запусти его и там будет удобно просмотреть css и html код. Если будут какие-то вопросы задавай в этой теме. Ты там говорил про margin, а у меня та ссылка в блоке <div id="header1"> у которого внутри установлен padding, поэтому та ссылка так опускается #header1 { padding: 90px 18px 30px 173px; width: 210px; /*400 = 210 + 173*/ position: relative; float: left; background: url(../images/line.png) no-repeat right 48px; }

    Asked by Bava, November 13, 2012

    0 votes
    6 answers
23. Градиент текст в вебкит - не совпадает заливка шрифта

    http://jsfiddle.net/wPP2b/ (смотреть в хроме) Собственно - как видите сверху скриншот из фотошопа - а снизу сам шрифт, но заливка выглядит более темной - хотя я все значения взяла из фотошоп - начальный и конечный цвет заливки, но выглядит совсем по-другому. Почему и как поправить? Пробовала подогнать цвета - да вот что-то никак, все какое-то темное. В принципе как вариант пробую добавить поверх красного текста слой с градиенто, но как-то не выходит сделатьк расный перелив.....

    Asked by Zverushka, November 18, 2013

    0 votes
    14 answers
24. При наведении на ссылку, остальные должны темнеть (становится серыми) / JavaScript

    При наведении на ссылку, она должна оставаться такой-же яркой, а остальные должны темнеть. Вот код: HTML : <div class="menu_content"> <ul> <li class="home"><a href="#">Главная</a></li> </ul> CSS: .menu_content{ margin: 30px 0 30px 0;}.menu_content ul{ padding: 10px; vertical-align: middle; }.menu_content ul li{ margin: 3px 0 3px 0; list-style-position: inside;}.menu_content ul li a{ text-decoration: none; color: #404040; padding: 5px 20px; display: block; margin: 0 0 0 10px;}.menu_content ul li a:hover{ color: #010101;}.home{ background: ur…

    Asked by Dzvene, February 17, 2014

    • Html
    • CSS
    • JavaScript
    • jQuery
    0 votes
    4 answers
25. H1 внутри DIV откуда берется отступ

    Есть участок кода <div class="topblue"> <h1><?= $csm ?></h1> </div> <ul class="breadcrumbs"> <li><a href="#">111111</a></li> <li><a href="#">Фотографии</a></li> <li><a href="#">Море</a></li> <li class="current"><a href="#">Главные фотки на странице</a></li> </ul>Стили .topblue { background-color: #e6f1f8; /* padding: 2px $column-gutter;*/}h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, s…

    Asked by ekkl, March 31, 2014

    0 votes
    4 answers