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
-
Лента новостей
доброго времени суток. /* carucel */ .infiniteCarousel {width: 1040px;position: relative;margin:0px 0 0 20px;} .infiniteCarousel .wrapper2 {width: 910px;overflow: auto;min-height: 10em;margin: 0 45px;position: absolute;left:17px;top: 0;} .infiniteCarousel .wrapper2 ul {width: 9999px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:-4px;padding:0;position: absolute;top: 3px;} .infiniteCarousel ul li {display:block;float:left;padding: 16px 0 40px;height: 100px;width: 131px;} .infiniteCarousel ul li a img {display:block;} .infiniteCarousel .arrow {display:block; height:48px; width:58px; background:url("../images/arrow.png") no-repeat 0 0; text-i…
0 votes0 answers -
Линия под элементом
Добрый день! Как с помощью CSS сделать рисованную (картинку) линию под или над элементом?
0 votes4 answers -
Меню с помощью картинки
Как сделать такое меню? http://demo.moslem.ws/menupng/ 1 вариант рабочий, 2 вариант это уже мой, по верхнему варианту пробовал не получилось, не понимаю в чем проблема..
0 votes5 answers -
переопределение размера текста
скажите пожалуйста есть ли какое-нибудь логическое объяснение такому явлению. так блок .nav_top виден. а так не виден. я же переопределил размер текста в более специфичном тэге...
0 votes1 answer -
В FF 14.0.1 блоку над видео с youtube ломает углы.
Есть вот такой блок с border-radius'ом , когда она появляется над вставленным видео с youtube то в FF 14.0.1 ломаются углы( в других браузерах всё ок)! Может кто знает в чем проблема? Помогите пожалуйста.
0 votes3 answers -
нумерованные списки
Доброго времени суток! ЕЕсть такая задача: надо сделать список вида 1. текст 2. текст 3. текст с влодежиями 3.1 текст вложенный 3.2 текст вложенный 3.3 текст вложенный 3.4 текст вложенный 4. текст 5. текст Если кто-нибудь знает как сделать список с такой нумерацией - подскажите пожалуйста. Помогите новичку. Заранее благодарен. P.S. уважаемые модераторы, если тема есть - подскажите где - не нашел, если не в том разделе - перенесите пожалуйста. И Вам заранее благодарен.
0 votes2 answers -
Верстка под планшеты и смартфоны
Только начинаю изучать адаптивную верстку. И вопрос следующий. Можно ли определить тип устройства клиента? Допустим, что у него планшет. Или же смартфон. Ведь разрешения бывают самые разные. Допустим я хочу чтобы на всех смартфонах, независимо от их разрешения, макет получался бы с одной колонкой, на всех планшетах - 4 колонки, а на компьютерах и ноутах - 6 колонок.
0 votes1 answer -
Стационарная фоновая картинка
Всем джамбо друзья! Закинул фон картинкой..таким образом: ______________________________________________________________________________ body {background: url(http://6.arhis.z8.ru.../2013/04/25.jpg) fixed no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}; /* —————————————————————- Remove Shadows */ #feature, #feature .bottom_shadow, #feature .top_shadow, #page, #page_bottom, #footer { background-image:none; } ______________________________________________________________________________ Проблема в том что при изменении размеров окна браузера картинка тоже увеличивается. Дак вот как ее…
0 votes7 answers -
Прокрутка клавиатурой
Здравствуйте. Имею сайт с прокруткой, заданой свойством {overflow: auto;} для тега <body>. Мышью сайт прокручивается, клавой - нет. ЧЯДНТ?
0 votes3 answers -
margin 0 auto
Почему разработчики придумали значение auto а не center????
0 votes3 answers -
Как создать такой бекграунд
Скачал для тренировке макет PSD-шки, но озадачился бекграундом. В нем кроме фоновых заливок присутствует по всему макету слой с мелкими буквами. Пришло на ум что cделать это можно задав фон с буквами для body, а всем иным блокам установить прозрачность, для текста же использовать before:. Энтузиазма это правда у меня не вызвало. Кто подскажет правильное решение? Вот ссылка на psd: http://aleks-lv.ucoz.ua/UnderSoft.psd Вот ссылка на jpg: http://aleks-lv.ucoz.ua/UnderSoft.jpg
0 votes7 answers -
Соответствие верстки и содержимого WYSIWYG редактора контента
Здравствуйте! Часто контентщики сайта жалуются, что содержимое контента страницы в WYSIWYG редакторе в админке (например TinyMCE) отображается не так как на фронтэнде (например, отступы между абзацами в WYSIWYG редакторе отображаются, а на сайте это в стилях может быть не прописано). В связи с этим вопрос: затачивают ли верстальщики верстку под WYSIWIG редактор контента и существует ли некий набор общих правил и стандартов для WYSIWYG редакторов или же надо для каждого сайта настраивать редактор контента под верстку этого сайта, но тогда тут тоже должен быть некий набор правил?
0 votes3 answers -
Почему браузер пропускает правило css ?
Страница http://shopst.ru/catalog/otoplenie-i-vodosnabzhenie/kotly-otopleniya/protherm/gazovyy-kotel-protherm-23-mtv-gepard/?dev=1&clear_cache=Y Файл стилей http://shopst.ru/bitrix/templates/capitalim2/template_styles.css?1403593016155960 Правило не срабатывает .item_info.card2 { background-color:#cccccc; } Вроде все корректно в css, netbeans не ругается ни на что. Почему-то фаерфокс и хром игнорируют это правило. Впервые с таким столкнулся и даже интересно в чем может быть причина?
0 votes4 answers -
Проблемы с margin
Здравствуйте, непонятно из-за чего уменьшается margin. На этой странице все хорошо А вот на этой он уменьшается Насколько удалось выяснить, уменьшается он именно из-за красного поля, то есть отображения записей из БД. Но совсем неясно почему так происходит. Привожу код кода, который отображает этот блок echo '<table class="post_table" border="0">'; // выводим в HTML-таблицу все данные клиентов из таблицы MySQL while($data = mysql_fetch_array($result)){ if (empty($data['hidden'])) { $author = $data['author']; $avatar = "<img src='images/temp.jpg'>"; } else { $author = "Аноним"; $avatar = "<img src='images/anonim.jpg…
0 votes4 answers -
стилизация формы поиска
Уважаемые форумчане подскажите пожалуйста как стилизовать вот такую форму поиска! http://imageimage.ru/images/original/10018.html Просто ничего в голову не приходит!
0 votes2 answers -
Вопрос по анимированной галерее на css
Добрый день! Изучаю верстку, сверстал небольшою анимированную галерею. Вот: https://jsfiddle.net/30g214ru/ И столкнулся с такой проблемой - когда я focus-ом открываю изображение - анимация открытия идет поверх общей галереи картинок, но когда я focus снимаю, происходит анимация закрытия открытого изображения.Но происходит она под галереей картинок. Как исправить подобную проблему? И возможно ли это? Я разные варианты с z-index-ом пробовал, ничего не получилось. Проблема в контексте наложения? Но вроде он один в моем коде.
0 votes1 answer -
Помогите!
Доброе время суток всем! у меня проблема, и не могу понять как ее исправить. Я создаю киносайт, вот анонс фильма, и вот сама страница фильма. Не могу понять как блог с информацией поставить справа от постера, как в анонсе. Нашел файл : <ul class="movie_etc"> но он отвечает за цвет текста этого. Если его удалить, то блог встанет на место, но будет другим цветом. Помогите с этим разобраться
0 votes0 answers -
3 блока не помещаются на странице
Добрый день! Столкнулся со следующей проблемой: есть страница: http://progress.com.ua/our-team - все блоки прекрасно размещены. А ее украинская версия - http://progress.com.ua/ua/our-team ( где стоят все те же стили), почему-то отображает эти блоки не коректно. Крутил padding и margin - все без толку. Подскажите, пожалуйста, в чем причина. И как устранить данную проблему.
0 votes1 answer -
Popup после отправки ajax
Привет, есть форма в модальном окне, не могу сделать так, чтобы при ее сабмите она закрывалась и появлялось окно благодарности (popup_thanks) https://jsfiddle.net/37em6xa4/ вот скрипт и код форм
0 votes0 answers -
При добавлении в сборку js файла перестал работать слайдер
Доброго времени суток! Сразу к сути. Делаю учебный проект в шторме, конечный результат которого собирается при помощи сборки проекта. все библиотеки и зависимости установлены. с подключением slick-carousel разобрался, начал делать выпадающее меню в шапке, создал файл head.js, пописал в main.js такую строчку import 'head.js' в результате сломался слайдер, а в консоли ошибка "файл не найден" увидеть воочию можно тут https://rimidbit.github.io/shopia-S/ исходники тут https://github.com/rimidbit/source_code.git Что еще добавить не знаю. Готов предоставить все вводные, только б разобраться
0 votes0 answers -
Рамка
Подскажите пожалуйста, как сделать такую рамку? , я пробовала box-shadow, , но результат не тот, что нужен box-shadow: 0 0 10px 1px grey;
0 votes2 answers -
Помогите плиз чет я не въезжаю
#myaccount p.links{ border: 1px dotted; margin: auto; width: 150px; padding: 20px; margin-bottom: 5px; margin-right: 5px; } #myaccount p.links:hover{ border: 1px dotted #5190B2; background-color: #fdfcc8; cursor:hand; } #myaccount a.links{ color: #000000; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-decoration: none; text-transform: none; word-spacing: normal; } #myaccount a.links:hover{ color: #000000; } <div id="myaccount"> <table width="80%" align="center"> <tr> <td><a href="" class="links"><p class="links" align="center">Пункт1</p></a></td> <td><a href="" class…
0 votes1 answer -
Проблема с CSS
Я хочу создать сайт и применить ко всем его страницам CSS-дизайн. Когда я указываю в CSS параметр: body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } , то текст в HTML, заключённый в теги <P> и </P> имеет размер 13 пт, НО если я ещё указываю в CSS, что в теге P тоже Arial 13pt., то шрифт становится крупнее, чем 13! Помогите исправить! P.S. XHTML 1.0 Transitional
0 votes2 answers -
Условные отступы или поля
Привет Я сам программер, но сейчас нужно сверстать сайт и я решил использовать для этого блочную вёрстку. Возник вопрос, могу ли я определить отступы для слоя так, чтобы они были равными 20%, но не меньше 20px, к примеру, и не больше 20px? Я хочу, чтобы вёрстка страницы была готова к разному разрешению экрана. Надеюсь на развёрнутый, теоретически подкреплённый ответ
0 votes2 answers -
Проблемы с footer'ом
Есть 3 блока: header, content, footer Пытаюсь прижать footer к низу страницы, причем он должен смещаться ниже когда в content много данных. Пробовал в css задавать для footer'a position:absolute, bottom:0. При заполнении content появляется скрол, а footer остается на том же месте только поверх content. Как это можно вылечить?
0 votes0 answers