HTML Coding

29542 questions in this forum

1. Проблемы с float

   Есть страница с футером, прижатым к низу страницы. Сверху див с основным контентом. В нем слева див с меню, у него задано float: left. Следующий див на всю ширину. В нем набор элементов, также с float: left. Необходимо делить плавающие элементы подзаголовками. При этом первое же разделение уносит всё, что отделено на уровень ниже дива с меню. Вот образец: http://kaminski.dyndns.tv/look.php Попытка задать для дива с меню height: 0px на первый взгляд помогает решить проблему, но тогда если меню разрастается по высоте, оно залазит "под футер". Смотреть: http://kaminski.dyndns.tv/look2.php

   Asked by kaminski, November 11, 2011

   0 votes
   5 answers
2. Мигание загружаемых картинок

   Доброго времени суток! Столкнулся с проблемой мигания картинок. Суть в том, что у меня стоит инпут кнопки с селектором background:url(button1.png); и с селектором:hover background:url(button2.png);. Всё это установлено вместе с transition:all 0.3s ease;. Т.е. по сути кнопка медленно меняет свой внешний вид с button1.png на button2.png. Но проблема в том, что при наведении, перед тем как поменять внешний вид, картинка мигает (т.е. однократно исчезает на долю секунды и затем появляется button2.png, проигрываясь transition'ом). Никто не сталкивался с подобной проблемой? А то уж больно сильно напрягает это мигание. Думал может загрузчик подключить и проблема решиться, посовет…

   Asked by Нектос..., July 11, 2013

   0 votes
   5 answers
3. Элементы списка по ширине. кроссбраузерно

   помогите пожалуйста выровнять блоки articles по ширине так чтобы крайние элементы строки прилипали к краям родительского конейнера(обычно в интернет-магазинах таким образом располагаются товары). здесь я реализовал то, что хочу. но в safari и ie9 расположение ломается(( то же самое, но в jsfiddle, если так удобнее вам будет важно чтобы articles были выровнены не через float, а через inline-block(так как articles могут быть различной высоты)

   Asked by cyklop77, December 1, 2013

   0 votes
   5 answers
4. Проблема с отображением внедренных шрифтов в ie

   в ie http://fitfast.ru/шрифты все слетают хотя у меня шрифты внедрены вот так: @font-face { font-family: "SegoeWP"; src: url("/images/SegoeWP.eot "); src:url("/images/SegoeWP.eot?#iefix") format("embedded-opentype"), url("/images/SegoeWP.ttf ") format("truetype") ; font-weight: normal; font-style: normal; } многие пишут что формата eot достаточно для того чтобы ie отображал?!

   Asked by daggi, February 14, 2014

   0 votes
   6 answers
5. Верстка меню

   Нужно сверстать такое меню: При наведении на ссылку отображаются все под меню, притом то подменю, что лежит в ссылке на которую навели, выделяется так как на картинке. Блок, в котором лежат все подменю растягивается на высоту самого длинного списка. блок с подменюшками полупрозрачный, с тенью. юзать можно только css. таблицей делать не пойдет, ибо будет все адаптивно. задать какую-то одну высоту подменюшкам не пойдет ибо в меню неопределенное количество ссылок. В общем вот задача, фиг кто ее сделает) структура меню стандартная <ul><li><a></a><ul>...</ul></li></ul>

   Asked by vinny, April 3, 2014

   • верстка
   • меню
   • крутое меню
   0 votes
   2 answers
6. Проблемы с "position: fixed" под Chrome

   Всем здравствуйте! Я тут первый день, местных обычаев еще не изучил, поэтому если что не так - прошу пинать не очень больно. Проблема у меня следующая. Нужно в шаблоне страницы сделать зафиксированную шапку (ну и еще левое меню). Сделал я это, навесив на требуемые слои атрибут "position: fixed". Под IE и Mozill'ой глюков не обнаруживается, а вот под любимым мною Chrome'ом вдруг получил гимор. Выглядит это так: Хром рисует страницу, не успев расставить слои по позициям. Например, как видно на рисунке левое меню отрисовано по центру. Refresh страницы ситуацию исправляет полностью. "Сдвиги" возникают не всегда, но с постоянством, достойным лучшего применения и в разных вар…

   Asked by Konung, April 16, 2014

   0 votes
   3 answers
7. Подскажите с версткой, дизайн

   Всем привет, подскажите с версткой дизайн игровой нужно сделать под html я так и не пойму как сверстать( Я в верстке не шарю кто сможет помогите пожалуйста

   Asked by Crim, October 21, 2014

   0 votes
   7 answers
8. Картинка через :after на одном уровне со ссылкой

   Помогите, пожалуйста, разобраться как поместить картинку (серый фотик) на одном уровне со ссылкой. Спасибо! <li> <span> <a href="#"> @@include('./partials/last-news_container/_last-news_container.html', {"link": "Raul bids goodbye in style", "imgPath": "/img/gray camera.jpg"}) </a> </span> </li> В partials код следующий: <div class="unordered_list"> @@link </div> <div class="last-news_unorderedList" style="background-imag…

   Asked by Алеся, May 13, 2021

   0 votes
   1 answer
9. Помогите со слайдером

   Всем привет. Прошу сильно не пинать Подскажите новичку как сделать слайдер Tilted Content Slideshow по таймеру, то есть через определенное время чтобы сам листался? Заранее благодарен!

   Asked by Seregka174, May 16, 2016

   • слайдер tilted content slideshowtilted content slideshow
   0 votes
   8 answers
10. Что сильнее импотента?

    Сейчас блок черный, можно ли его сделать его зеленым через css? изменять html нельзя (генерируется на стороннем сервере через скрипт) <div id="mainblock"> <block> <block> <block style="background:black !important;"></block> </block> </block> </div> #mainblock block block block { width:200px; height:200px; display:block; background: green !important; } Живой пример

    Asked by nikki4, March 10, 2019

    0 votes
    4 answers
11. Сворачивание меню при нажатии на ссылку

    Здравствуйте. Есть меню на html/css. Сделал ссылки для навигации с помощью якоря, но при нажатии на ссылку, меню не закрывается, так как для этого необходимо снять флажок с checkbox. Подумывал сделать из label ссылку, меню закрывается, текст оформлен как ссылка, но по ней не переходит. В общем, подскажите, пожалуйста, как сделать, чтобы я нажал на ссылку, попал на нужную часть сайта и меню закрылось без дополнительных действий https://jsfiddle.net/v8rwhuo0/1/ В дополнение: конечно же, хотелось бы то же самое провернуть с затемнением (чтобы меню закрывалось, если я кликну в любое место темной зоны) — class="mask-content" Заранее спасибо ?

    Asked by maisiq, June 6, 2021

    0 votes
    2 answers
12. проблема с представлением странице в IE6

    Добрый день . Сталкнулся с проблемой браузеров . Во всех(FireFox,Opera,IE7) страница отображается так как задумывалась а вот в IE6 блоки заключенные в дивы расположены совсем не так . вот ссылка на сайт . www.bgraf.biz/main.html

    Asked by bgraf, December 12, 2008

    0 votes
    4 answers
13. подгрузка картинки

    у меня при наведении на изображение1 происходит замена этого изображения на изображение2 (реализовано через css). как погрузить изображение2 вместе с загрузкой страницы?

    Asked by jurassik, July 14, 2010

    0 votes
    6 answers
14. Поиск от Гугла

    Заделал себе поиск от Гугла, мне дали Ого-гошиньки какой большой код... <div id="cse" style="width: 100%;">Loading</div> <script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> google.load('search', '1', {language : 'uk'}); google.setOnLoadCallback(function() { var customSearchControl = new google.search.CustomSearchControl('000087473119021567733:8segnn69kyi'); customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET); customSearchControl.draw('cse'); }, true); </script> <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css…

    Asked by chest, February 26, 2011

    0 votes
    8 answers
15. Заполнить текстом блоки

    Помогите найти путь решения. Есть большой кусок сплошного текста, его необходимо разбить на три блока, высота блоков должна быть постоянной. Текст без разметок, вариант с разметками в тексте не подходит, так как надо будет использовать разные тексты разной длины и шрифтов, но при этом блоки должны основаться постоянной высоты и ширины. Пример как должно быть на рисунке. http://itmages.ru/image/view/497848/13a20ec1 Я мало что понимаю в SCC, натолкните в каком направлении рыть или может есть готовое решение? Спасибо.

    Asked by Novozar, April 26, 2012

    0 votes
    7 answers
16. Кайма у текста в css

    Всем привет! Кто-нибудь может подсказать можно ли с помощью стилей задать тексту обрамление, кайму(не знаю как выразиться)? Смотрел в сторону Shadows, но мне нужно не тень а именно кайма. В photoshop это называется stroke effect.

    Asked by Silentium, August 3, 2012

    0 votes
    5 answers
17. Знание какой CMS чаще всего требует работодатель?

    Asked by pismenny, November 19, 2012

    0 votes
    5 answers
18. Масштабирование изображений и их качество

    Столкнулся с проблемой - в Мозилле и IE картинки, уменьшенные средствами css выглядят ужасно, в лесенке. Свойство image-rendering, отвечающее за алгоритмом интерполирования изображения при масштабировании, к сожалению, не дает никакого результата. Погуглил, но так и не нашел решения данного вопроса. Будто бы он никого и не волнует? Как же тогда быть? Делать множество копий картинки нужного размера под каждое разрешение экрана?

    Asked by Bugert, May 26, 2014

    0 votes
    7 answers
19. Проверка данных HTML5 формы без JS

    Интересует такой вопрос. Про параметр required в HTML 5 думаю знают многие <input required>. Если не прописать значение, то браузер при попытке отправки формы предложит-таки его заполнить. Но вот возможно ли прописать в HTML5 в форме таким образом, чтобы в группе чекбоксов, требовалось бы выбрать хотя бы один? Или без JS такое невозможно? Если прописать атрибут required в каждом чекбоксе, то браузер не успокоится пока не будут проставлены галочки на всех этих чекбоксах, то есть для меня это не катит Есть ли такая возможность или в HTML5 этого сделать невозможно?

    Asked by Аль-мухандис, January 12, 2015

    • html5
    • форма
    • checkbox
    • валидация
    • required
    0 votes
    1 answer
20. Чередование фона

    Добрый день, подскажите пожалуйста, как правильно в css написать, чтобы 1 строка черная, 2я белая, 3 черная, 4 белая и т.д. Вот код <label class="jbprice-row jbprice-row-0"> <label class="jbprice-row jbprice-row-1"> <label class="jbprice-row jbprice-row-2"> <label class="jbprice-row jbprice-row-3">

    Asked by RK3DNP, March 20, 2015

    0 votes
    6 answers
21. Случаи использования http(s)://

    Доброго дня! Для того, чтобы описать регулярное выражение мне необходимо учесть все случаи, когда используются символы http(s):// Итак. В редакторе составляется е-майл письмо. Оно может содержать html теги, таблицы, картинки, стили css. Задача - в момент сохранения изменить все ссылки (содержащие http(s)://). Для чего изменить - это другой вопрос и к этой теме не относится. Я условно подразделил все ссылки на два типа: Содержащие <a href="http://...... то есть текстовые ссылки (они нам не интересны) Все остальные ссылки на картинки, на фоновые картинки и т.д. содержащие: <table background="http:// <img alt="" src="http:// …

    Asked by rafaello9, November 12, 2016

    • http
    0 votes
    3 answers
22. Совместное использования процентов и пикселов

    Доброго времени суток! Можно ли как-то простым способом сделать следующее: Имеется блок в 600 пикселов и внутри него еще два блока (display: inline-block), ширина первого блока всегда разная, она может быть 100px или 150px, в общем всегда разница. Я хочу сделать так, что после первого блока, второй занимал всю остальную длину, не больше и не меньше и всё это без использования, разумеется, JS и без всяких overflow: hidden это не подходит. Буду благодарен за дельные советы

    Asked by хакер ботаник, November 27, 2016

    0 votes
    10 answers
23. Адаптивная верстка — ширина экрана больше чем ширина содержимого страницы

    Помогите, пожалуйста, очень нужен взгляд со стороны. Проблема следующая - страница нормально отображается в десктопной версии, при ресайзе окна - тоже все ок. Но в режиме эмуляции моб. устройств ширина экрана больше чем ширина содержимого страницы. При этом проблема только в chrome firefox отображает нормально в любом режиме. Ниже скрин (режим моб. устройств). Код можно посмотреть здесь.

    Asked by VeraVostro, December 5, 2017

    • html
    • css
    • responsive
    • viewport
    0 votes
    2 answers
24. Гуглу не нравится отображение для мобильного

    Привет всем Кто может подсказать. Что Гуглу может не нравится в плане совместимости с с мобильным? https://kit-gadget.com.ua/xiaomi/xiaomi_poco_x3_nfc.shtml Если можно тыкнуть пальцем. Не могу понять, где что не так. Спасибо.

    Asked by vityah1, December 28, 2020

    0 votes
    4 answers
25. Вставка слоя

    Доброго времени суток! У меня такой вопрос: в документе имеется div с динамически обновляемым содержимым, каким образом можно добавить на свою страницу содержимое этого div-а, или сам div, с тем чтобы на моей странице это содержимое изменялось в случае обновления в исходном документе? Код div-а на исходнике: <div id="marquee_max"> <marquee direction="left" id="maga_max" behavior="scroll" scrolldelay="70" scrollamount="3" name="maga_max">Текст бегущей строки</marquee> </div> Интересует добавление именно этого слоя, без загрузки всего документа. Буду благодарен за ответ.

    Asked by Никола, February 7, 2008

    0 votes
    6 answers