HTML Coding

29,542 questions in this forum

1. Как можно реализовать меню на спрайтах, чтобы при отключении картинок показывалась надпись?

   Добрый день! Существует следующая проблема. Есть меню, в котором пункты - картинки в виде фона (реализовано на спрайтах). При отключении отображения изображений в браузере - в меню соответственно ничего не выводится, получается просто пустое меню. А хотелось бы что бы выводилась хотя бы какая-нибудь надпись, вроде атрибута alt у image.. Что можно тут придумать? Спасибо!

   Asked by aiven, December 3, 2011

   0 votes
   4 answers
2. Изображение перекрывает видео

   Помогите пожалуйста с проблемой: Есть область с видео с youtube, ниже нее находится область картинок. При увеличении картинок, увеличенные картинки оказываются за видео.

   Asked by Ihtios, February 9, 2012

   0 votes
   5 answers
3. Не могу решить проблему. с версткой

   Доброго времени суток господа верстальщики! Вот решил сверстать макетик.. Так вроде все норм, ну почти все) А внизу вагон пустого места. Подскажите что не так, заранее спасибо откликнувшимся!

   Asked by DasBit, February 12, 2012

   0 votes
   2 answers
4. Форма

   сверстал форму. Источник Мои вопросы: 1.) Почему в #wrapperF h2 текст не прижимается полностью к контейнеру h2(откуда берутся отступы на 7px сверху и на 3px от левого края)? Из-за этого у меня высота больше положенной. 2.) Что делать с #formFooter a ведь при уменьшении масштаба браузера(да и при увеличении), ему не хватает места(кстати почему?) и часть текста перепрыгивает вниз. 3.) Возможно как то ещё увеличить скорость загрузки формы(я уже оптимизировал png если что)

   Asked by S.D.Maquis, April 4, 2012

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

   Как сделать вот такое поле(допустим для выбора количества товара)?

   Asked by chocolate_moles, April 12, 2012

   0 votes
   5 answers
6. Можно ли очистить ОДИН из пунктов формы?

   Есть форма, позволяющая загружать несколько файлов одновременно. Вот фрагмент (реально запрашивается около 20 файлов): <tr><td><input name="m[0]" type="file" /> Название: <input name="mn[0]" type="text" size=30 placeholder="Введите название методички"></td></tr> <tr><td><input name="m[1]" type="file" /> Название: <input name="mn[1]" type="text" size=30 placeholder="Введите название методички"></td></tr> <tr><td><input name="m[2]" type="file" /> Название: <input name="mn[2]" type="text" size=30 placeholder="Введите название методички"></td></tr> <tr><td>…

   Asked by Cavabanga, December 15, 2012

   0 votes
   1 answer
7. цвет кнопки при наведении !

   всем привет " подскажите пожалуйста почему у кнопки --ДОБАВИТЬ В КОРЗИНУ-- при наведении цвет меняется только до области текста,а не всего фона ??? как это поправить ??? http://joomla.metko.ru/ <style="text-decoration:none"a href="index.php?action=buy_now&BUYproducts_id={$module_data.PRODUCTS_ID}"><dds>Добавить в корзину</dds></a> #buy111{ background:#596066; border-radius: 5px; } dds{ color:white; } dds:hover{ background-image: url("img/cartfon.png"); }

   Asked by morgusha, February 6, 2013

   0 votes
   4 answers
8. Как продлить подчеркивание текста до конца блока?

   Здравствуйте. Как можно продлить подчеркивание текста(заголовка материала) до окончания блока? Вот так: Благодарю

   Asked by borus, March 25, 2013

   0 votes
   2 answers
9. Бесплатный сайт

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

   Asked by ruslanlizogub, May 12, 2013

   0 votes
   3 answers
10. Небольшая кучка вопросов

    Совсем недавно начал изучать Css и html, но там в общем все просто гугл спасает, основы выучил, нужен только опыт. Но верстая сталкиваюсь с js так вот первый вопрос про него. Что бы выучить Jquery обязательно надо знать само js? (подозреваю что да надо) Тут тогда сразу несколько вопросов на каком уровне надо знать js что бы в последствие сразу перекинутся на jquery ( ну и продолжить изучение js подрабатывая верстальщиком), за сколько можно выучить, полезные ссылки будут восприняты на ура. Каким инструментами вы пользуйтесь для проверки кроссбраузерности? Верстать легко, но верстать кроссбраузерно сложно, до каких версий браузеров ( требуют заказчики) верстают до сих…

    Asked by Animkim, November 25, 2013

    • Вопросы новичок
    0 votes
    6 answers
11. Фича с перечекиванием

    Не помню как сделать, своими силами что-т не могу - температура еще одолевает, напомните, интересует решение с псевдоэлементами, по бокам картинка, http://savepic.net/5059813.png

    Asked by Struggle, April 2, 2014

    0 votes
    2 answers
12. Проблемы с max-width

    Вот сайт http://texteredsa.besaba.com/ там есть 3 блока которые идут друг за другом. вот пытаюсь блоку .logo задать max-width, чтобы при уменьшении элементы тянулись. но увы max-width не работает, почему ? как сделать резину ?

    Asked by WEB-best, August 13, 2014

    0 votes
    1 answer
13. Позиционирование в разных браузерах!

    #logo { position: absolute; top: 15px; left: 55px; width: 220px; } #menu { position:absolute; top: 25px; right: 0px; } Вот такая конструкция. Логотип слева зафиксирован и с ним проблем нет. А вот меню относительно правого края страницы зафиксированно, но левый край меню "играет" туда сюда на несколько пиксел в зависимости от того, каким браузером смотреть Так и должно быть или я чего-то не дописал? С ув. Uncle Fox

    Asked by Uncle Fox, September 22, 2014

    • position
    0 votes
    1 answer
14. Обтекание и отступы у обтекающих элементов

    Подскажите есть ли решение следующей проблемки http://jsfiddle.net/chzzfokq/5/. Первый список отрисовывается как положено. А второй, который обтекает элемент img справа, "теряет" отступы и отрисовывается в ровень с остальным текстом (без отступов с левой стороны). Это можно как-то решить без доп верстки и css-стилей, которые зависят от ширины обтекаемого элемента? Вот типа такого, как у третьего списка: .fix-100 { margin-left: 100px;}

    Asked by CoDy, October 5, 2014

    0 votes
    2 answers
15. Рассортировка новостей по категориям - вопрос от лентяйки

    Добрый день, уважаемые форумчане! Прошу помочь просто направить Где можно было бы узнать о том, как в простой плагин новостей можно добавить подкатегории. Или же (если есть кто очень добрый) пример строения плагина для новостей/статей с подкатегорями. Заранее большое спасибо!

    Asked by marianna9201, February 3, 2015

    0 votes
    5 answers
16. Как мне сделать такое меню ?

    http://pixs.ru/showimage/herdesigns_2623263_16167245.jpg Как мне сделать такое меню ? Вот что есть http://jsfiddle.net/mnuy4o11/ не могу последние слова About us, My collection, Login не могу задать им отдельно цвет текста и сделать его не заглавными буквами, точнее могу но если использовать !important читал что лучше избегать его.

    Asked by Shenia132, February 22, 2015

    • верстка
    0 votes
    2 answers
17. Помогите, плиз! Проблема после двух дивов в строчку.

    Такая проблема: Два дива стоят рядом в строчку, оба высотой 410px, но почему-то следующий див не отсчитывает margin от этих двух, а только от того, что перед ними. <div id="div-toxic-left"> <ul id="list-2"> <li>Пункт 1</li> <li>Пункт 2</li> <li>Пункт 3</li> </ul> </div> <div id="div-toxic-right"><img src="img/toxic-in-fat.gif" width="447" height="302" alt="Токсины в жировых тканях"/></div> <div class=”clearer”></div> #div-toxic-left{margin: 0px 0px 0px 1px; height: 100%; min-height:410px; width: 600px; background:#ecf7ff; float:left;} #div-toxic-right{margin: 0px 1px 0px 0px; text-…

    Asked by Lonely-Sail, June 2, 2015

    • CSS
    • DIV
    0 votes
    5 answers
18. Про кавычки

    Здравствуйте, ответьте на ламерский вопрос: Пишу в head эту строчку и запускаю index.html в хроме у меня кодировка не воспринимает русские символы: <meta http-equiv="Content-type" content="text/html; charset=utf-8"> Добавляю одни кавычки в charset=''utf-8 перед utf-8 и все работает насколько правильно так делать? или это просто глюк?

    Asked by Тимоха, June 8, 2015

    • meta кодировка
    0 votes
    3 answers
19. Проблема с созданием навигационной карты

    Здравствуйте. Я совсем-совсем новичок в верстке. Сейчас изучаю сайт webremeslo.ru, учебник по html и понемногу экспериментирую с кодом. Пытаюсь разобраться в теме навигационные карты и оформить меню сайта таким способом. Первая кнопка получилась, а две другие никак не получается сделать кликабельными. Если не трудно, посмотрите кусок кода, в чем моя ошибка? <center> <img src="menu.jpg" usemap="#menu"> </center> <map name="menu"> <area shape="rect" coords="2,2,118,118" href="primer.html" alt="Главная" title="Главная"> <area shape="rect" coords="122,122,204,204" href="primer2.html" alt="Автор" title="Автор"> <area shape="rect" coor…

    Asked by htmlученик, November 29, 2016

    0 votes
    2 answers
20. Проблема со слайдером при отдалении

    Вот слайдер в обычном разрешении А вот если отдалить страницу Как это исправить? Ниже предоставлен весь код слайдера. И кстати, использую CMS IPS 4.1.18.2 Скрытый текст .wrapper { height: 290px; position: relative; width: 940px; margin-bottom: -10px; } .slider { background-color: #ddd; height: inherit; overflow: hidden; position: relative; width: inherit; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -o-box-shadow: 0 0 20px rgba(0, 0, 0, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5); } .wrapper > input { display: none; } .slides { height: inherit; position:…

    Asked by Haspid, June 22, 2017

    0 votes
    6 answers
21. создать текст поверх двух картинок

    Задача: 2 картинки с текстом на их поверхности нужно разместить на одной линии Как сделать? Я сделал так ( не получается) : <div class="foto1"> .foto1{ <img src="#"> display: inline-block; </div position: relative; float: left; <div class="foto2"> } <img src="#"> img:{ </div …

    Asked by Rezvykh, April 22, 2019

    0 votes
    0 answers
22. Проблема вёрстки

    https://jsfiddle.net/8tybdkz0/ Я только начал верстать, в общем всегда справа остаётся место, хз как убрать.

    Asked by DarkHill, July 27, 2020

    0 votes
    1 answer
23. Помоги решить проблему.

    Помогите разобратся с rus98.ru /auto-news/ верстка поплыла, а я что то немогу разобратся где именно допустил ошибку.

    Asked by musulman, October 4, 2010

    0 votes
    1 answer
24. Позиционирование элемента

    Имею затруднения в изображении одного из элементов сайта. Вот эскиз: Весь макет выравнивается по центру, "жесткий" макет, с определенной шириной. С чем проблема: серая панель, на которой располагается слайдшоу. Слайдшоу будет реализовано в виде готового скрипта javascript и помещено в контейнер (эту самую серую панель). Нужно, чтобы серая панель справа всегда была в край окна браузера, а слева - на определенном расстоянии от центра окна (т.е. чтобы также равнялась по центру (с левой стороны) со всем остальным сайтом; иными словами, чтобы левый край панели был "привязан" к правому краю всего макета). Как такое выравнивание описать на css?

    Asked by freefly, July 5, 2011

    0 votes
    4 answers
25. Верстка контент бокса

    Доброго времени суток. У меня есть три изображения бордера контент бокса: 1-верхняя и боковые границы, 2-боковые границы и 3-боковые и нижняя границы. Мне необходимо сверстать этот бокс таким образом, что бы он мог без проблем растягиваться во вертикали. Т.е. верхняя часть остается на месте, средняя увеличивается по top+bottom, нижняя чать опускается. Пытаюсь сделать таким образом: HTML <div class="middleborder">[i]Контент[/i] <div class="top"></div> <div class="bottom"></div> <div> CSS div.topborder { display: block; background: url(image/top.png) no-repeat -18px -25px; height:210px; } div.middleborder { display:inl…

    Asked by jaguar_sea, August 3, 2011

    0 votes
    4 answers