HTML Coding

29542 questions in this forum

1. Как растянуть фон до конца экрана

   Как растянуть фон у логотипа до конца экрана? (фон - зеленым цветом). Макет на bootstrap. Пример можно посмотреть здесь. А растянуть фон нужно как на этой картинке.

   Asked by Fendia, December 27, 2015

   0 votes
   1 answer
2. Вложенный блок в ссылку

   Почему происходит такое поведение блока в котором есть ссылка? https://jsfiddle.net/jgpkow1m/ если же в блок положить другой элемент например абзац, то всё нормально.

   Asked by aqua.77, January 26, 2017

   0 votes
   1 answer
3. Как наложить логотип на меню?

   Пытаюсь сделать подобное: логотипу задано position: absolute, при изменении значения top, логотип поднимается, но прячется под меню z-index в этом случае не помог, скорее всего потому что каркасы расположены не рядом надеюсь на подсказку, сайт - ikona-radoneg.ru

   Asked by serenada, October 16, 2018

   0 votes
   0 answers
4. import в медиазапросе

   Добрый день. Подскажите пожалуйста почему вложенный в медиазапрос импорт не работает и можно ли его заставить работать? @media screen and (min-width:360px) and (max-width:399px){ body{ width:360px; } header{ display:none; } @import url("preview300.css"); .note,.comment_block{ width:340px; } } По идее это нужно что бы не писать одно и то же по нескольку раз. Конечно можно использовать переменные: :root{ --preview300:; --preview350:; } Но это еще более мутно и вроде как широко не поддерживается на данный момент.

   Asked by Ubhra, April 2, 2018

   0 votes
   1 answer
5. Выпадающие списки

   удалено!!!!

   Asked by Creative, February 6, 2009

   0 votes
   0 answers
6. CSS меню

   На сайте есть CSS меню, многоуровневое, выпадающее, в IE 7, Opera 9.6, Firefox 3 отображается идеально, а в IE 6.0 пустое место вместо меню, может подскажите в чём дело? body{ font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; } #nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; margin-left:20px; text-align:center; z-index:5; } #nav a{ display:block; width:111px; height:67px; padding:0px 5px; border-bottom:1px solid #333; border-right:1px solid #333; color:#333; text-decoration:none; background-color:#b2afab; text-align:center; vertical-align:baseline; background-image:url(/imgA/…

   Asked by aNt1, March 5, 2009

   0 votes
   2 answers
7. картинка "NEW" для определнного элемента меню

   Здраствуйте, нужно пририсовать "new" как на картинке, к определенному элементу меню. Меню вида <ul> <li id="4">новинки</li> </ul> Проблема в том что new как бы "наезжает" на другие слои. Вопросы следующие: 1. можно ли это реализовать не меняя код внутри <ul> т.к. меню генерируется при помощи cms 2. если п.1 невыполним тогда как лучше реализовать это изменив меню? Спасибо код тут: http://weblad.ru/c/jshop/

   Asked by weblad, March 20, 2009

   0 votes
   1 answer
8. Как сделать так чтобы дивы друг на друга накладывались?

   Доброго времени суток. Я новичок, поэтому без мата плиз Задача: Сверстать используя z-index одну вещь. Значит так, вначале идет фотка, потом на нее накладывается GIF рамка с прозрачностью и гругляшком, потом на это накладывается третий слой в котором только текст, и там номер фотки отпозиционировать на кругляшок. Вопрос: Как сделать так чтобы дивы друг на друга накладывались? Не знаю как это сделать... Заранее спасибо.

   Asked by ScorpSatex, March 29, 2009

   0 votes
   1 answer
9. Обтекание и div

   Сделал часть шаблона наподобие http://www.artlebedev.ru/tools/technogrette/html/thumbnails/ элемент которому указано relative не заполняет собой верхний блок, как я понял. поэтому div class="text" и буковка s поставленная для теста считается самым нижним элементом страницы. А хочется чтобы выделенный блок влезал в колонку ps. Высота колонок в макете регулируется скриптом по максимальной высоте колонки. возможно это повлияло, но опять же это значит, что блоки relative не влияют на высоту колонки. Спасибо внезапно понял что в class=text надо дописать. display:inline-block; Но он не работает в IE7. думаю дальше хотя IETester выводит все нормально. Вопрос пока что снят. Спа…

   Asked by severum, February 18, 2010

   0 votes
   0 answers
10. Прозрачность не работает при наложении div

    Помогите пожалуйста определить в чем проблема. Вот мой код <div id="market_right"> <div class="picture"><img src="images/market_picture.png" alt="" /></div> <div id="genius_ban"><a href=""><img src="images/genius.png" alt="Бесплатные курсы" /></a></div> </div> стили: #market_right {float:left; overflow:hidden; position:relative;height:125px; width:800px;} #market_right .picture {position:absolute; left:0px; z-index:2;} #genius_ban {position:absolute; right:0px; z-index:3;} И вот как это выглядит: http://tri4.ax3.net/akado_ural/nalozh.html Т.е. картинка или слой не просвечивают. (карти…

    Asked by warobushek, April 26, 2010

    0 votes
    2 answers
11. Проблема при прокрутке

    Всем привет.Столкнулся с такой проблемой,шаблон фиксированный (1100px) есть меню и футер которым я задал свойство width:100%;при увеличении масштаба все работает,а когда уменьшаю масштаб,при прокрутке вправа исчезает часть картинки. Вот как раз тема соседа,у него на сайте так же - http://www.rolsistem.ua/ Можно ли как нибудь это исправить?

    Asked by Vladinho, February 15, 2011

    0 votes
    3 answers
12. Заголовок H1 не в тему вылез в шапке

    Я не являюсь web-дизайнером (являюсь полиграфистом), но появилась потребность немного подправить наш сайт - изменить картинку в "шапке" и фон. Пользовался возможностями CMS и FTP. Шапку поменял, фон тоже. Но после этого появилась проблема - в самом верху над картинкой вылез кусок фона на котором стал отображаться текст заголовка H1, на тех страницах где H1 нету - просто d> (например, как здесь) В CMS есть возможность редактирования HTML кода шаблона. Буду благодарен, если кто-нибудь поможет решить эту проблему Мои возможности по управлению выглядят вот так (ну и доступ по FTP)

    Asked by ilias, April 3, 2011

    0 votes
    3 answers
13. Едет верстка при первой загрузке

    Всем привет! Народ, может кто знает в чем тут может быть проблема? У меня верстка едет при первой загрузке страницы. Потом нажимаю ctrl+R и все становится нормально.

    Asked by iron_maiden, August 16, 2011

    0 votes
    5 answers
14. Подскажите библиотеку для создания окошек

    Ищу библиотеку для создания окошек на сайте. Сделал окошко для помощи, в виде отдельного слоя, но есть проблемы. Хотел бы решить с помощью какой либо JS библиотеки, чтобы не изобретать велосипед. Если кто знает, дайте сцылок пожалуйста

    Asked by Enkee, November 9, 2011

    0 votes
    2 answers
15. Помощь с макетом

    Добрый день. Я пока только учусь верстать и мне нужна ваша помощь Есть макет страницы в котором присутствует вот такой элемент: То есть при нажатии на определенный этап под ним появляется текст, а кнопка этапа заменяется фигурой человечка. Подскажите как такое можно реализовать?

    Asked by Neograff, November 16, 2011

    0 votes
    6 answers
16. Позиционирование фонового изображения

    При задании позиции фонового изображения оно просто исчезает. Какую ошибку я допустил?

    Asked by Klaus, January 11, 2012

    0 votes
    3 answers
17. Как правильно сверстать

    Вот такое вот меню: http://zalil.ru/32962144 Картинкой что ли только? Интересует именно наклон

    Asked by Imperil, March 27, 2012

    0 votes
    3 answers
18. Поиск в Онлайн-Словаре

    Здравствуйте. У меня возникла следующая проблема. На моём сайте есть список слов, допустим: табак, электрификация, самогонный аппарат и т.д. Необходимо эти слова преобразовать в ссылки, по клику на которые будет открываться новая вкладка в онлайн-словаре (не моём) со страницей соответствующей слову статьи. С теми словарями, где в ссылке явно присутствует слово (например, www.dict1.com/search.nhn?dicQuery=табак или www.dict2.com/search/электрификация) всё примерно понятно. А как быть в случае, если явной связи слова с искомой ссылкой нет? То есть нужно сначала ввести слово в строку поиска на сайте словаря, затем нажать enter (или кликнуть на "Поиск") и только затем происхо…

    Asked by grek170282, March 21, 2013

    0 votes
    8 answers
19. Вопрос по верстке

    Выбрал сегодня несложный шаблон для верстки, т.к. до этого никогда не делал этого самостоятельно. Ссылка на шаблон - http://hostingkartinok.com/show-image.php?id=323d8040088e0d1cd35379c15fdae387 . Проблема возникла в форме поиска - http://hostingkartinok.com/show-image.php?id=5fcd8de825a2bce7358ca29e7c03096e , а именно, я не знаю как вставить туда иконку лупы. Я создал input , убрал border и outline , вместо них вставил background с картинкой формы, но без лупы. Как теперь вставить туда же и лупу, ведь background уже занят. Был вариант разрезать форму на 2 части, ведь пользователь должен нажимать на эту иконку, да и текст не должен заходить за нее. Подскажите, может ес…

    Asked by rast999, January 30, 2014

    • Верстка input форма поиска
    0 votes
    4 answers
20. Список блоков с разным вертикальным выравниванием и ховер

    Переделываю список товаров. Выравняла изображение и название товара поверху, а цену и кнопку купить понизу, как тут http://chikuyonok.ru/2011/04/inline-vertical-align/ Вот бьюсь, не могу сделать ховер для блока с товаром, если это вообще возможно. Прошу помощи! Ссылка http://jsfiddle.net/vera17/kk459/1/

    Asked by vera17, February 4, 2014

    0 votes
    2 answers
21. Выравнивание пункта меню при наведении

    Добрый день, у меня не получается выровнять пункт меню по центру по вертикали, при наведении мышки (показано на картинке вот тут http://take.ms/1TnDK) Сам сайт http://okhtyrka.in.ua/works/medorelax/index.html

    Asked by lindim3000, April 2, 2014

    0 votes
    4 answers
22. Проблема с nth-child

    Коллеги, загвоздка, помогите разобраться. Проблема Суть: идут блоки, у каждого border-top. Задача: первым двум его убрать. Делал через nth-child(1) и nth-child(2), но не вышло.

    Asked by Artlive, April 24, 2015

    0 votes
    2 answers
23. Размывается картинка после изменения размера контейнера

    Доброго времени суток! Имеется проблема: Я изменил размер контейнера (картинка CELINE в шапке сайта) с помощью кода CSS: .adaptive .logo img { max-height: 120px; min-width: 300px; } Далее вставляю картинку "CELINE" с помощью визуального редактора UMI, сохраняю изменения и обновляю страницу. После обновления страницы картинка "CELINE" размывается... Как сделать чтобы картинка отображалась без размытия?

    Asked by Psychedelic1571, November 17, 2015

    0 votes
    2 answers
24. Высота элемента на всю страницу

    Всем привет! У меня такая проблема: я не могу сделать так, чтобы элементы, находящиеся в теге main имели высоту в 100%. Я уже все перепробовал, даже скрипт написал, ничего не выходит. В html и body прописывал min-height и height в 100%. У main высота также 100%. Вот картинка

    Asked by Askhat7, December 28, 2015

    • height: 100%
    0 votes
    7 answers
25. Верстка хедера с чекбоксами

    Помогите, пожалуйста, как сверстать такой хедер

    Asked by Noeltoka, May 31, 2022

    0 votes
    0 answers