HTML Coding

29542 questions in this forum

1. горизонтальное меню:hover с фоном не закрывает слева разделитель

   Всем привет! Я создала горизонтальное меню: 4 пункта меню на зеленом фоне и между этими пунктами вертикальный разделитель(картинка). Создала hover c серым фоном, но при наведении курсора фон закрывает все, кроме разделителя слева, который относится к предыдущему пункту. Попробовала margin-left:-1px; -- при наведении курсора этот маrgin закрывает разделитель слева, но из-за этого немного прыгает все меню. Как можно сделать так, чтобы и разделитель слева закрывался фоном при наведении курсора и не было никаких сдвигов .Menu-2 li a { display:block; min-width:130px; height:40px; font-weight:bold; text-align:center; color:#FFF; cursor:pointer;…

   Asked by Nailya, May 13, 2013

   0 votes
   4 answers
2. Горизонтальное CSS меню

   Здравствуйте уважаемые форумчане. Мне нужно сверстать простое горизонтальное меню при помощи CSS. Вот html код <div class="meny"> <!--Оказывается горизонтальное меню на CSS делается по другому принципу нежели то, меню, что я делал для своего сайта "Эволюция и происхождение человека, а именно через списки.--> <ul> <li> <a href="index.html">Главная </a> </li> <li> <a href="info.html"> Важная информация </a> </li> <li> <a href="histori.html"> История </a> </li> …

   Asked by SergKond, June 23, 2013

   • Меню горизонтальное
   • СSS
   0 votes
   1 answer
3. "сдвиг" сайта

   здравствуйте! есть уроки, которые позволяют давать эффект сдвига сайта, при клике на выезжающую панель. к примеру: http://www.dejurka.ru/css/swipeable-side-menu/ в данном конкретном случае, чтобы сделать сдвиг, используется скрипт (не рассматриваем выдвижение панельки при удержании мышки). так вот, реально ли подобный эффект реализовать через стили без использования скриптов? И как вообще такой эффект называется, чтобы поискать можно было? спасибо!

   Asked by devid89, March 25, 2014

   0 votes
   1 answer
4. input type="time"

   Всем привет. Прошу дать совет : заказчик попросил сделать поле выбора времени. Диапазон значений от 09:00 до 20:00 c шагом 30мин. Вышло так <input type="time" name="timeexample" id="timeexample" step="1800" min="09:00:00" max="20:00:00" />Проблема 1 = в ряде браузеров не поддерживается, соответственно необходимо сделать это на js или все таки есть варианты как обойти? Проблема 2 = дизайнер отрисовал как это должно выглядеть, и вот что у него вышло , как это сделать? Ребят выручайте, перепробывал всё и скоро я уйду в запой))))

   Asked by SRastrigin, April 4, 2014

   0 votes
   2 answers
5. Как сделать чтобы кликая по блоку с изображением и текстом выезжал текст с описанием ?

   http://savepic.net/5330707.htm Как сделать чтобы кликая по блоку с изображением и текстом выезжал текст с описанием ?

   Asked by Shenia132, May 2, 2014

   0 votes
   2 answers
6. background-image

   Почему, если написать background-image, то изображение не повторяется, а если просто background, то повторяется?

   Asked by DivMan, July 2, 2014

   0 votes
   2 answers
7. Проблема с "липкими" элементами

   День добрый! Буду краток. Есть страница - http://test.nothink.me/index_2.html при переходе на моб. версию (уменьшаем ширину браузера), то видим, что скрипт запомнил высоту элементов с десктопной версии сайта. Нужно заставить его пересмотреть свое решение. Есть ли плагины, которые при переходе определенного разрешения, он перезагружает/вызывает плагин? Вторая проблема заключается в том, что первый аккордеон (Your order), работает криво. Прошу помощи в решении этих проблем. Спасибо! Владислав

   Asked by n0_th1nk, November 27, 2014

   0 votes
   3 answers
8. Как отцентрировать текст

   Подскажите, пожалуйста, как в каталоге http://goo.gl/WRuHBEможно сделать текст не слева, как сейчас, а по центру картинки. Css код заголовков такой: .category-view .row .category .spacer h2 a span { position: absolute; left: 0px; display: inline; color: #fff; padding: 1px 1px; text-align: center;}

   Asked by mopch, April 19, 2015

   0 votes
   3 answers
9. Главная страница на div

   Правильно ли страница сверстана на DIV может нужно было делать другим способом? http://habana-vieja.ru/ Чтоб адаптация была на iPnone, смартфонах и т.д.

   Asked by egor2015, November 25, 2015

   • div
   0 votes
   0 answers
10. Пропорции блока

    Привет. Вот у меня такой вопрос. Мне нужен резиновый блок с пропорциями. Например, 3×2. То есть при ширине экрана в 300 пикселей он был бы 200 высотой. А при 400 ширины — 267 высотой. Так делается как-то? Мне на ум приходит только сделать картинку, которую положить в блок, а всё содержимое запилить внутри в absolute. А есть нормальные способы?

    Asked by Veseloff, January 6, 2016

    0 votes
    2 answers
11. Нужна помощь совсем чайнику)

    Не знал куда обратиться и решил написать на этом форуме. Я не верстальщик, но знания по HTML и CSS мне нужны будут в будущем) Вопрос следующий, есть сайт один, надо сменить адрес юрл при нажатие на логотип сайта, так как программиста сейчас нету и какое-то время не будет, мне надо самому разобраться с этим. Я знаю что через хром можно посмотреть как и где нужно искать файл который надо сменить, в моем случаи это сменить юрл адрес при нажатие на логотип. Вот скрин в низу, что приблизительно я хочу сказать) Кто может помочь - буду очень благодарен за совет)

    Asked by Rostyslav, August 25, 2017

    0 votes
    1 answer
12. Картинка (при уменьшении броузера)

    Здравствуйте Помогите пожалуйста решить следующую проблему. Есть попытка сделать картинку в хедере так, чтобы при уменьшении броузера она адаптировалась под размеры. Что то идёт не так, и когда уменьшаешь броузер - часть картинки задвигается налево и становится видно только правую часть картинки. Если есть время, то помогите пожалуйста. .logoheader { background: url(../img/pics/headerpic.png) no-repeat right; bottom #0C1A3E; color: #FFFFFF; min-height: 250px; } #header { display: block !important; position: relative; padding: 1em 0 0 0; /* 8em 0 0 0 */ overflow: hidden; }

    Asked by Barik, December 20, 2019

    0 votes
    0 answers
13. Обтекание картинки

    Подскажите ,как мне здесь сделать обтекание картинки текстом??? <div class="br_middle" ><img src="file:///C:/Users/Admin/Desktop/std/img.png" /> 11111</div> .br_middle { background: #cecece; border: 1px solid #afafaf; padding: 4px; position: relative; }

    Asked by Mr.Black, November 25, 2010

    0 votes
    2 answers
14. Не указывается размер в %

    Имеется скрипт, который позволяет видеть записи твиттера пользователя на любом сайте. Но у этого скрипта ширина и высота указаны в пикселях. Я пробовал указать в процентах, но тогда скрипт пропадает. Тогда я сунул этот скрипт в отдельный DIV и указал размеры этого самого DIV'a в процентах. Но это тоже мало чем помогло. Вот код: <div style="position: absolute; top: 31%; left: 18%; width: 58%;"> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 10, interval: 6000, width: "100%", height: 470, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#…

    Asked by WoopieZ, February 14, 2011

    0 votes
    2 answers
15. создание меню

    привет. знает кто как реализовать такое меню: т.е. при наведении становится серый блок вместе с текстом.

    Asked by shtilev, May 13, 2011

    0 votes
    4 answers
16. родительские элементы для form

    При верстке нтмл форм часто не нужно вспомогательных элементов и после открывающего тега form сразу вставляю <input или другой элемент форм. В таком случае IDE Netbeans подсвечивает предупреждение что такой элемент (input, select, label) не может быть дочерним элементом для <form>. Меня интересует почему так. И влияет ли это на валидность кода. Если вставлю input в любой блочный элемент (div или p), ошибка пропадает. Но для чего мне лишний элемент, если могу без него обойтись.

    Asked by Funstarter, October 4, 2011

    0 votes
    5 answers
17. Содержимое div проваливается в его margin-bottom

    Уважаемый специалисты, решил воспользоваться методом центровки содержимого div на экране: http://www.artlebedev.ru/tools/technogrette/html/align-center/. Все сработало, но, как оказалось, при указании у самого внешнего дива - margin-bottom:NNpx, содержимое самого дива ровно на это число пикселов съезжает вниз. Происходит это только в Лисе! Причем, если указать внешнему диву border, то съезжать перестает! Можете попробовать сами. Это глюк Лиса или я что-то не правильно понимаю в принципах поля margin? Догадываюсь, что дело в том, что у внутреннего дива стоит float:right. (Если это свойство убрать, то содержимое перестает вываливаться вниз). Но ведь после содержимого внешн…

    Asked by webmos, November 13, 2011

    0 votes
    0 answers
18. Проблема с тенью и градиентом

    Добрый день, форумчаны! Столкнулся с несколькими проблемами с версткой и прошу Вашего совета как пофиксить 1 Это кросбраузерность теней в разных браузерах. Для генерации тени для блока использовал вот этот сервис css3generator.com Проблема в том что в разных браузерах разная интенсивность тени. Это нормально? Код тени таковой -webkit-box-shadow: 0 3px 10px -4px #555555; -moz-box-shadow: 0 3px 10px -4px #555555; box-shadow: 0 3px 10px -4px #555555; Это нормально? Само лучше показывается FireFox 2. Это кросбраузерность градиенты А точнее у меня глюк отображения градиента в 2 браузерах опера и експлоер У меня не отображается не градиент и не картинка Вот так в…

    Asked by grifin85, July 18, 2012

    0 votes
    4 answers
19. Курсор прижимается кверху в формах в IE

    Уважаемые посетители форума! Помогите справиться с такой проблемой. Пытаюсь темизировать формы на сайте сделанным на Drupal. Привожу к более менее человеческому виду. Возникла проблема в полях ввода в интернет эксплорере при клике в поле ввода курсор прижимается к верху. В остальных браузерах все выглядит хорошо и курсор встает по центру. Как мне одолеть эту напасть? Спасибо всем кто не пройдет мимо. Вот сам сайт potolok-master.net

    Asked by jaans, December 29, 2012

    0 votes
    4 answers
20. Семантика html5

    Здравствуйте дорогие эксперты и форумчане! У меня вопрос по поводу семантики, связанный с новыми тегами html5. А конкретно такая ситуация: нужно сделать раздел <section> и, естественно, сделать так, чтобы контент отображался нужным образом. Как, с точки зрения семантики, сделать правильно: - <secton> будет "оберткой" всех блоков, правильно формирующих фон и положение для контента; - <section> вложена в несколько <div>'ов. Тогда <secton> можно спокойно наполнять контентом. Сам пытался разобраться в этой проблеме. Сделал бы <section> "оберткой", но не рекомендуется применять его для стилизации. Вроде как он должен содержать только контент…

    Asked by EVGENi, November 26, 2012

    0 votes
    2 answers
21. Css разметка

    Здравствуйте, хочу сделать одну вещь, но не получается, вот в чем суть: Это общая разметка сайта. Какие требования - див center основное пространство сайта, он имеет фиксированную ширину и выравнивание по центру через margin:0 auto; это все работает, а теперь мне нада что бы див Left заполнял пространство с лева, а див right - пространство справа. Далее в див left вставляется бекграунд который должен прилипать к крайнему правому углу(на рисунке элемент 1), а в диве right зеркальный бекграунд приливать к левому краю(на рисунке элемент 2), бекграунды я нарисую в фш, с этим проблем нет. Часто встречаю подобные штуки в дизайне сайтов, вот щас решил сам сделать нечто подобное…

    Asked by Dolce, December 13, 2012

    0 votes
    2 answers
22. h5 переносит на другую строку

    Доброе время суток. Есть код. Надо выделить слово в строке. <span>Выезд замерщика - <h5>бесплатно.</h5></span> Но почему то переносится на другую строку. Как лечить?

    Asked by Yura13, December 17, 2012

    0 votes
    2 answers
23. js-эффект

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

    Asked by cyklop77, January 3, 2013

    0 votes
    9 answers
24. Подскажите

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

    Asked by ulteriormoon, June 14, 2013

    0 votes
    2 answers
25. Как найти относительные ссылки?

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

    Asked by Vic-Tor, October 19, 2013

    • относительные ссылки
    0 votes
    0 answers