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
-
Как сделать CSS файлы независимыми
Здравствуйте! У меня главная страница (index.php) и которую при помощи include я вставляю другой файл. У обоих файлов есть файл стиле. После того как добавляю файл начинаются проблемы на странице так как в стилях есть одинаковые теги с разными значениями. Можно ли как-то сделать чтобы они не конфликтовали. Чтобы файл стилей прикрепленного файла относился только к той части в которой используется заинклюденный файл, а всё страницу не затрагивал. Знаю один только выход: прописать тегам классы или идентификаторы. Хотелось бы узнать, может есть какой-либо ещё способ? Заранее благодарен.
0 votes0 answers -
CMS и HTML
Приветствую всех! Я начинающий верстальщик, есть базовые знания, но мало практики. Меня очень интересует два вопроса: 1) Можно ли сверстать с помощью html и css сайт, а потом интегрировать в него CMS? 2) Как отредактировать шаблон на популярных CMSках (друпал, joomla)? (ну то есть подправить например страницу с карточкой товара? Спасибо!
0 votes3 answers -
Чем проверяете "кроссбраузерность"?
Чем тестируете сайт на кроссбраузерность? Сделала себе набор новичка: 1) Последние версии Chrome, Firefox, Opera, IE. Последняя доступная Safari для windows. 2) IE tester и режимы совместимости IE, а также сайт http://netrenderer.com/ из-за переодических глюков этих программ и неверного отображения. 3) Сайт http://browsershots.org/ до кучи убедиться, что сайт терпимо выглядит, но в основном ориентируюсь на программы на компьютере. 4) Какие нашла portable версии старых браузеров firefox 3.0, 3.5, 3.6, 10.0 Opera 9, Opera 10 Может что-то еще нужно поставить, скачать или какой-то удобный сервис?
0 votes3 answers -
Слайдер
Подскажите, какой слайдер здесь установлен http://193.151.13.67/catalog/?
0 votes1 answer -
Отступы у списка
Делаю вот такой список: Немного не получается с отступами: http://codepen.io/anon/pen/pvaMYp Что не так? Вид radio button изменять пока не обязательно
0 votes2 answers -
Верстка повторяющихся блоков разной высоты
Вопрос вроде популярный, но не нашел нормального решения. Как можно реализовать верстку повторяющихся блоков разной высоты, как здесь на картинке: http://hkar.ru/zt4R Верстка должна быть: <div class="blocks"><div>block</div><div>block</div><div>block</div><div>block</div><div>block</div><div>block</div></div>
0 votes2 answers -
как правильно позиционировать фото
Добрый день ! есть сайт http://front-end.zz.mu/example/на котором должно выглидеть так как на фото а он у меня разваливается можете подсказать что я сделал не так ?
0 votes1 answer -
z-index:-2 улетает за страницу. можно побороть?
привет! помогите пожалуйста разобраться http://apriori.leveler.ru/ на главной есть блоки с баннерами, при наведении содержимое улетает за страницу, даже за подложку. до такого маразма (с z-index:-2 у картинки и z-index:-1 у текста на баннере) дошел путем экспериментов, пытаясь сделать полностью активной площадь ссылки с баннера. в таком случае текст как бы внутри ссылки и тоже активен при наведении. я чего понять не могу - почему при всех равных пропадает содержимое обертки именно при наведении?
0 votes4 answers -
Подскажите, пожалуйста, как привязать Easing эффекты на dropdown-menu?
Подскажите, пожалуйста, как привязать Easing эффекты на dropdown-menu? Меню на основе http://geedmo.github.io/yamm3/
0 votes0 answers -
Мышь
Можно ли используя только DOM Level 0 получать координаты указателя мыши и если можно то какже это сделать? Можно ли скажем прописать картинке атрибут onmousemove и прописать атрибуту обработчик события вытаскивающий координаты указателя?
0 votes1 answer -
Хак для браузеров
Хотел спросить, кто знает для каких браузеров даный хак //свойство: значение;
0 votes1 answer -
Шов между блоками в Опере и ГХ
<div style="float: left; width: 50%; height: 25em;">block A</div> <div style="float: right; width: 50%; height: 25em;">block B</div> В гугл хроме и опере между блоками возникает шов если их закрасить цветом. Как исправить и в чем проблема? Спасибо.
0 votes3 answers -
Проблема вёрстки резинового сайта под HTML5
С уменьшением ширины "резиновой" страницы построеной на HTML5 я сделал так, что у меня пропорционально уменьшается и высота header-а (т.е. "шапки"). Вопрос в следующем: почему с уменьшением высоты header-а не подымается выше content и sidebar? Я в стилях контента и сайдбара прописал: position: relative; но это ничего не меняет. ссылка на мою страницу: http://depositfiles.com/files/ykgvugjnk это я переделывал под себя шаблон из: http://habrahabr.ru/post/119127/
0 votes1 answer -
ie 8 и старше не отображают фон
Здравствуйте. Проблема с IE от 8 и старше. Здесь - тест как всегда отличается IE: фон у <h2>, <p> не отображается. Как бороться? Костыли из этой темы не помогают...
0 votes1 answer -
Сохранение позиции раздвижных блоков
Здравствуйте! Снова у меня небольшой вопросик Контент сайта разделён таблицей на три части: 200px/ВСЁ ОСТАЛЬНОЕ/200px Хочу сделать так, чтоб правую сторону можно было скрыть (для увеличения центрального контента). Как "раздвигать" и "сдвигать" правую колонку я научился, но вот как сохранить это положения для пользователя? К примеру, он скрыл правую колонку, перегрузил страницу или перешёл на другую, как правая колонка снова раздвинута. Вот код: Скрипт: $(document).ready(function () { $("#wideView2").click(function () { $("#RightSidBar").toggleClass("hide"); $(this).toggleClass("hide"); }); }); CSS:…
0 votes4 answers -
Проблема с кроссбраузерностью
Здравствуйте, возникла проблема с кроссбраузерностью, во всех браузерах отображается нормально, кроме в ie, в общем как всегда, Вот результат в обычном браузере: А это в ie: Вот сам код: <ul class="avatar_p"> <li> <a href=""> <img src="" /></a> </li> <li> <a href="">Отправить ЛС</a> </li> <li> <a href="">Редактировать</a> </li> <li> <a href="">Выйти</a> </li> </ul> .avatar_p{ float: left; margin: 5px; } .avatar_p li { text-align: center; } .avatar_p img { -webkit-box-shadow: #666 0px 2px …
0 votes1 answer -
не могу положить анонс поста в нужный блок
Верстаю свой первый сайт и как говорится чем дальше в лес, тем толще партизаны) Дано: страница блоками в 3 колонки. В блок для контента, собственно не могу положить контент. Выпадающее меню из хедера, выпадает под блоки, а не над ними как это задумывалось. По ссылке ниже поясняющий скриншот и коды. http://img-fotki.yandex.ru/get/9250/194585002.7/0_1037d7_8de70015_XL.jpg <div class="layout"> <div class="sidebar1"> <p>Левый Сайдбар</p> </div> <div class="content-main"> <br /> <br /> <div class="content"> <div class="post-main"> <h1>…
0 votes1 answer -
Как "склеить" шаблон на Joomla и самоклепный лендинг
Доброго всем времени суток. Хочу сделать сайт-витрину. Беру готовый шаблон интернет магазина yootheme или rockettheme для главной страницы со всеми модулями и плагинами, и вместо описания карточки товара переправляю на лендинг пейдж сделанный в Adobe Muse. Подскажите, пожалуйста, на сколько это тяжело сделать и как лучше всего организвать. Заранее спасибо.
0 votes1 answer -
Хитрое форматирвоание
Можно ли так задать параметры тегаов <P>, <LI>, <H1/2/3...>, чтобы после вывода браузер не добавлял перевода строки? А просто следующий текст показывал с той же строки? Я понятно обьяснил?
0 votes6 answers -
Непонятная авто генерация html кода браузером
Здравствуйте! ПРощу помощи найти непонятный мне bug который портить верстку. При открытие html файла браузером, браузер каким-то способом генерируеть допольнительные коды которых нет в коде. Вот страничка. Мне кажется что где-то в css накосячил.. Вот мой код: Fiddle
0 votes3 answers -
Резиновое меню
Как сделать чтобы меню и таблица сжимались отдельно. То есть Сжималась таблица, а когда граница браузера дойдёт до меню, сжималось меню. header.top nav{ position: absolute; top: 361px; height: 50px; background-color: #FBFBFB; display: table; border-spacing: 7px 5px; margin: 0px 0px 0px 476px; padding: 0px 265px 0px 50px; } header.top nav ul{ font-size: 10pt; display: table-row; } header.top nav ul li{ display: table-cell; width: 10%; text-align: center; } header.top nav li a{ font-family: arial; color: #2D2D3D; text-decoration: none; padding: 12.5px 0px 12.5px 0px; display: block; Сейчас они сжимаются одновременно...
0 votes1 answer -
Проблема с счетчиком посещаемости
Я новичок скачал шаблон на bootstrap отредактировал его под себя и после всех трудов у меня возник вопрос. Все страницы на HTML5 в будущем будет до 20, как мне на сайт поставить счетчик посещаемости, яндекс и гугл примочки. ставить отдельно на каждую страницу по-моему не есть гуд. Есть какой нибудь способ, весь нет изрыл, но ничего полезного не нашел. Бросать все и переходить на cms жалко.
0 votes0 answers -
А возможноли такое?
Добрый день, хочу задать вопрос. Есть тело навигации в списке, надо чтобы между ссылками были разные промежутки... или чтобы li были все одной ширины(a px) и тогда просто одинаковые отступы (b px) вот что надо получить как это осущевствить? <title>li</title> <style type="text/css"> #menu li {display:inline;} </style> </head> <body> <div id="menu"> <ul> <li><a href="#">1</a></li> <li><a href="#">2222</a></li> <li><a href="#">555</a></li> </ul> </div> </body> </html>
0 votes2 answers -
repeat-y на заданный промежуток
Всем привет. Я подозреваю, что решение данной проблемы касается не CSS, а JS, но решил создать тему тут. Проблема вот в чем: Существует 2 блока. В одном бэкграунд высотой 128pх со свойством repeat-y, картинка сама представляет собой текстуру из шахматных квадратов (например), а второй блок - это что-то вроде футера, который имеет замыкающую текстуру. И при растягивании блока над футером - само собой тектура не повторяется каждые 128px, а повторяется в зависимости от размера наполнения блока. Соответственно вопрос: Возможно ли свойству repeat-y задать фиксированный "шаг" с которым оно будет повторять изображение? Заранее спасибо
0 votes2 answers -
Как вставить в ссылку table и div для IE
Имею код: .eshop a { border: 2px solid #7FB6BB; display: block; padding: 5px 0; } <td class="eshop" width="135px"> <a class="special_link" href="..."> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr><td>Текст</td></tr> <tr><td><img src=".../jpg.jpg"></td></tr> <tr><td><div>Текст</div></td></tr> </table> </a> </td> Во всех браузерах кроме IE работает корректно. Прошу помочь реализовать это для IE, желательно всех версий.
0 votes2 answers