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
-
Тег span не выводит изображение
Подскажите, почему не выводится изображение. CSS .icon { background: url("../site_media/services.jpg") no-repeat scroll 0 0 transparent; } HTML <span class="icon"></span>
0 votes1 answer -
<table>
имеется таблица <table> <tr> <td></td> <td></td> </tr> </table> как можно сделать такую структуру: ________________ |Фото |Описание | | | | | | | |_____| | | | | | _________________
0 votes11 answers -
vertical-align
Добрый вечер! У меня есть многострочный <td> внутри <tr> со свойством vertical-align: middle; и всё вроде бы хорошо, только на практике содержимое например 2-х строк выравнивается исходя из высоты не самой буквы, а высоты этого шрифта, я не знаю как правильно сказать. Тоесть, выравнимание не смотрит на то, есть ли у меня буквы вида Й или Ё в первой строке, а уже делает отступ как будто они есть, эти 2 пикселя под умлауты. Также обстоят дела с последней строчкой, в которой может не быть букв Щ Ц Д и пр.. Выражаясь русским языком, для системы, буква Й и буква К имеют одинаковую высоту. Может есть свойство, которое заставит игнорировать это и брать только "чистую…
0 votes8 answers -
Присоединение к вертикальной колонке другой колонки
Подскажите, пожалуйста, как к вертикальной отцентрированной колонке присоединить прилепить другую колонку, так что бы отцентрированная колонка осталась отцентрированной?
0 votes5 answers -
текстовое содержание дива наезжает на соседней див
текст в теге div id="content" наезжает на футер. У меня уже все мысли исчерпались по этому поводу. В чём проблема? Можете объяснить? Заранее спасибо. CSS: html { height: 100%; } body { height: 100%; } * { padding:0; margin:0; } #wrapper { min-width: 1000px; min-height: 100%; background: #f00; } /* Middle —————————————*/ #middle { border-left: 250px solid #B5E3FF; border-right: 250px solid #FFACAA; position: relative; background: #988780; } #container { width: 100%; float: left; overflow: hidden; margin-right: -100%; } #content { padding: 0 20px; } /* Footer —————————————*/ #footer { height: 100px; backgroun…
0 votes6 answers -
Проблема с div
Здравствуйте. Короткое описание цели: я хочу сделать блок на странице, и чтобы слева от него впритык был маленький блок с меню, добился данного эффекта следующим образом: запихал эти два блока в 1 большой блок, и у основного блока прописал float:right тут и проблема, снизу на картинке содержимое маленького блока, я без понятия почему блок съехал так как и задумывалось, а содержимое блока осталось внизу страницы... я хочу именно чтобы блок с меню был под главным, и тень от главного на него падала, поэтому такое извращение Подскажите пожалуйста как передвинуть содержимое вслед за блоком или может другой способ реализации.
0 votes4 answers -
Не могу разобраться...
Всем привет! Верстаю страничку с css. Столкнулся с такой проблемой, не отображается картинка в браузере если вставить через css, вот код .zone_top{ height:94px; position:absolute; top:0px; } .zone_top_left{ width:12px; height: 99px; left:0px; background:url(img/elements-1.png) repeat-x 0px -395px; } Это на странице <div class="zone_top zone_top_left"></div> Если вставлять через <img/> то все работает <div class="zone_top zone_top_left"><img src="img/elements-1.png"></div> Где ошибка???? Заранее благодарю!!!
0 votes5 answers -
tooltip скрывается при наведении
возникла странная проблема, причем раньше с этим не сталкивался имеется такой вот код http://codepen.io/usf/pen/GgzxJ при наведении на квадрат появляется подсказка, если навести на подсказку то она сразу исчезает! хотя не должна, по идее. причем в хроме это работает нормально, а в мозилле и опере нет, ума не приложу, что такое.
0 votes3 answers -
Плавающие элементы вразнобой
Здравствуйте! Плавающие элементы (список товаров) на этой странице: http://ums-shop.com.ua/store/electrical-equipment/navigation-lights/ идут вразнобой. Явно из-за того, что у одного элемента название состоит из одной строки, у другого - из двух. Подскажите, пожалуйста, как сделать так, чтобы элементы выстраивались четко по рядам. Заранее благодарю.
0 votes3 answers -
Как расположить два div-а в ряд?
А именно чтобы один был слева а другой справа, и когда ресайзиш страницу в браузере той блок что спррава не двигался за бордюром, и не заслонял логотип. как щас - test На планшете и телефоне правый див вылазит на середину.
0 votes2 answers -
требования
скажите , а есть правила или требования которые предъявляются к сайтам.
0 votes3 answers -
Приоритет блоков поделиться
Здравствуйте. Столкнулся с проблемой по установке блока "поделиться", стоит плагин на рекламу, который выводит рекламный блок в конце статьи. Дак вот при установке блока поделиться он отображается после рекламного блока, можно ли задать ему приоритет, чтоб он выводился сразу после текста и потом уже рекламный блок.
0 votes3 answers -
Почему не получается сделать sticky footer через отрицательный margin?
Делаю по тутору https://css-tricks.com/couple-takes-sticky-footer/ (1й способ) Не понимаю что не так
0 votes2 answers -
Каждый второй элемент
https://jsfiddle.net/hd45m3fc/ По началу всё идёт как надо выбирается каждый второй элемент. Но вторая пара, после <br>, уже применяет каждый второй начиная с первого. Почему такое поведение?
0 votes2 answers -
Для data-toggle указать dropdown и tooltip
Всем привет, В верстке Bootstrap 3.3.7. есть выпадающее меню с довольно длинным текстом и хочется длинный текст вывести в тултипе а в меню короткий текст вроде: <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown tooltip" data-placement="left" title="SomeRatherLongTextTextTextText"> ShortText <b class="caret"></b> </a> <ul class="dropdown-menu"> <li> ... Но тогда и менюха перестает работать. Получается что для data-toggle может быть указано или dropdown или tooltip... Никак нельзя извернуться чтобы меню и тултип работал для одной сссылки ? Спасибо!
0 votes1 answer -
Позиционирование relative->absolute
Позиционирование подпункта задан относительно родителя. Свойство "left" подпункта задан 100%-ная ширина родителья, но свойство меняется относительно главного окна браузера. Также ведет себя и свойство "top" . В чём ошибка? Вот ссылка https://jsfiddle.net/ttoliboff/kbb6rybz/
0 votes1 answer -
Разделы в ИЕ
Я решил написать в DTD для XML документа разделы... <?xml version="1.0" encoding="windows-1251"?> <!DOCTYPE abilities [ <!ENTITY elem "Стихии"> ]> <abilities> <abil school="&elem;" name="Вихрь"> .... (всё вел формед ) так вот, если я вытаскиваю значение атрибута school в html то ИЕ не возвращает ничего, а даже прерывает обработку скрипта. Может кто знает как можно заставить его понимать такие вещи?
0 votes4 answers -
Transitional и Strict xHTML 1.0
Народ, такой вопосик: Стоит в документе переходной стиль...... Во всех броузерах всё отображается абсолютно правильно.... ставлю строгий стиль.... FF смещает вниз некаторые блоки на 2px Safari, Chrom смещает вниз некаторые блоки на 1px Opera, Ie - всё отображается нормально..... ктонибудь сталкивался....?
0 votes3 answers -
Валидация доктайпа
Не знаю можно ли тут ссылку на этот сайт дать. Вот увидел там статью: Различное отображение HTML документов в браузере зависит от объявленного Doctype. И таблицу которая немного огорчила. Так ли это? http://www.i2r.ru/static/479/out_23105.shtml По w3c полазил, ничего путного не увидел.
0 votes4 answers -
Опознавание Приема
Доброго времени суток уважаемые форумчане. дизайнер подсунул необычный ход, и начал я поиски примерного шаблона, чтоб придумать как жеж его реализовать. пожалуйста, подскажите как это обозвать можно: описание работы сего блока: первое открытие страницы - блок представлен как на рисунке. при нажатии, например, на "Раздел 2" полоска с именем раздела едет влево, тем самым закрывая первый блок и открывая второй. надеюсь понятно объяснил.. пример реализации - менюшка на сайте B-shop только надо конечно не так пафосно без флэша, полупрозрачности и т.п. буду благодарен любой помощи RGDs
0 votes5 answers -
Тег VIDEO как ссылка
На iPAD Необходимо создать переход на другую страницу по клику на видео. Пробовал разные варианты. - В div который содержит этот тег video прописывал onclick="location.href='#'" - на компах работает на iPad нет. - Pазмещал div над самим видео - на компах работает на iPad нет. - Вешал картинку над самим видео и делал её ссылкой - на компах работает на iPad нет. Уже замучался. Как можно сделать переход по клику на видео для iPad? Спасибо. З.ы. Если убрать атрибут controls, то работает и на iPad, но мне нужно с контролем. Autoplay на iPad не работает.
0 votes3 answers -
Разчертить линию по координатам
Здравствуйте. Очень нужно научится рисовать линию. Т.е. есть 2 точки первая по координатам x-13,y-48 а вторая x-56, y-136 т.е. мне надо чтобы линия или картинка в виде линии пошла из первой точки к второй. Подскажите пожалуйста как это можно организовать?
0 votes10 answers -
Размещение рисунка
Здравствуйте всем. У меня вопрос на первій взгляд очень простой: мне нужно разместить три рисунка в модуле для джумла посреди блока. На первій взгляд довольно простое задание, но теги <center></center> не работают. С того что знаю о цсс: сделать стиль <div style="text-align: center"></div> тоже не подходит. Ничего не происходит. Некоторіе класі цсс так и не нашел в папке модуля и сайта вцелом. Не знаю даже куда ріть. Может кто подскажет направление хоть? Вот сайт. Изображения - три сертификата зумера.
0 votes1 answer -
проблемы с версткой
Здравствуйте. помогите решить проблему в верстке с скроллом. Нужно что-бы скрол всегда был на черном фоне, и скролился прокруткой мышки(в хроме скролится, в опере фф и ие - нет). буду благодарен за любую помощь. верстка - http://us.ua/945967/
0 votes4 answers -
ошибка валидатора
извиняюсь за портянку кода, но не могли бы вы пояснить пожалуйста ошибку, которую находит html-валидатор от w3c? <div style="max-width: 830px; max-height: 220px" data-options="{"dimensions":{"width":830,"height":220,"responsive":true},"transitions":{"effect":"fade","duration":1000},"navigation":{"arrows":true,"arrows_hover":true,"arrows_position":"inside","pagination":false,"pagination_hover":false,"pagination_position":"inside","pagination_location":"bottom-center"},"playback":{"enabled":true,"pause":2000}}" class="easingsliderlite is-firefox use-fade use-css3 is-responsive"> <div style="padding-top: 26.506024096386% !important;" class="easingsliderlite-viewpo…
0 votes1 answer