HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Проблемы с float
Есть страница с футером, прижатым к низу страницы. Сверху див с основным контентом. В нем слева див с меню, у него задано float: left. Следующий див на всю ширину. В нем набор элементов, также с float: left. Необходимо делить плавающие элементы подзаголовками. При этом первое же разделение уносит всё, что отделено на уровень ниже дива с меню. Вот образец: http://kaminski.dyndns.tv/look.php Попытка задать для дива с меню height: 0px на первый взгляд помогает решить проблему, но тогда если меню разрастается по высоте, оно залазит "под футер". Смотреть: http://kaminski.dyndns.tv/look2.php
0 votes5 answers -
Мигание загружаемых картинок
Доброго времени суток! Столкнулся с проблемой мигания картинок. Суть в том, что у меня стоит инпут кнопки с селектором background:url(button1.png); и с селектором:hover background:url(button2.png);. Всё это установлено вместе с transition:all 0.3s ease;. Т.е. по сути кнопка медленно меняет свой внешний вид с button1.png на button2.png. Но проблема в том, что при наведении, перед тем как поменять внешний вид, картинка мигает (т.е. однократно исчезает на долю секунды и затем появляется button2.png, проигрываясь transition'ом). Никто не сталкивался с подобной проблемой? А то уж больно сильно напрягает это мигание. Думал может загрузчик подключить и проблема решиться, посовет…
0 votes5 answers -
Элементы списка по ширине. кроссбраузерно
помогите пожалуйста выровнять блоки articles по ширине так чтобы крайние элементы строки прилипали к краям родительского конейнера(обычно в интернет-магазинах таким образом располагаются товары). здесь я реализовал то, что хочу. но в safari и ie9 расположение ломается(( то же самое, но в jsfiddle, если так удобнее вам будет важно чтобы articles были выровнены не через float, а через inline-block(так как articles могут быть различной высоты)
0 votes5 answers -
Проблема с отображением внедренных шрифтов в 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 отображал?!
0 votes6 answers -
Верстка меню
Нужно сверстать такое меню: При наведении на ссылку отображаются все под меню, притом то подменю, что лежит в ссылке на которую навели, выделяется так как на картинке. Блок, в котором лежат все подменю растягивается на высоту самого длинного списка. блок с подменюшками полупрозрачный, с тенью. юзать можно только css. таблицей делать не пойдет, ибо будет все адаптивно. задать какую-то одну высоту подменюшкам не пойдет ибо в меню неопределенное количество ссылок. В общем вот задача, фиг кто ее сделает) структура меню стандартная <ul><li><a></a><ul>...</ul></li></ul>
0 votes2 answers -
Проблемы с "position: fixed" под Chrome
Всем здравствуйте! Я тут первый день, местных обычаев еще не изучил, поэтому если что не так - прошу пинать не очень больно. Проблема у меня следующая. Нужно в шаблоне страницы сделать зафиксированную шапку (ну и еще левое меню). Сделал я это, навесив на требуемые слои атрибут "position: fixed". Под IE и Mozill'ой глюков не обнаруживается, а вот под любимым мною Chrome'ом вдруг получил гимор. Выглядит это так: Хром рисует страницу, не успев расставить слои по позициям. Например, как видно на рисунке левое меню отрисовано по центру. Refresh страницы ситуацию исправляет полностью. "Сдвиги" возникают не всегда, но с постоянством, достойным лучшего применения и в разных вар…
0 votes3 answers -
Подскажите с версткой, дизайн
Всем привет, подскажите с версткой дизайн игровой нужно сделать под html я так и не пойму как сверстать( Я в верстке не шарю кто сможет помогите пожалуйста
0 votes7 answers -
Картинка через :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…
0 votes1 answer -
Помогите со слайдером
Всем привет. Прошу сильно не пинать Подскажите новичку как сделать слайдер Tilted Content Slideshow по таймеру, то есть через определенное время чтобы сам листался? Заранее благодарен!
0 votes8 answers -
Что сильнее импотента?
Сейчас блок черный, можно ли его сделать его зеленым через 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; } Живой пример
0 votes4 answers -
Сворачивание меню при нажатии на ссылку
Здравствуйте. Есть меню на html/css. Сделал ссылки для навигации с помощью якоря, но при нажатии на ссылку, меню не закрывается, так как для этого необходимо снять флажок с checkbox. Подумывал сделать из label ссылку, меню закрывается, текст оформлен как ссылка, но по ней не переходит. В общем, подскажите, пожалуйста, как сделать, чтобы я нажал на ссылку, попал на нужную часть сайта и меню закрылось без дополнительных действий https://jsfiddle.net/v8rwhuo0/1/ В дополнение: конечно же, хотелось бы то же самое провернуть с затемнением (чтобы меню закрывалось, если я кликну в любое место темной зоны) — class="mask-content" Заранее спасибо ?
0 votes2 answers -
проблема с представлением странице в IE6
Добрый день . Сталкнулся с проблемой браузеров . Во всех(FireFox,Opera,IE7) страница отображается так как задумывалась а вот в IE6 блоки заключенные в дивы расположены совсем не так . вот ссылка на сайт . www.bgraf.biz/main.html
0 votes4 answers -
подгрузка картинки
у меня при наведении на изображение1 происходит замена этого изображения на изображение2 (реализовано через css). как погрузить изображение2 вместе с загрузкой страницы?
0 votes6 answers -
Поиск от Гугла
Заделал себе поиск от Гугла, мне дали Ого-гошиньки какой большой код... <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…
0 votes8 answers -
Заполнить текстом блоки
Помогите найти путь решения. Есть большой кусок сплошного текста, его необходимо разбить на три блока, высота блоков должна быть постоянной. Текст без разметок, вариант с разметками в тексте не подходит, так как надо будет использовать разные тексты разной длины и шрифтов, но при этом блоки должны основаться постоянной высоты и ширины. Пример как должно быть на рисунке. http://itmages.ru/image/view/497848/13a20ec1 Я мало что понимаю в SCC, натолкните в каком направлении рыть или может есть готовое решение? Спасибо.
0 votes7 answers -
Кайма у текста в css
Всем привет! Кто-нибудь может подсказать можно ли с помощью стилей задать тексту обрамление, кайму(не знаю как выразиться)? Смотрел в сторону Shadows, но мне нужно не тень а именно кайма. В photoshop это называется stroke effect.
0 votes5 answers -
0 votes5 answers
-
Масштабирование изображений и их качество
Столкнулся с проблемой - в Мозилле и IE картинки, уменьшенные средствами css выглядят ужасно, в лесенке. Свойство image-rendering, отвечающее за алгоритмом интерполирования изображения при масштабировании, к сожалению, не дает никакого результата. Погуглил, но так и не нашел решения данного вопроса. Будто бы он никого и не волнует? Как же тогда быть? Делать множество копий картинки нужного размера под каждое разрешение экрана?
0 votes7 answers -
Проверка данных HTML5 формы без JS
Интересует такой вопрос. Про параметр required в HTML 5 думаю знают многие <input required>. Если не прописать значение, то браузер при попытке отправки формы предложит-таки его заполнить. Но вот возможно ли прописать в HTML5 в форме таким образом, чтобы в группе чекбоксов, требовалось бы выбрать хотя бы один? Или без JS такое невозможно? Если прописать атрибут required в каждом чекбоксе, то браузер не успокоится пока не будут проставлены галочки на всех этих чекбоксах, то есть для меня это не катит Есть ли такая возможность или в HTML5 этого сделать невозможно?
0 votes1 answer -
Чередование фона
Добрый день, подскажите пожалуйста, как правильно в 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">
0 votes6 answers -
Случаи использования http(s)://
Доброго дня! Для того, чтобы описать регулярное выражение мне необходимо учесть все случаи, когда используются символы http(s):// Итак. В редакторе составляется е-майл письмо. Оно может содержать html теги, таблицы, картинки, стили css. Задача - в момент сохранения изменить все ссылки (содержащие http(s)://). Для чего изменить - это другой вопрос и к этой теме не относится. Я условно подразделил все ссылки на два типа: Содержащие <a href="http://...... то есть текстовые ссылки (они нам не интересны) Все остальные ссылки на картинки, на фоновые картинки и т.д. содержащие: <table background="http:// <img alt="" src="http:// …
0 votes3 answers -
Совместное использования процентов и пикселов
Доброго времени суток! Можно ли как-то простым способом сделать следующее: Имеется блок в 600 пикселов и внутри него еще два блока (display: inline-block), ширина первого блока всегда разная, она может быть 100px или 150px, в общем всегда разница. Я хочу сделать так, что после первого блока, второй занимал всю остальную длину, не больше и не меньше и всё это без использования, разумеется, JS и без всяких overflow: hidden это не подходит. Буду благодарен за дельные советы
0 votes10 answers -
Адаптивная верстка — ширина экрана больше чем ширина содержимого страницы
Помогите, пожалуйста, очень нужен взгляд со стороны. Проблема следующая - страница нормально отображается в десктопной версии, при ресайзе окна - тоже все ок. Но в режиме эмуляции моб. устройств ширина экрана больше чем ширина содержимого страницы. При этом проблема только в chrome firefox отображает нормально в любом режиме. Ниже скрин (режим моб. устройств). Код можно посмотреть здесь.
0 votes2 answers -
Гуглу не нравится отображение для мобильного
Привет всем Кто может подсказать. Что Гуглу может не нравится в плане совместимости с с мобильным? https://kit-gadget.com.ua/xiaomi/xiaomi_poco_x3_nfc.shtml Если можно тыкнуть пальцем. Не могу понять, где что не так. Спасибо.
0 votes4 answers -
Вставка слоя
Доброго времени суток! У меня такой вопрос: в документе имеется 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> Интересует добавление именно этого слоя, без загрузки всего документа. Буду благодарен за ответ.
0 votes6 answers