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
-
Не корректное отображение в EI
Доброго времени суток! Суть проблемы такова: текст внутри тега li в IE7 если не влезает на экран переносится по буквам. В остальных браузерах отображается нормально. Привожу картинки отображения в Firefox'e и в IE7 + кусочки кода. style.css основной css файл #block-menu-menu-topmenu{ height:85px; border:none; } #block-menu-menu-topmenu li{ list-style:disc; display:list-item; color:#FFFFFF; float:left; margin:0 10px; } #block-menu-menu-topmenu a, #block-menu-menu-topmenu2 a{ font-size:11px; } #block-menu-menu-topmenu a:link, #block-menu-menu-topmenu a:visited{ color:#FFFFFF; } #block-menu-menu-topmenu a:hover, #block-menu-menu-topmenu a:active{ color:#FFFFFF; text-dec…
0 votes14 answers -
Вёрстка
как 4 блок поставить на линию с 3? margin-top отрицательный? ещё варианты?
0 votes8 answers -
Растягивающийся на всю высоту родителя. Реально ли?
Привет Всем Вот, как обычно, сижу верстаю - и тут встречается такая проблемка: нужно, чтобы ДИВЫ занимали всю высоту их РОДИТЕЛЯ. Ну или схожая ситуация - чтобы ДИВЫ были равны по высоте самому высокому(длинному) ДИВУ в РОДИТЕЛЕ (В общем-то ситуация одна и та же). Перепробовал кучу приёмов - безрезультатно... Вот код: <!DOCTYPE html> <html> <head> <style> body{ background:#e4e4e4; } .wrapper{ width:700px; background:silver; border:4px dashed gray; margin:0 auto; overflow:hidden; } .left, .right{ float:left; width:40%; margin:10px; background:#eee; padding:10px; } .right{ width:200px; border:2px solid red; } …
0 votes2 answers -
Сделать, что б список повлиял на div
Здравствуйте, подскажите пожалуйста. Область, выделенная красным - это отдельный div, как можно сделать, что б при наведении на пункт меню "Главная страница", div, выделенный красным менял свой background ? Главное меню задается так: <ul><div class="left"></div> <li class="firstl" ><a href="/">Главная страница</a></li> <li class="act3"><a href="/price/">Прайс</a></li> <li ><a href="/stat-nashim-klientom/">Стать нашим клиентом</a></li ><li ><a href="/dlya-postavshikov/">Для поставщиков</a></li> <li ><a href="/feedback/">Обратная связь</a>&…
0 votes1 answer -
Кнопка
Допустим, я хочу сделать стилизированную кнопку. Что я уже имею: Фон Кнопка в *png покоя Кнопка в *png hover Содержимое index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8"> <title>Титул</title> </head> <body> <div id='wrapper'> <div id='sale'> </div> </div> </body> </html> Содержимое style.css /* CSS Document */ html, body { margin: 0; height: 100%…
0 votes6 answers -
Пропадает border при background
Здравствуйте. Вот такая штука. В браузерах ff, opera у меня пропадает border у th, когда я использую background-image. Картинка множится по x и тем самым заливает рамку у th. Причём в google chrome всё нормально. Не знаете в чём может быть дело?
0 votes6 answers -
Мне надо чтобы подвал прилипал к низу страницы
Всем привет! Я бы нашел это сам через поиск, но к сожалению не знаю как это правильно написать Вообщим мне нужно сделать чтобы подвал прилипал к низу страницы когда контента на странице мало. Сейчас подвал висит посеридине страницы, и это смотрится ужастно... Сам я дизайнер, и в верстке не особо, но строчки в код вставлять умею) Не понимаю... это сложно делается что ли... встречал мало верстальщиков которые бы липили футер к низу страницы (( В общим я прошу помощи!
0 votes6 answers -
Double border
Приветствую всех! Подскажите пожалуйста, необходимо сделать выдавленный div, для этого необходимо сделать двойной border. Написал border-top: solid 1px #fff; outline: solid 1px #888; Все работает, только в Опере outline просвечивает через все слои лежащие поверх этого div. Есть ли иной вариант создания двойного border?
0 votes4 answers -
Большое расстояние между list-style-type и текстом
Проблема решена. Можно удалить тему.
0 votes8 answers -
iframe и javascript
Привет, если возможность как-либо запретить дочернему фрейму воздействовать на родительское окно, например вот так if (window.self != window.parent) { window.parent.location.href="http://test"; } но чтобы при этом содержимое фрейма отображалось корректно и работали ссылки
0 votes7 answers -
Кроссбраузерность поиска html5
Здравствуйте. Подскажите как сверстать поиск кроссбраузерным. Нужно чтобы получилось вот так. Желательно обойтись без скриптов (по возможности)
0 votes7 answers -
Минимальная ширина браузера
Почему у моего хрома минимальная ширина 270px, как сделать 240px?
0 votes4 answers -
Кроссбраузерность изображений
Здравствуйте. Подскажите пожалуйста, как решить следующую проблему: сайт на WordPress, шаблон резиновый, я переделал размеры вставляемых изображений из px в %, при позиционировании изображений, в margin также применил %, так вот, в браузерах Chrome, Mozilla, Opera и Яндекс - всё отображается нормально, а в IE есть небольшое смещение некоторых картинок вверх, а в Safari - вообще конкретно уплывают. Margin я задавал атрибутом style, посмотреть пример моей страницы можно здесь. Как бы исправить этот баг?
0 votes3 answers -
Как сделать всплывающий заголовок сайта
Здравствуйте! Вот есть сайт - dollarforukraine.com, посмотрите, пожалуйста, как при открытии появляется заголовок, описание и кнопка, так вот, как сделать чтобы эти элементы не двигались сверху и снизу, а просто появлялись из прозрачного в нормальный. Т.е. при открытии/обновлении сайта как бы стояли на месте, но появлялись постепенно. Спасибо
0 votes0 answers -
Как сделать вот такой слайдер?
Вот так должен выглядеть слайдер: Видно, что слайды по бокам прячутся почти на половину ширины. У меня помещаются только 4 блока а другие 2 выпадают http://codepen.io/anon/pen/PwXZGG 1) Как сделать так, чтобы было как на картинке? 2) Как сделать чтобы товары двигались друг за другом при нажатии на кнопки "LEFT", "RIGHT" в соответствующие стороны?
0 votes2 answers -
Oбрезать картинку по бокам с помощью css
Здравствуйте, помогите, пожалуйста, решить такую задачу: Есть картинка с размерами например 1000x500, надо что бы при большом разрешении экрана (например 1200px) она показывалась полностью, а на маленьких разрешениях экрана (например 500px) она, с помощью css, обрезалась по бокам на 250px с каждой стороны.
0 votes0 answers -
Как это сверстать?
Здравствуйте, подскажите, как можно сверстать вот такую штуку с вертикальной линией? Перерыл весь интернет, всё не то...
0 votes2 answers -
Нужна ваша помощь
Всем доброго время суток, проблема может не такая и весомая но все же, заключается в том что есть сайт, на нем есть поле куда можно вводить текст, с кнопкой которая отправляет на сервер (Submit) но так же меня перекидывает на эту страницу (Сервер) и показывает все данные то что мне надо а хочется так чтобы он отображал все данные на моей странице и не перекидывал меня на сервер возможно ли это сделать, за ранее благодарю за помощь! З.У. target=_blank не то, сайт на ХТМЛ
0 votes1 answer -
Фреймы
Используя только фреймы, возможно изобразить такое? Сделать так что бы фрейм 1 и 5 имели виксированную высоту. Получается все сделать только если убрать пятый фрейм. Пробовал разбивать на 3 фрейма по вертикали и потом делить средний, не получилось. Вот оно: <frameset frameborder=0 rows="50, *, 20"> <frame skrolling="no" noresize scr="frlogo.htm" name="frlogo"> <frame skrolling="no" noresize scr="frbody.htm" name="frbody"> <frame skrolling="no" noresize scr="frfoot.htm" name="frfoot"> </frameset> А это тот самый средний фрейм: <frameset frameborder=0 cols="20%, *, 20%"> <frame skrolling="no" noresize scr="frleft.htm" name="frleft"&…
0 votes2 answers -
IE6 и трехколоночный резиновый дизайн.
решено. тему можно удалять.
0 votes3 answers -
Два интересных вопроса
1) Можно использовать в ненумерованном списке теги h1, h2....... Имеется список(10 строк) из ключевых слов которые хочу чтобы поисковик находил как заголовки H1 и т.п. И вообще семантично ли? 2)Как должен быть написан код HTML для последующей работы прогера (CMS)? Какие есть требования? добавляю третий вопрос, так как редактирую вопрос, не могу изменить тему. 3)если сайт предполагается на 2-х языках, как лучше всего организовывать структуру: страницы, СиСС, названия..............
0 votes11 answers -
IE выподающие меню подлазят под position:relative
В общем тут Examples > with BgIframe вот если селекты поместить в <div style="position:relative;">...</div> то меню окажется, под селектами. поискал в нете, все выпадпющие меню которые мне встретились, как примеры, так и на готовых сайтах, подлазят под этот див. что делать? P.S. див убрать не могу.
0 votes1 answer -
Div растягивает окно браузера
Всем здравствуйте. Хочу сделать предпросмотр фотографий для галереи с прокруткой (типа паровозик). Есть див с заданной шириной (меньше окна браузера) и overflow: hidden, а внутри его прокручивается длинный див с картинками, ширина больше окна (1500px). При просмотре страницы в FF внутренний длинный див отображается нормально. Но в ИЕ он разтягивает окно браузера на всю свою ширину. Подскажите как можно это обойти? Спасибо <style> #outerdiv { overflow: hidden; position: relative; width: 860px; } #innerdiv { position: relative; width: 1500px; } </style> <td align="center"> <div id="outerdiv"> <div id="innerdiv"> <img class=…
0 votes5 answers -
Проблема с горизонтальными изображениями
Подскажите, что может быть не так: Вот как выглядит часть странички форума в браузерах Chrome, Maxthon 2 и Maxthon 3: А вот как колбасит Opera, Firefox и Internet Explorer 8: Код наипростейший, за "горизонтальность" картинок отвечает класс addthis_default_style: <td width=84px align=right nowrap> <div class='addthis_toolbox addthis_default_style'> <a class='addthis_button_vk' title='Отправить ссылку в ВКонтакте'></a> <a class='addthis_button_twitter' title='Затвиттить'></a> <a class='addthis_button_livejournal' title='Отправить ссылку в ЖЖ'></a> <a class='addthis_but…
0 votes11 answers -
Как поставить заглушку для IE6?
Нужно, чтобы, при открытии сайта в IE6, появлялась страница или окошко поверх сайта с рекомендациями к обновлению (в противном случае некорректное отображение и бла-бла-бла). Что-бы пользователь мог обязательно выбрать: обновить браузер или смотреть сайт в этой версии. Как лучше реализовать этот момент?
0 votes2 answers