HTML Coding

29542 questions in this forum

1. html5; тег <picture>. Очень хитрое поведение.

   Пытаюсь в шапку сайта установит разные изображения адаптированные под размеры устройств. И столкнулся с интересным эффектом от которого мозги закипают. Проблема: картинки правильно показываются только при условии если переход по ссылке идёт с первого самого верхнего уровня меню. Если переход с дочернего уровня, то картинки нет даже запасного варианта только его alt. Но если поставить картинку фоном через css или одно изображение без тега picture, то всё прекрасно работает. Сайт на локальном и на джумле. Пробовал html вариант меню эффекта нет. Скипт отключал. В этих всё работает хорошо ссылки на первом уровне. <li class="item-101 current active"><a href="/index.…

   Asked by Пиксель, January 13, 2016

   • html5
   • css3
   • picture
   0 votes
   2 answers
2. Расположение пунктов выпадающего меню в IE

   Доброго времени суток Проблема забавна. Вот так меню должно выглядеть. Во всех браузерах, не считая белого фона у блока по высоте немного выше желтого, но содержимое выглядит нормально. http://prntscr.com/auhg0r А вот в IE11 и Safari выглядит вот так. http://prntscr.com/auhgv5 - IE11 http://prntscr.com/auhh9f - Safari Если я в убираю дисплей, то в IE11 глюк уходит, но тогда во всех остальных браузерах, в том числе и IE11, меню отображается, как в Safari .menu_dop ul li .menu_dop_wrap { display: inline-flex; } Вот коды меню. html <nav class="menu_dop"> <span class="vertical-text">Ремонт и обс…

   Asked by Mary_RND, April 20, 2016

   • html
   • css
   0 votes
   16 answers
3. Нижний отступ в слое

   #title { left:0px; top:0px; border: 3px solid white; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } <div id="title"><img src="/pictures/n-shap.jpg"></div> Проблема в том, что снизу между картинкой и бордером 3 пикселя пустоты. Как это исправить?

   Asked by Argnist, August 26, 2007

   0 votes
   4 answers
4. Проблема с выравниванием объекта в линию..

   Добрый день. Я так чувствую я уже 145 человек, приходящий с такой проблемой, но честно перепробывал все известные танцы с бубном, ничего не помогло. Есть Полоса: Вот так её плющит при маленьком разрешении экрана: #information { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; vertical-align:middle; color:#fff; font-weight: bold; list-style: none; padding-top: 4px; background:#10347B; margin:0px; margin-bottom:1px; margin-left:0px; height:20px; border:0px; white-space: nowrap; } #information li{ float:left; padding-left: 8px; padding-right:16px; background: url('img/crosser.png'); background-position: right center; background-repe…

   Asked by Feiron, November 8, 2009

   0 votes
   5 answers
5. Изменение порядка загрузки изображений

   Добрый день! Порой встречаются страницы, на которых достаточно много тяжелых изображений. При этом браузер начинает загружать все изображения одновременно. Пример такой страницы: http://africa-studio.ru/04_studio.htm Можно ли сделать так, чтобы изображения загружались по очереди в той последовательности, в которой они встречаются в коде, т.е. чтобы следующее изображение не начинало загружаться, пока полностью не загрузится предыдущее? P.S. галерея работает некрасиво, приходится ставить большую начальную задержку, иначе при первом проходе изображения показываются обрезанными, т.к. они еще не загрузились: http://tihonko.spb.ru/show_gallery.php?id_section=25

   Asked by alex_tihonko, April 20, 2010

   0 votes
   3 answers
6. Проблема с двухуровневым меню

   Добрый день, уважаемые верстальщики. Есть сайт в разработке: http://zimin.hmsite.net/wordpress3/ Сейчас меню выглядит так: А должно выглядеть вот так: Тоесть на :hover у пункта меню первого уровня не должно быть нижней границы. Есть идеи, как это можно реализовать? Может кто-нибудь делал что-то подобное? Буду признателен

   Asked by zimin, June 13, 2011

   0 votes
   8 answers
7. Правильное перечисление селекторов

   Добрый вечер коллеги! Посоветуйте как поступить, чтобы ссылки одинаковые были в обоих блоках? <div id="left_block"> <a href="#">ссылка 1</a></br> <a href="#">ссылка 2</a></br> <a href="#">ссылка 3</a></br> <a href="#">ссылка 4</a></br> </div> <div id="right_block"> <a href="#">ссылка 5</a></br> <a href="#">ссылка 6</a></br> <a href="#">ссылка 7</a></br> <a href="#">ссылка 8</a></br> </div> …

   Asked by XuLLlHuK, August 15, 2011

   0 votes
   13 answers
8. Сайт. Взгляд глазами админа.

   Здраствуйте! Решил сделать свой сайт. Прочитал книгу о hTMl, CSS создал главную страничку со стилями к ней. Теперь стоит вопрос, как наполнять сайт содержимым? Т.е. по идеи админ видит некую веб-форму, в которой пишет название новости, пишит текст, вставляет картинку и тп. Далее нажимает "Ок" и статья появляется на сайте. Собственно вопрос, как создается подобная форма? Что для этого нужно знать? PHP?JS? или Мб с этим как нибудь связана CMS (WordPress и тп) ? Заранее спасибо

   Asked by OlegLont, October 24, 2011

   0 votes
   10 answers
9. Как такое сверстать (прокрутка колонок с разной скоростью)

   http://remodelista.com/ Прокрутите страницу вниз в любом браузере кроме оперы и посмотрите как ведет себя правая колонка. Как такое реализовать? Еще интересное решение - изменение размера картинки при изменении ширины браузера. С этим вроде разобрался но кто знает простое универсальное решение напишите.

   Asked by likiweaks, January 9, 2013

   0 votes
   3 answers
10. Форматирование текста

    deleted

    Asked by consiglieri, July 18, 2015

    0 votes
    4 answers
11. Сделать типа вкладок...

    вобщем нужно сделать для сайта одну такую штуку - есть несколько ссылок и табличка, в которой написан текст, при нажатии на разные ссылки ТЕКСТ должен меняться... дл ссылки 1 текст 1, для ссылки 2 - текст 2 ну и так далее Я с javascript просто никогда не работал) так) тока передирал готовые примеры)) вот что пробовал сделать.. <script type="text/javascript"> function changePreview(itemNumber) { document.getElementById('bl1').style.display = 'none'; document.getElementById('bl2').style.display = 'none'; document.getElementById('bl3').style.display = 'none'; document.getElementById('bl4').style.display = 'none'; document.getElementById('bl5').style.display =…

    Asked by sasha_, December 18, 2007

    0 votes
    4 answers
12. помогите разобраться

    Ребят, у меня следующая проблема: Я сделал фиксированную ширину у body 120.4em и отцентрировал, то есть теперь мой сайт располагается ровно по центру, потом я назначил <div id="content"> position: relative; но вот незадача: При расширении экрана в браузере ИЕ7 мой <div id="content"> почему то остаётся на месте, пока я не обновлю страницу. А вместо этого он должен сразу двигаться на середину экрана. Один друг мне посоветовал прописать у Контейнера с position: relative; #content{height:1%;}, но почему то это не работает, может кто подскажет, в чём проблема и как она решается? вот html: http://psywalker2008.narod.ru/Nep/index.html вот CSS: http://psywalker2…

    Asked by psywalker, February 21, 2009

    0 votes
    7 answers
13. Красная строка в тексте.

    Скажите пожалуйста с помощью какого тега можно начать текст с красной строки? Прошу ногами не пинать.

    Asked by Hitomy, July 11, 2010

    0 votes
    3 answers
14. [Help]Изменение вида у новостей

    Установил се на сайт скрипт новостей но немогу подстроить под стиль если кто чем может помоч подскажите плиз скрипт новостей: <?php $link = mysql_connect(localhost,root,mangos); mysql_select_db(realmd,$link); mysql_query ("SET NAMES 'utf8'"); $result = mysql_query ("select topic, message, date, author, type from news"); while ($row = mysql_fetch_array ($result)) { $topic = $row['topic']; $message = $row['message']; $date = $row['date']; $author = $row['author']; $type = $row['type']; echo "<div class='newsitem'> <div class='top'></div> <div class='content'> <div class='title ".$type."'> <span class='fleft'>".$topic."</sp…

    Asked by _PARADOX_, August 6, 2010

    0 votes
    9 answers
15. Хелп Слайдер наезжает на меню

    Макет резиновый при минимальном разрешении, всплывающее меню кофликтует со слайдером, как сделать так, чтобы меню было поверх него. Заранее благодарю за помощь.

    Asked by Арт, December 3, 2010

    0 votes
    3 answers
16. Валидация JavaScript в FireFox

    Валидатор в FireFox ругается на JavaScript. Пробовал несколько вариантов, но проблема не решается. <script type="text/javascript"> <!--//<![CDATA[ код скрипта //]]>--> </script> и <script type="text/javascript">/*<![CDATA[*/ код скрипта /*]]>*/ </script> На сколько можно верить валидатору "огненной лисы"?

    Asked by Alex&R, February 9, 2011

    0 votes
    6 answers
17. Футер стал резиновым. Как переверстать такой макет.

    Здравствуйте! Изначально макет имел фиксированный по высоте футер. Вот так выглядит сверстанная страница: _http://www.salon-kristyle.ru/ Теперь оказалось, что текста нужно значительно больше. Макет изменили так: Вот теперь вся в сомнениях, как сверстать так, чтобы футер всегда был внизу и не имел фиксированную высоту. Или, может быть, есть какой-то другой способ, чтобы не размещать основной текст в футере.

    Asked by Светлана Г., December 12, 2013

    0 votes
    14 answers
18. scrollbar сдвигает всё

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

    Asked by dsasda, January 13, 2014

    0 votes
    8 answers
19. Не могу определить элемент на странице

    Здравствуйте. Помогите пожалуйста определить, что за элемент появляется на странице перед изображением. Сначала появляется тёмная полоса, по ширине картинки, и толщиной примерно 3 px, потом сама картинка. Просмотрел весь файл style.css, закрывал комментарием всё подозрительное - всё без толку. Вот адрес одной из страниц, а то на Главной нет картинок, может посмотрите, что за ерунда. http://sekretymastera.ru/prisposobleniya/podyomnyiy-kran/ Шаблон вордпресовский.

    Asked by webded, December 18, 2014

    0 votes
    10 answers
20. Прилипание текста к картинке

    Прошу помощь, надо, чтобы в тексте были размещены небольшие картинки, которые обтекает текст. При наведении на картинку, она увеличивается до реальных размеров. Собственно сделал всё, чтобы так и было, но между блоком с маленькой картинкой и обтекаемым текстом нет отступов. Текст полностью прилипает к маленькой картинке. Как сделать, чтобы отступы появились. Снизу мой код и стили. <body> <div class="post"> <div class="tema"> <p>Длинный текст</p> <a class="thumbnail" href="#"><img src="1.jpg" width="20%" border="0" align="left"/><span><img src="1.jpg"/></span></a&g…

    Asked by k1fazoid, July 6, 2017

    0 votes
    1 answer
21. отступ вокруг картинок - единицы измерения

    возник вопрос - кто какие единицы измерения использует при описании отступа картинок в тексте (выровненных по правому или левому краю) и почему. я сейчас использую пиксели, однако подумываю об относительных единицах измерения. эксперементировал с ex и em, однако оба они ведут себя довольно странно (собственно, этож картинка, текста то тут нет, отсчитывать не от чего)...

    Asked by nicothin, March 25, 2008

    0 votes
    2 answers
22. Disabled в CSS

    Может,вопрос и детский,но я не знаю,как его сделать.Есть форма,в которой элементы ставятся в зависимости от условий в disabled.Для form не работает,приходится писать для всех элементов input.В CSS есть такое свойство?

    Asked by user, May 28, 2009

    0 votes
    5 answers
23. Верстка шапки.

    Приветствую, коллеги. Загвоздка в верстке шапки. Шапка — цельная картинка шириной в 2000px. Собственно, почему такая широкая? Для больших и малых мониторов. Так вот. Суть в том. Как сверстать, что бы картинка равноудалялась от краев браузера (от левого и правого краев). Именно что бы обрезалась, без уменьшения. Буду очень благодарен за пояснения с кодом css и html. Спасибо.

    Asked by Bondarov, May 1, 2010

    0 votes
    4 answers
24. Не могу убрато отступ

    Подскажите как убрать отступ,не могу,не убирается.(стрелкой показал) Откройте в новом окне изображение,так будет понятней.

    Asked by TrilLiaN, July 6, 2010

    0 votes
    6 answers
25. Выдвигающееся меню - не реагирует!

    Тут такое дело... сделал сам выдвигающее меню с jQuery, но при его раскрытии (оно выдвигается вниз), если там находятся какие-то элементы - не работает (т.е. оно выдвигается, но не работают ссылки и не реагирует на наведение мыши), я думаю проблема тут в html или css... посмотрите, пожалуйста. HTML: <ul id="navigation"> <li><a href="profile.php">Profile</a></li> <li><a href="">Messages</a></li> <li><a href="search.php">Search</a></li> <li><a href="" class="menu_head">Settings</a></li> <ul class="menu_body"> <div class="setting…

    Asked by Santiago, March 13, 2011

    0 votes
    6 answers