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
-
Проблемы с кроссбраузерностью
Здравствуйте. Сверстал небольшой сайт, получилось на удивление симпатично (имхо) поэтому вдвойне хочется его доделать. Проблема в том, что я верстал в ff и всё гуд, никаких багов, но вот в остальных браузерах (проверял в opera, safari, ie, chrome) есть проблемы, типа растягивание фона шапки при изменении масштаба (хотя сайт с фиксированной шириной в 1000рх) или затемнение контента на странице. Вот сам сайт: http://demo.antnow.ru/ - исходники открыты, поэтому не буду постить сюда чтобы не загромождать. Помогите пожалуйста разобраться, уже нет идей. Спасибо за внимание.
0 votes4 answers -
zoom и еще
Для решения таких задач как например inline-block элемент в IE используется такое сочетание: .inline{ zoom:1; *display:inline; } ну или так-же зум используют для правильного обтекания картинки текстом без залезания его под картинку так вот собственно вопрос в том, что фактически дает zoom и зачем перед display нужна звездочка. Заранее благодарен за ответ.
0 votes3 answers -
Вставка музыки на сайт
w'z Как вставить музыку на сайт, без плеера, просто звук
0 votes2 answers -
Подчеркивание только под заголовком
Как сделать подчеркивание только под заголовком, чтобы можно было изменять ширину, размер, тип и цвет линии? В моем варианте линия выходит за пределы заголовка, до конца строки: h3 { font-size: 23px; margin-top: 0; margin-bottom: 0; font-weight: normal; color: 0F84AB; font-family: Georgia; font-style: italic; border-bottom:3px solid 0F84AB; }
0 votes2 answers -
Помогите решить вопрос с WP
Здравствуйте. У меня сейчас вот такая ссылка http://www.btn.kiev.ua/category/stati/ на страницу статьи. Скажите пожалуйста как сделать ее вот такой http://www.btn.kiev.ua/stati/
0 votes2 answers -
Неправильно отображается баннер в ИЕ7
Добрый день. Помогите, пожалуйста, победить ИЕ7. Третий день уже бьюсь. Суть проблемы: по бокам от центрального баннера отображаются полоски. Их быть не должно. Такая проблема только в ИЕ7, в остальных браузерах нормально. Примеры страниц: http://test.love4lif...eparaty/belara/ http://test.love4lif...eparaty/siluet/ Я пробовал делать костыли в виде цветных border-left и border-right: http://test.love4life.ru/specialistam/preparaty/midiana/ но это очень грубо и не универсально. Заранее спасибо.
0 votes2 answers -
не отображается картинка
не отображается картинка (hot job online), т.е отображается, но не везде (зависимости между браузерами не нашел) просмотреть картинку сайт
0 votes6 answers -
Резиновый блок
Всем привет, у меня такой вопрос, есть блок #top, в котором есть 3 блока, #header, #content и #news, первые 2 фиксированной высоту, а 3-ий должен занимать оставшуюся часть блока (по высоте) #top, как это сделать?......гугл говорит написать скрипт, но так же говорит, что это не лучший вариант, хотелось бы это сделать средствами верстки, это возможно? /* Body */ html{ height: 167%; } body{ font-family: 'Titillium Web'; color: #223e48; margin: auto; width: 100%; height: 100%; } /* Main backgrounds */ div#top{ background-image: url(patterns/pattern.jpg); min-width: 940px; width: 100%; min-height: 596px; height: 63%; } div#low{ background-image: url(patterns/pattern_white.j…
0 votes2 answers -
Верстка из картинки
Нужно сверстать документ для e-mail. Только табличная вёрстка, без маппинга изображений, без внешних CSS только инлайн. Конкретно интересует средняя часть с товаром. Все ссылки должны быть рабочими. Помогите пож. http://files.mail.ru/7D4CF09A3BBD4125BD2E8110F6B8A7DE?t=1
0 votes1 answer -
Управление вкладками через CSS
Добрый день, помогите разобраться с отображением вкладок. Есть две вкладки: Вкладка1 и Вкладка2. В вкладках содержится информация. В вкладке2 есть еще две вкладки: Вкладка3 и Вкладка4. На данный момент стиль настроен так, что отображается информация вкладок 2, 3, 4 на Вкладке1, а не должна. Ниже html и css код. html-файл: <!DOCTYPE html><html><head><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style.css" /></head><body><div class="tabsLink"> <a href="#tab1">Вкладка 1</a> <a href="#tab2">Вкладка 2</a></div><br /><a class="tabs" id="tab1"></a> <div class="…
0 votes0 answers -
Реализация меню
Здравствуйте! Подкиньте, пожалуйста, идею: как реализовать такое меню? В обычном состоянии это простое меню с маркерами слева: А при наведение становится так:
0 votes5 answers -
Правильность написания одиночных тегов
Объясните, нужно ли в HTML 5 писать слэш в одиночных тегах (<br />, <input />, <img />)? Валидатор принимает оба варианта, но как все же правильней? Как я понимаю, наличие слэша - это наследство от XHTML?
0 votes1 answer -
IE9 неправильно выстраивает элементы. В чём причина?
http://tellmeof.cc.ua/MetroUI/metroui.html Нормальные браузеры при ширине области просмотра более 960px выстраивают плитки в два ряда. В IE9 что-то ломается, и ряда становится три. Не могу понять что происходит.
0 votes1 answer -
Помогите реализовать
Добрый день, при вёрстке столкнулся с проблемой и никак не могу реализовать (картинка ниже) Не могу разместить блоки правильно + ко всему на картинках кнопки не могу реализовать. Буду признателен за помощь. Со слайдером разберусь. Главное макет расположения блоков помогите сделать.
0 votes2 answers -
помощь в строках таблицы
Ребят, не знаю, туда ли написал или нет... не судите строго. Нужна помощь, хотелось бы знать, как реализовать такие вот строки... Нужно в точности перерисовать эту таблицу в html вид и вот не знаю, как опустить эти строки Заранее благодарен.
0 votes2 answers -
Как сделать, чтобы ® было маленькое и сверху?
маленькое ® сверху справа, около товара как сделать в css? в html понятно <sup>®</sup> дело в том, что создаю пункт меню в джумле, там потому не html, а просто текстом ввожу название. вот можно ли как-то применить css именно к этому символу?
0 votes4 answers -
Как кастомизировать форму хабспота?
ЗдравствуйтеНе получается кастомизировать форму хабспота. (только стили и визуал)Не понимаю в чем проблема и где не там пишу.Доки: https://developers.hubspot.com/docs/...d_form_optionsПрописываю и реакции 0: <style> .my-custom-form input[type=text] { border: 3px solid red; } </style> <div> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script> <script> hbspt.forms.create({ portalId: "6402240", formId: "c39e10cd-caf3-4853-b412-fef2e723c153", cssClass: "my-custom-form" }); </script> </div>
0 votes0 answers -
Тег EMBED
Подскажите, что означает параметр wmode тега EMBED? Или это не параметр? в любом случае, что значит, если он = "window"? Спасибо!
0 votes1 answer -
Иконка в меню
Хочу разместить сво иконку ,я создал её, она находиться в папке имг. Хочу как-то в стилях прописать изображение, а потом подключить в пункты меню эту картинку,чего-то не получаеться правильно сделать это, вот фото которое я хочу получить, и архив в котором пытаюсь это сделать. http://www.sharemania.ru/0227236 http://ipicture.ru/uploads/100903/3BZtW9w4xU.jpg
0 votes1 answer -
Бордюры в IE
SOS... Как бороться с бордюрами в ослике. Ослик отображает бордюр внутри дива, а остальные браузеры как бы расширяют див на ширину заданного бордюра т.е если у нас высота дива 100px то в ослике 1px бордюр будет в нутри дива тем самым не увеличивая его размер, как это делают другие браузеры. У них, как я понимаю, бордюр на свою ширину расширяет див. 100px ширина дива и если мы ставим бордюр в 1px, то ширина дива уже будет 101px. Ну где то так. В общем подсмотреть проблему можно здесь. Если вы откроете в IE, то нижний бордюр будет неразрывным, а если в другом браузере, то он разрывается. Подскажите как с этим можно бороться?
0 votes2 answers -
Плывет градиент при background-attachment: fixed
Здраствуйте. Глупый вопрос скорее всего) Есть класс .gr{ background-image: url("img/gr.gif"); background-repeat: repeat-x; background-attachment:fixed; } Проблема в том, что при прокрутки вниз в любом браузере, градиент бежит вниз страницы за прокруткой. Класс применяется в таком виде: <td class="gr" height="100%">
0 votes2 answers -
изменить цвет изображения
при обработке изображений макета в фотошопе постоянно сталкиваюсь с такой проблемой. например, есть узор определенного цвета с оттенками, с градиентом. нужно изменить его до другого строго определенного цвета. подскажите как быть в этой ситуации? так же описанный узор как вариант может иметь элементы из других цветов, которые не должны меняться - это вторая часть проблемы.
0 votes4 answers -
Резиновая блочная верстка. Проблема с позицианированием div
Здравствуйте. Давно уже ничего не верстал. Лет пять как минимум и встала необходимость за неделю все вспомнить. Проблема возникла с div блоками (из которых все и составляется). Толком я сам не могу понять в чем причина, иначе возможно нашел бы решение. Вот страница http://images.km.ru/test/index.html , вот css http://images.km.ru/test/index.css Смысл в том, что мне нужно сделать резиновый блок, который будет расширятся по вертикали в зависимости от наполнения. Блок этот составлен из div элементов (верх, низ, право-лево), а внутри уже само наполнение. Проблема в боковых границах (#bd_lt и #bd_rt). Насколько я понял длинна ориентируется по правой колонке с наполнением (#rt_…
0 votes1 answer -
Подныривание под div'ы с float в IE 7.0
Уважаемые форумчане, встретился с тем, что в IE 7, div, следующий за дивом со свойством float, не хочет подныривать под впереди идущий. То есть последующий div свойства float не имеет и в других браузерах оказывается под дивом, находящимся впереди него. Что можно придумать для IE 7, чтобы он вел себя в соответствии с пожеланиями консорциума?
0 votes3 answers -
Помогите разобраться с z-index
Есть например три блока,блок #three перекрывает блок #two хотя у блока #two значения z-index: 15; выше чем у #three.Объясните пожалуйста какое тут правило играет роль и почему так?? #one{ position: absolute; left: 0px; top: 20px; z-index: 10; width:110px; height:80px; background:orange; } #two{ position: absolute; left: 50px; top: 30px; z-index: 15; width:110px; height:80px; background:green; } #three{ position: absolute; left: 100px; top: 30px; z-index: 12; width:110px; height:70px; background:blue; } <div id="one"> one one one one <div id="two">two two two two</div> </d…
0 votes1 answer