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
-
Каким способом выравнять картинки относительно абзаца слева?
Верстальщик из меня так себе, но вот встал вопрос, поэтому хотел обратиться за советом. Есть <div>, в которм бдует распологаться текст с иллюстрациями. Задача состоит в том чтобы правильно сформатировать положение картинок относительно текста. текст идет сплошной лентой, разбитой на абзацы. Если бы картинки требовалось расположить внутри него, слева или справа, неважно как, вопроса бы не было. Но необходимо, чтобы картинки располагались слева от определенных абзацев <p> на определенном фиксированном расстоянии. То есть как бы две колонки - одна узкая для картинок, вторая широкая для текста. Как это лучше всего сделать? Идеи такие - создать для колонок два <…
0 votes18 answers -
Ошибка в IE при верстке картинками
Помогите, пожалуйста, устранить баг. В IE над картинками menu_top и content_top появляеться полоса фона. Никак не могу прижать картинки к верхнему краю. В Firefox и Opera все работает отлично. Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <table width="720" border="0" cellpadding="0" cellspacing="0"> <col width="195" valign="top"> <col width="525" valign="top"> <tr> <td style="background: #aff7fa" valign="top"> <img src="images/menu_top.jpg" style="pos…
0 votes3 answers -
Верстка на дивах
Необходимо сделать следующую вещь: С дивной версткой мало знаком, прошу помочь кто знает. По идее, человек который хоть раз такое делал слету скажет что и как надо сделать.
0 votes12 answers -
Перекрытие двух css стилей
Ребята, есть вопрос, помогите, плиз. Есть горизонтальное выпадающее css меню. Оно написано исключительно на css. И есть анимарованная кнопка, тоже на css. На одной из страниц у меня одна из подобных кнопок находится под выпадающим меню достаточно близко и когда в выпадающем меню наводишь курсор на пункт меню, который пересекается с кнопкой, которая под ним, то начинает срабатывать кнопка, а не продолжает работать меню. Подскажите, как мне сделать так, чтобы меню навигационное всегда работало, независимо от того, на какие элементы она налезает. Заранее благодарен.
0 votes5 answers -
Растягивание меню на всю ширину блока
Всем доброе субботнее утро! Столкнулся с проблемой, нужно сделать такое: Код: <div class="letters"> <ul class="alphavit"> <li><a href=/directory/index/%D0%90>А</a></li> <li><a href=/directory/index/%D0%91>Б</a></li> <li><a href=/directory/index/%D0%92>В</a></li> <li><a href=/directory/index/%D0%93>Г</a></li> <li><a href=/directory/index/%D0%94>Д</a></li> <li><a href=/directory/index/%D0%96>Ж</a></li> <li><a href=/directory/index/%D0%97>З</a></li> <li><a href=/directory/index/%…
0 votes1 answer -
валидные картинка и её ховер
Как корректно вставить 2 картинки в одну область, что бы валидатор не фурчал? Например меню картинками, одна картинка элемент меню, вторая ховер на нём. Я 2 класса делаю с разными бекграундами и в <a> пихаю <li> что есть невалидно. Код HTML <ul> <a href="index.html"><li class="top_menu1"></li></a> </ul> Код CSS .top_menu1{ background:url(Images/top_menu1.png) no-repeat; width:54px; height:12px; margin:1px 0 0 5px; } .top_menu1:hover{ background:url(Images/top_menu1_red.png) no-repeat; cursor:pointer; }
0 votes5 answers -
Сдвиг каждой строки
Здравствуйте. Можно ли как-то реализовать вот такую штуку... Каждая следующая строка текста сдивагается на определенное количество пикселей. Например: вввввввввввв вввввввввввв вввввввввввв вввввввввввв вввввв Очень интересная задача, и мне интересно, можно ли такое реализвать с помощью CSS?
0 votes14 answers -
Скрипт Smartresponder только на главной странице?!
Добрый всем день. Сделал сайт, сделал с помощью Smartresponder.ru скрипт для всплывающего окна с рассылкой. Все разместил все работает все супер. НО!!! Проблема в следующем не могу сделать так, что бы это всплывающее окно отображалось только на главной странице. Гуглил, читал пытался но ничего не помогло. Подскажите кто что знает, как люди выходят с такой ситуации???? Спасибо за любую помощь. Вот сайт http://milanakutsenko.ru/ если вдруг нужно. Вот сам скрипт который размещен перед закрывающем тегом </body>: <!-- SmartResponder.ru PopOver code (begin) --> <script language="javascript" type="text/javascript" src="popover.js"></script><div id…
0 votes9 answers -
Помогите удалить мусор со стронице!
Добрый день! У меня такая проблема: Наш сайт раскручивала одна фирма "Продвиж...е" из г. Санкт-Петербурга (очень плохая организация). Сейчас договор расторгнут и они оставили ссылку на свой сайт. Эту ссылку мы хотим удалить, но не можем. Облазил все, но не нашел. Помогите удалить этот мусор, который находиться на сайте http://www.tehnomodul.ru/ слева внизу: Новости для всех «Продвижение» - раскрутка сайта Сайт на "Битриксе" Жду советов! Спасибо!
0 votes15 answers -
В Firefox'е не отображается иконка сайта в адресной строке.
В Опере и IE вс? правильно, а в Firefox'е не отображается иконка. Вот где: www.sylvesterstallone.narod.ru Что надо сделать, чтобы она и в лисе отображалась?
0 votes10 answers -
Выравнивание javascript-фрейма по центру
Здравствуйте! Вот уже все перепробовал, CSS плохо знаю, но что знаю, то попытался применить. Но в итоге - javascript-фрейм вида <script LANGUAGE=javascript SRC=http://narod.yandex.ru/survey/surveyjs.xhtml?id=ххххх></SCRIPT> форматируется посередине только топорным параметром align HTML тегов. Как с помощью CSS выровнять его по центру? text-align не работает. Ой, нет, это я не на то взглянул, по-прежнему не работает. Вот: <div style="text-align:center;"><script LANGUAGE=javascript SRC=http://narod.yandex.ru/survey/surveyjs.xhtml?id=461288></SCRIPT></div>
0 votes4 answers -
Неверное растягивание (скалирование) div блока по всей высоте body
Задача: Разместить <div> контейнер, используя 90% страницы. Контейнер используется для отображения списка файлов. Выглядеть должно так: Причина обращения сюда - проблема проявляющаяся во время уменьшения окна: Список файлов выезжает за пределы области, простите, "выезжая" и то что за ним )))). Весь код: <div class="files"> <div class="title">Список файлов</div> <div class="list"> <div> <span class="file">Текстовый документ.txt</span><span>(81 б)</span> </div> </div> <div class="info"> <div class="commonInfo">Файлов в папке: 1<span style="float:right">Общий раз…
0 votes25 answers -
Активный пункт меню при наведении курсора на выпадающую часть ?
Пользователь водит курсором по выпавшему блоку ссылок и пункт меню должен оставаться вдавленным ну или нажатым, как это сделать на css? или такое только на js нужно делать? И еще как сделать стрелку к пункту меню на css ?
0 votes4 answers -
hover в firefox'e
Товариши! Кто-нибудь может мне объяснить почему вот это код не работает в фаержопсе?! <html> <head> <style type="text/css"> .hvr a:hover { background: #786b59; } .hvr:hover { background: #786b59; } </style> </head> <body> <div class='hvr'><a>text 1</a></div> <div class='hvr'>text 2</div> </body> </html> ховер работает только для ссылки, во всех остальных браузерах и там и там. как такое возможно??!!
0 votes8 answers -
Звездный рейтинг на svg
делаю звездный рейтинг на svg на чистом css проблема в том что checked, svg почему то не закрашивается в нужный цвет Как решить эту проблему? https://codepen.io/anon/pen/zVNVRV?editors=1010
0 votes6 answers -
HREF - сcылки но фоне png
Здравствуйте друзья. Столкнулся с такой проблемой: в IE ссылки не активны если они находятся в ячейке с фоновым изображением PNG. В опере все работает. Что за своеобразный косяк?
0 votes4 answers -
Отступ у float-блока в IE
Есть блок content, растянутый на весь экран с ограничением минимального разрешения: div#measurer { position: absolute; width: 100%; top: 0; height: 1px; line-height: 1px; } #content { position: relative; overflow: auto; margin: 0; padding: 0; min-height: 100%; min-width: 925px; max-width: 1400px; } * html #content { height: 100%; overflow: visible; width: expression( ( document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 925 ) ? '925px' : ( document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 1400 ) ? '100%' : '1400px' ); } Когда внутри этого блока раз…
0 votes7 answers -
переход на html5
в общем картина такова что никто особо не переходит на html5, пока просто изучают и балуются или время уже наступило?
0 votes6 answers -
При установке галки на ckeckbox переход по ссылке.
Здравствуйте. Появилась необходимость чтобы при установке галки на input type="checkbox" произошел переход на указанную страницу (так как будто нажали на ссылку), главное условие - без использования JavaScript. Я уже думал может как то обвернуть input в ссылку... Может у Вас есть какие нибудь или идеи, или уже готовый рецепт? Буду признательный любой помощи. Спасибо.
0 votes11 answers -
Изменение расположения виджета ВК
Подскажите пожалуйста как изменить расположение виджета ВК группы.
0 votes8 answers -
frD-Выравнивание в ячейке
Как можно выровнять часть текста в ячейке таблицы по левому краю, а часть текста по правому?
0 votes5 answers -
верстка divами в две колонки - проблема в IE
Всем здравствуйте. У меня такая проблема: страница имеет двухколонный макет. Верстаю слоями. Примерно так: <div id="container"> <div id="left" style="float:left; width:30%"> TEXT </div> <div id="right"> <table> <tr> <td>TEXT</td> <td>TEXT</td> ... <td>TEXT</td> </tr> </table> </div> </div> Все хорошо, но количество столбцов в таблице во второй колонке неизвестно. Она строится динамически, и если их много и таблица не помещается, то в FF все хорошо - появляется горизонтальная прокрутка, а в IE весь правый блок сползает вниз под левый. Можно конечно сделать через абсолютное …
0 votes8 answers -
IE 6 неправльно считает абсолютные координаты
Всем любителям весрки привет многому научился с тех пор как я на этом форуме, но верстая очередной сайтешник обнаружил для ся еще один баг IE6, посмотрите вот тут http://www.realfact.ru/zhkh.html?id=24#comments, внизу у каждого блока с комментариями есть 4 уголка которые абсолютно установлены относительно их родителя <div class="commBlock"> в мозилле и опере как всегда все супер, ие7, ие8 тоже претензий нет, а вот ие6 опять проглючил у координаты почему то у него разные что и привело к такому виду! Народ плизз, как с этим бороться? PS: нижние левые и правые уголки вообще куда то делись
0 votes16 answers -
Как сделать динамическое изменение ширины?
Привет, искал что-то подобное, но не смог ничего найти. Суть такая, есть таблицы. Надо их выровнять по левому краю. Ограничить в 1000пх. И суть в том, что надо что бы при добовлении новых таблиц в диве, они не переходили в следующую строчку, а оставались в нынешней и просто появлялась полоса прокрутки. Вот сделал небольшой пример как это должно выглядеть. Тык. Надо что бы когда эти блоки умещаются в 1000рх, то просто выравнивались по левому краю ( float:left типа ),а когда выходят за рамки, то появлялась полоса прокрутки. Как overflow:auto; но главное что бы оставались в 1 строчку. С фотками и текстом я такого эффекта добивался так: <!DOCTYPE html PUBLIC "-//W3C//DTD …
0 votes8 answers -
Почему не применяется градиент?
Не получается установить градиент для body .. JsFiddle: https://jsfiddle.net/Hasiev/3tqas2ep/
0 votes9 answers