HTML Coding

29542 questions in this forum

1. флоаты

   Добрый всем день. Вот хочу что бы вы поделились опытом верстки. есть к примеру три блока у которых стоит (float:left; и какая то ширина), что нужно сделать что бы блок который идет следующим нормально отображался? я делаю так: - или делаю этим блокам обвертку и прописую такие стили overflow:hidden; ( height:1%; width:100%; в зависимости что удобней; - или следующему блоку clear:both; кто ещё какие способы знает?

   Asked by mini, September 21, 2009

   0 votes
   5 answers
2. адаптивная карусель

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

   Asked by stan07, January 6, 2016

   0 votes
   4 answers
3. Перенаселение div'ов или как верстать правильно?

   Я смотрю на современные сайты и их исходный код. Потом я смотрю на то, какой получается верстка, благодаря bootstrap и ему подобных css-фреймворков. И у меня зреет далеко не новый вопрос - как верстать? Чтобы выровнять тот или иной блок, приходится прибегать к тому, что мы плодим бесконечные <div>. Для каждого пишем класс и разрабатываем его в лишних строках CSS. И подключаем еще один CSS с media queries, чтобы все получилось адаптивно... Да, сейчас к нам приходят flex и это здорово! Это как раньше была замена табличной верстки или введение анимаций. Но семантика рушится. Раньше я ориентировался на What Beautiful HTML looks like, но сейчас это далеко не вс…

   Asked by Libiros, August 2, 2017

   • div
   • cемантика
   • скорость загрузки
   0 votes
   5 answers
4. Верстка адаптивного дизацна. Сетка

   Ни разу не верстал сеткой. Раньше мне попадались макеты, и там вертиальными линиями были колонки. Щас вот решил сверстать следующий макет. В шапке несколько горизонтальных линий, че к чему ?) я делая сетку это тоже как то учитывать должен ??? а еще, колонка как бы одна большая ? и в мобильная версии оодна, но меньшего размера и в большой версии как мне кажется, должна быть линия разделения двух изоображений(контейнеров), то есть там 2 блока должно быть на сколько колонок нужно бить ? по своему усмотрению ? я вижу, что можно на четыре побить, не больше, судя по шапке можете пояснить эти моменты

   Asked by SnowSilver, October 29, 2017

   • сетка
   • адаптив
   0 votes
   11 answers
5. Каждый раз разное видео на сайте

   Доброго времени суток. У меня на обычном лендинге есть видео с ютуба. Цель - чтобы каждый раз включалось разное видео(их около 10). Все видео присутствуют на канале ютуба. Я как подозреваю данный функционал возможен при вмешательстве php либо javascript. Возможно так же есть где-то готовый скрипт, выводящий целый канал на сайт и каждый раз включается разное видео с этого канала. В общем, прошу вас помочь мне в данном вопросе. Сайт - https://kvestvnore.ru/ Код видео <div class="t347__video-container t347__hidden" data-content-popup-video-url-youtube="ZiJEJPZrkW8"> <div class="t347__video-carier"></div> [/HTML]

   Asked by guram07, June 9, 2018

   0 votes
   7 answers
6. Появление горизонтальной прокрутки. Слой, вылезающий за рамки

   Имею это. Как сделать так, чтобы горизонтальной прокрутки не появлялось, когда слой не помещается на экране. В данном случае нужно чтобы оставаясь на том же месте, голова не создавала горизонтальной прокрутки.

   Asked by 100kd, October 4, 2008

   0 votes
   4 answers
7. div - две одинаковые в высоту колонки

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

   Asked by SleepWalker, February 26, 2009

   0 votes
   2 answers
8. Отступ текста снизу - 3px

   Народ, в ряду есть несколько ячеек и я хочу чтобы текст в каждой из них имел разный отступ по вертикали от нижнего края. Пример: ячейка 1 - отступ 2px, ячейка 2 - отступ 7px, и т.д. Подскажите, плз, как это грамотно сделать

   Asked by coldrain, October 1, 2009

   0 votes
   1 answer
9. Помогите с хитрым меню

   В общем я с таким сталкиваюсь впервые, так что прошу вашей помощи. Есть горизонтальное меню, пункты которого (тег li) не фиксированы по ширине и зависят от текста в них. Хитрость в том, что по бокам у этого пункта есть картинки и при наведении они должны меняться. Долго ломал голову и сделал через JavaScript. Но вот косяк из-за использования id: Дальше меня не хватило Вот ту выкладываю архив с данным меню: http://rghost.ru/3728840 Если кто знает как помочь, то можете править прямо в указанном мной шаблоне. Заранее спасибо!

   Asked by MiHALbI4, December 23, 2010

   0 votes
   8 answers
10. hCard

    Уже не первый день задаюсь вопросом: допустимо ли на странице использовать несколько блоков class="vcard", в каждом из которых будет отдельная часть информации, пригодной для данного микроформата? Ведь нормальная практика, когда дизайнер раскидывает информацию о компании: телефон в один угол, адрес — в другой, а название и вовсе в неожиданное место. И как-то это всё надо объединить в приемлемый для hcard-читалки вид. Хоть весь body делай с class="vcard". Но тогда уместно ли на такой страничке размещение class="hproduct"?

    Asked by swetlana, February 22, 2011

    0 votes
    5 answers
11. Вложенность <li>

    Добрый день. Делаю первый шаблон под джумлу, сейчас делаю меню, есть цель для каждого пункта сделать свой фон. есть такой код <div class="module_menu"> <div> <ul class="menu"> <li class="item55"> <a href="/index.php?option=com_content&view=category&id=37&Itemid=55"> <span>1</span> </a> </li> <li class="item56"> <a href="/index.php?option=com_content&view=category&id=36&Itemid=56"> <span>2</span> </a> </li> <li class="item57"> <a href="/index.php?option=com_content&view=category&id=35&Itemid=57"> …

    Asked by stone86, April 11, 2011

    0 votes
    12 answers
12. Убрать зазор и отцентровать по-вертикали навигацию

    Подскажите, пожалуйста. Есть такой код - http://jsfiddle.net/...tPCz8CJv/WuxvJ/ Он создан для чистого эксперимента. Но на последней стадии возник вопрос. Между ul и #head есть очень небольшой зазор по вертикали. Как мне его убрать и выровнять, чтобы li a был по центру (20px)? Пробовал line-height для a и li - не помогает, почему-то. Padding и margin - вообще не то. Подскажите, что не так? Ошибся - точнее, между ul и li зазор есть по вертикали.

    Asked by aaron, April 12, 2013

    • навигация
    0 votes
    9 answers
13. Что происходит с таблицей под DIVом в разных броузерах...???

    Код примера DIV за ним ТАБЛИЦА <!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> </head><head> <style type="text/css"> * { margin: 0; padding: 0; border: 0; } #s{ background: #FFFCDF; height: 50px; width: 100px; position: relative; float: right; } </style> </head><body> <div id="s"></div> <table width="100%" bgcolor="#C0E0B4"> <tr> <td> </td> </tr> </table> </body> </html…

    Asked by Serjinio, December 21, 2007

    0 votes
    3 answers
14. проблема с фоном

    пишу стилях background:#015099 url(images/bg.jpg) 50% 50% no-repeat; в ие все нормально работает, а в опере показывает только 50% картинки, остальные 50% уходят за рамки вверху страницы

    Asked by Ramshine, February 4, 2008

    0 votes
    7 answers
15. Перекрывание графических ссылок

    Здравствуйте, уважаемые знатоки! У меня возникла очень интересная проблема. Графическая ссылка (баннер) в правой панели на определенной высоте недоступна (как ссылка). А именно: выше нижней кромки изображения-шапки, находящейся справа. При смещении вверх правого меню навигации ссылки на том уровне тоже перестают работать. z-index указал, однако результата не последовало. Посоветуйте, пожалуйста, как решить сию задачу. (Сайт: www.nuriev.net). Заранее благодарю.

    Asked by Almaz-M, February 21, 2008

    0 votes
    8 answers
16. Эффект при передвижении мышки по меню

    Кто нибудь может помочь добавить эффект, по аналогии меню на www.tezar.us. А точнее переходов синей полоски.

    Asked by alkapone, April 17, 2008

    0 votes
    2 answers
17. Появление.

    Как сделать так, чтобы при нажатии на ссылку, экран затемнялся, и посередине появлялось окно с формой входа? Так сделана регистрация на ag.ru!

    Asked by vvsh, June 11, 2008

    0 votes
    4 answers
18. Подключение части кода при помощи JS

    Здравствуйте. Ситуация такая - есть некий сайт, где на всех страницах одинаковая менюшка. Необходимо как-то изменять е? не мучаясь со всеми страницами, а заменяя только какие-то части кода в одном файле. Возможности подключить этот файл с помощью PHP нет. Знаю, что можно так сделать при помощи JS, но не очень понимаю как это осуществить. Буду очень благодарна, если кто-нибудь подробненько напишет здесь об этом. Спасибо!

    Asked by cherry, August 4, 2008

    0 votes
    2 answers
19. Проблема: ширина ячеек в таблице

    Прошу прощения за нубский вопрос, но сам не пойму в чем проблема. В таблице один ряд из семи ячеек. Первые и последние три ячейки имеют фиксированную ширину. Центральная ячейка должна занимать всё пространство, не занятое остальными ячейками, но, если устанавить ей ширину 100%, то она начинает занимать всю область таблицы, игнорируя ширину остальных ячеек. <html> <head> </head> <body> <table height="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td width="10" height="100%" bgcolor="#7CFC00"> </td> <td width="150" height="100%" bgcolor="#8B4513"> </td> <td width="10" height="100%" bg…

    Asked by StrangeRRor, October 2, 2008

    0 votes
    7 answers
20. Разъезжается таблица в ie - помогите пожалуйста.

    Здравствуйте. Делаю свои первые шаги в html и совсем чайник в CSS. В нстоящий момент мне нужно сделать главную страничку на этом сайте интернет магазина продающего аэрогрили Проблема следующая - на главной странице есть таблица с товарами - фотки, названия, цена и описания. Вот эта таблица выглядит нормально в Firefox но разъезжается в ie (ячейки не 3 в ряд стоят а опускаются ниже). Я пробовал увеличивать их длину и ширину - не помогает. Что можно сделать в данной ситуации? Вот изначальный код который отвечает за эту таблицу (движок shop-script): <table align="center" width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <ul class="product_list"&g…

    Asked by astalavista, October 5, 2010

    0 votes
    4 answers
21. валидация страницы

    Как проверить HTML-файл на валидность? и как это важно. Прочитал на вашем сайте информацию, что файл html можно проверить на валидность PSPad-редактором, скачал этот редактор чё-то не могу разобраться как им проверять.

    Asked by EnerGizer, May 10, 2011

    0 votes
    11 answers
22. вертикальное меню html сайта с разделами

    Как создать вертикальное меню html сайта с разделами и чтобы в них были много страницы с статьями? И нумерация была страниц более одной (в разделе), как это реализовано в ворлдпресс и других смс. Только на языке html Например есть код: <ul class="vertical-menu"> <li><a href='/раздел1/' class='button'>Сайтостроение</a></li> ... </ul> <li><a href="#1" title="Главная">Главная</a></li> ... </ul> Какую ссылку подставлять под /раздел1/, или #1" title. Или просто вставлять новые ссылки (статьи) в соответствующий разделу (#1, #2,) документ html. Хочется чтобы было красиво и более автоматически, а не…

    Asked by dao742, September 18, 2012

    0 votes
    7 answers
23. Верстка обтекаемой таблицы

    Доброго времени суток! Прототип я сделал: http://jsfiddle.net/qRb52/ В нём несколько проблемок, которые хотелось бы решить. во-первых когда окно браузера сужаем, ячейки таблицы тоже начинают сначала сужаться до минимума, как этого избежать, чтобы они оставались квадратными при сужении и просто появлялся скроллбар?в браузере Opera (10.63 в моём случае) при выделении нескольких ячеек таблицы после каждой происходит мерцающее выделение всей таблицы до конца! (в Firefox этого эффекта нет и всё работает как надо). Как этого избежать в опере?Заранее благодарен.

    Asked by EDIsaev, May 28, 2014

    0 votes
    12 answers
24. Проблема горизонтальным меню , Когда открываешь сайт на другом мониторе то кнопки уходят вниз

    Нужна помощь с горизонтальным меню для сайта. Мне нужно чтобы в меню все кнопки были сверху вместе с логотипом и в нем не оставалось пустого места, и что-бы было у всех одинаковое и не съезжало вниз от того что у человека маленький монитор. Помогите решить данную проблему вот ссылка на меню: http://jsfiddle.net/u0tafr7v/ буду очень благодарен если поможете Вот на фото пример как нужно что-бы было на сайте при любых расширениях экрана у пользователя. А это что происходит при уменьшение браузера или с маленького монитора:

    Asked by TOTO, November 2, 2015

    • помогите
    • верстака
    • css
    • меню уходит
    0 votes
    5 answers
25. Как хранить операторы в переменной?

    var h = '+'; alert(5 h 5); Надо чтобы в переменной h был оператор +. Чтобы в сложении использовать его вместо знака '+'.

    Asked by aqua.77, January 13, 2017

    0 votes
    9 answers