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
29,542 questions in this forum
-
Смещение блока в IE6
Стандартно это делается через указание в CSS левого и центрального поля - плавающим {float:left} и если в блоках находится простой текст без какого любым форматированием все срабатывает, кроме той ситуации когда текст выравнивается по ширине (alligne="justify")? тогда и начинаются проблемы в IE 6.0, третий блок переносится в следующую строку, хотя в остальных браузерах все нормально Как сделать так чтобы все блоки располагались в строчку, независимо от того какой формат контента в них? Вот рисунок: А вот код: <div class="conteiner_main" align="center"> <div class="content_conteiner"> <div class="left_column"><p>Три…
0 votes10 answers -
нужна помощь
помогите, пожалуйста. хочу чтобы вот так получилось, но и текст и картинки каждый в отдельной строке, что делать? просто мне это надо по-учебе, да и для интереса
0 votes11 answers -
Контейнер div выравнивание по горизонтали
Доброго времени суток! Верстаю страницу и уже замучался выравнивать div контейнер. Он содержит два div'а. Один рисует кнопку с надписью, равняю текст таблицей, второй это иконка, которая должна лечь на кнопку. Проблем бы не было если бы это была просто одна кнопка целиком тогда прописывая ее ширину в контейнере и margin: 0 auto; я бы получил выравнивание по горизонтали по центру. Но тут два div'а внутри, которые по размеру не влазят в максимальную ширину контейнера, при этом один налагается на другой. Вот код: <div class="lmenubut"> <div class="catbut"> <table cellpadding="0" cellspacing="0" border="0"><tr><td align="center" valign="midd…
0 votes0 answers -
<img> в правом нижнем углу
Всем доброго времени суток! такой вот вопрос: как мне разместить картинку либо через div, либо через img, прижатой к нижнему правому углу, если размер всей страницы не помещается в экран? Картинка должны быть поверх всего и она больше чем сам футер. Заранее спасибо.
0 votes8 answers -
Как отменить срабытывание скрипта при разрешении экрана свыше 768px?
https://jsfiddle.net/Delat/L9z4hhrx/15/ До 768px скрипт работает как слайдер и это правильно. Но вот не получается запретить с помощью стилей срабатывание стиля при разрешении 768px и выше. Может быть это в принципе нельзя сделать в стилях? Необходимо чтобы при разрешении свыше 768px (включительно), блоки <li> были списком расположенные по горизонтали.
0 votes8 answers -
Слайдер slick нет левой стрелки
Подключил слайдер slick, если стрелки вынесены по бокам слайда, все работает, если слайд делаю на всю ширину экрана, стрелкам меняю позицию, левая стрелка проподает. В чем проблема может быть?
0 votes7 answers -
Выравнивание в теге <option>
Приветствую всех! Нужно в теге <option> выровнять часть строки по левому краю, а часть - по правому. Рецепт Как разместить два слова на одной строке, чтобы одно выравнивалось по левому краю, а второе по правому? с помощью стилей не помог, а таблицы использовать не хочется. Есть ли другой способ?
0 votes2 answers -
Автоматизация (парсер, скрипт, виджет и др.) с афишей сайта КУЛЬТУРА.РФ
Уважаемые форумчане, подскажите, пожалуйста, парсер, скрипт, виджет или другое решение для размещения на сайте отдельной страницы или модального окна с информацией (фото + заголовок) от определенного автора с афиши сайта КУЛЬТУРА.РФ Какие есть варианты?
0 votes10 answers -
Управление поведением списков
Возникла такая проблема... Дано: список, неважно, нумерованный или маркированный. Необходимо: добиться, чтобы при копировании списка номера или маркеры не копировались в буфер. При использовании IE маркеры и номера не копируются, однако в FF попадают в буфер обмена, в Опере еще не протестировано. Возможно ли как-то добиться того, чтобы в буфер в любом браузере копировался только текст? Делается это все для того, чтобы текст располагался на ?зебре?. Есть еще один вариант,? положить ?полосатый? фон под текст, согласовав ширину полосок с высотой строк, однако в FF при изменении размера шрифта все ?поедет?, поэтому такой вариант мне не нравится, хотя с точки зрения семантики …
0 votes5 answers -
XHTML: innerHTML в IE исполняется, а в FF нет.
Всем привет. На странице доктайп XHTML не подскажете почему строка ArrowLeft.innerHTML=""; в IE нормально исполняется, а в FF нет или innerHTML вообще не стоит использовать в XHTML в?рстке?
0 votes6 answers -
CSS position: absolute Vs relative
Код CSS: .base { width: 900px; background-color: red; position: relative; margin: auto; } .left { width: 150px; height: 500px; position: absolute; background-color: green; left: 20px; top: 200px; } Код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title>Test</title> <link rel="stylesheet" type="text/css" href="myCSS.css" /> </head> <body> <div class="base"> <div class="left"></div> </div> </body> </html> Вопрос: Почему я вижу зеле…
0 votes9 answers -
Программа для создания макета сайта
Сколько видел, все макеты сайто в PSD. Мне удобнее для себя сделать в Illustrator'e или CorelDraw, хотя и с Photoshop'ом работаю. В чём соль PSD, удобнее потом разбирать? Или верстальщику проще этот формат открыть?
0 votes9 answers -
Сделать <span> неактивным
Такой вопрос - есть правило для ссылок pointer-events: none; позволяющее сделать ссылки неактивными, у меня есть span - в нем иконсет распределенный через backgroung-position для будущих страниц сайта, есть ли правило для span позволяющее сделать так, что бы при нажатии на него ничего не происходило(в данным момент при нажатии на картинку перекидывает на главную
0 votes3 answers -
Не работает :nth-child
<div class="box-two"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> </div> .box-two:nth-child(2n) { color: red; } Ни в какую не хочет работать, браузер chrome, редактор brackets. First-child и last-child тоже не работают, что может быть не так?
0 votes2 answers -
Как сверстать такой блок
Возникла проблема с версткой такого блока как на картинке. Подскажите в каком направлении искать информацию?
0 votes17 answers -
Частичное примение стиля по спецификации
Вот код: a.content_link_menu { color: #4a4a4a; font-family: verdana; font-size: 11px; text-decoration: none; border-bottom: 1px dashed #4a4a4a; } Подчеркивание ссылки пунктирной линией, работает в Опере и Мозиле, прочитал специфику, написано что Частично работает в ИЕ Как сделать чтобы хотябы сплошной линией подчеркнуть текст ссылки?
0 votes3 answers -
Горизонтальное меню. Зачем списки?
Во многих статьях рекомендуют делать горизонтальную панель навигации на основе списков. Для чего? <html><head><title>меню</title> <style> ul {margin: 0; padding: 0;} li {display: inline; list-style-type: none;} </style></head> <body> <ul> <li><a href="1.html">link1</a></li> <li><a href="2.html">link2</a></li> </ul> </body></html> Ведь можно написать просто: a {display: inline;} Единственное, что приходит в гоову для удобства тех, у кого браузер не поддерживает CSS: ссылки списком выглядят лучше чем в строчку.. Больше ничего в голову не приходит...
0 votes5 answers -
Div к списку ссылок
Кто-нибудь может подсказать в каком направлении гуглить: хочу сделать так чтобы Div примененный к списку ссылок(прямые на картинки) применял к каждой ссылке такую форму: <a href="{URL}"><img width="150" src="{URL}" border="0"></a> Или средствами css этого не добиться?
0 votes13 answers -
Проблемы с clearfix и высотой блока
Я знаю, тут сидят опытные люди. Я сам занимаюсь версткой не первый год, и считаю себя достаточно профессиональным в этой области. Для чего я это написал. Не давно меня поверг в ступор один баг (может фича) связанный с clearfix'ом (я полагаю его использует больниство верстальщиков) Собственно код для ознакомления тут http://codepen.io/anon/pen/yFnJo Вопрос: почему растягивается первый item на высоту sidebar'a?
0 votes13 answers -
ХЕЛП!!! Flash видео при прокрутке "заезжает" на фиксированный элемент!
Сделал страницу с фиксированным (position:fixed) положением хедера, ниже, в контенте, по средствам Dreamweaver'а вставлено флеш видео. Когда начинаешь прокручивать контент в IE6 и в Oper'е, это видео "заезжает" на хедер, а не под него! Что делать? Код в шапке страницы: <script type="text/javascript"> function MM_CheckFlashVersion(reqVerStr,msg){ with(navigator){ var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1); var isWin = (appVersion.toLowerCase().indexOf("win") != -1); if (!isIE || !isWin){ var flashVer = -1; if (plugins && plugins.length > 0){ var desc = plugins["Shockwave Flash"] ? plugins["Shockwave F…
0 votes4 answers -
интервал в тексте
Как сделать скажем 4 пробела подряд не используя и не вставляя каждый раз div. Нашел тег text-indent: 20px; но это отступ в начале текста а если мне нужно в середине. Причем не не нужен интервал между строками, нужно именно.
0 votes8 answers -
Png и галереи на яваскрипт
Привет Ребза! Подскажите плиз, как по-нормальному прикрутить галлерейку (GALLERIA или Galleriffic, траблы одинаковые) к html-сайту, на котором искользуется jawa-скрипт для корретного отображения png в ИЕ 6,7. Походу дела конфликтят они.
0 votes4 answers -
Image position
Пожалуйста помогите мне определить img от левого края. Никак ни могу разобраться в стилях, или точней не знаю их. Если можете, покажите пожалуйста код.
0 votes7 answers -
как дасть разным классам одни свойства
вот кусок ЦСС кода: a.opel {display:block; background-image: url(diz/opel.png); width:200px; height:199px; background-repeat: no-repeat;} a.opel:hover {background-position:0 -200px;} a.chevrolet {display:block; background-image: url(diz/chevrolet.png); width:200px; height:199px; background-repeat: no-repeat;} a.chevrolet:hover {background-position:0 -200px;} a.kia {display:block; background-image: url(diz/kia.png); width:200px; height:199px; background-repeat: no-repeat;} a.kia:hover {background-position:0 -200px;} a.hyundai {display:block; background-image: url(diz/hyundai.png); width:200px; height:199px; background-repeat: no-repeat;} a.hyundai:hover {background-positi…
0 votes10 answers -
Как Clip подружить c упрямым ослом (IE)
Доброй ночи... Вот сижу и думаю как же это подружить этого Clip с IE. Читал что место запитых нужно пробелы ставить но не помогло... Приведу пример всего что я делаю. Есть изображение квадратика. Квадратик я обрезаю с помощью клипа на четыре части получается четыре угла. Углы с верстались нормальна Вот пример стиля углов. /* на четыре угла приходится четыре дива вот с таким стилем*/ .jwb_Board_One, .jwb_Board_Two, .jwb_Board_Three, .jwb_Board_Four{ position:absolute; /* позиционирования элемента*/ width: 30px; /* ширина блока*/ height: 30px; /* высота блока */ background-image: url('../images/BoardAngles.png'); /* фоновое изображение тот самый квадратик */ z…
0 votes17 answers