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
-
Влияние статичного блока на абсолютно позиционированные псевдоэлементы
Прежде всего здравствуйте. Ранее заходил на сайт только как в справочник, но настала пора зарегистрироваться на форуме, т. к. он несёт разумное, доброе, вечное. Я считал себя неплохим верстальщиком( ох, гордыня... ) сделав несколько шаблонов для Wordpress и Opencart, но вчитавшись внимательно в раздел про CSS3 да и просто в справочник понял, что являюсь нубасом зелёным, ведь понятия не имею, что есть правила nth-child, border-radius, transform, count, @keyframes, функция calc() и многие другие. Занялся ликбезом всерьёз и постепенно дошёл до раздела "Практикум". Решая задачу http://htmlbook.ru/practical/indikator-vypolneniya столкнулся с интересной фичей(или багом) абсолют…
0 votes7 answers -
сдвинуть элементы в право
Привет, подскажите пожалуйста, как сдвинуть к примеру: ul.share{width: 376px;height: 27px;margin-top: 15px;} в право! И ещё если не сложно ответить, подскажите как у элемента (перед ним) добаить - Поделиться :
0 votes5 answers -
Сколько заголовков h1 должно быть на странице документа HTML5 (СЕО)
Всем привет, вопрос наверное больше к СЕОшникам чем к фронт-эндерам. Недавно сдал верстку, ее уже залили на хост, поработал бэк-эндер, и настало время сео-оптимизации. Вот именно после этого прожект-менеджер отписала, что СЕОшника немного посмеялись над моей работой. Я в курсе, что учитывая стандарты HTML4 или XHTML заголовок H1 на странице должен быть один. НО!, ведь в HTML5 с появлением новых блочных элементов (article, section, main, footer...) заголовков первого уровня (Н1) может быть несколько. Вот так приблизительно выглядит прототип сайта, с пометками, где я использовал H1. С точки зрения валидности все верно. Действительно ли я затупил в верстке с точки зрения …
0 votes9 answers -
Отступ в 1px на Mac Os (inline-block)
Имею такую конструкцию <div class="container"> <aside class="left"> </aside><aside class="right"> </aside></div>body, html { margin: 0; height: 100%;}.container { height: 100%;}aside { display: inline-block; vertical-align: top; height: 100%;}.left { width: 63%; background: red;}.right { width: 37%; background: blue;}http://jsfiddle.net/z96odrfp/1/show/ На windows все хорошо. На Mac OS появляется белая линия в 1px справа, в конце синего блока. Вот голову ломаю не пойму из за чего. Статью "Загадочные отступы между инлайн блоками " читал, не помогает. Может сталкивался кто, поделите…
0 votes10 answers -
Perfect Book on HTML & HTML5
Hi All, I want to start learning HTML & HTML5 but looking for some good books that help me learning HTML & HTML5.. Please let me know which are best books. I visited amazon there are too many books available so please let me know which I should buy and which is not..
0 votes1 answer -
меню под углом но буквы вертикально
Добрый всем день. Вот такое меню есть идеи кроме сделать картинками или transform:rotate ?
0 votes3 answers -
Проблема с версткой макета
Макет взял отсюда https://vk.com/doc74880623_322415700?hash=680b16a146e0d2fbca&dl=5b49a4b96fbed7e1ea Как у меня получилось http://firstsiteinmymi.ucoz.com/ С позиционированием жесткие пробелы у меня, не знаю как поставить логотип на нужное место.
0 votes10 answers -
Фоновая картинка для сайта
Подскажите пожалуйста, есть такие нюансы. 1. Уменьшайте масштаб в браузере http://waa.ai/4cTS - почему внизу появляется белый фон, почему именно белый, откуда это? Как пофиксить или изменить цвет? Т.е. изначально сайт уменьшается нормально, затем внезапно снизу белое. 2. Уменьшайте масштаб тут http://waa.ai/4cTs - видите что фоновая картинка стала как бы в воздухе? Теперь посмотрите сайт из п1 и увидите, что она по краям тянется. Теперь вопрос: можно ли сделать так, чтобы к краям прилипать фон начинал только с определенного разрешения, либо достигнув разрешения картинки и после не оставлять ее в вуздухе, а начинать тянуть. Другими словами, пока окно небольшое - как на…
0 votes1 answer -
Помогите со слайдером
Есть такой слайдер под №10 на этом сайте http://efimov.ws/main/develop/javascript/jquery-plugins-css-naxodki-part-5.html?searched=karuselka&advsearch=oneword&highlight=ajaxSearch_highlight+ajaxSearch_highlight1 Почему, когда нажимаешь, что бы пролистало назад, то он листает вперёд, как убрать этот косяк?
0 votes5 answers -
Позиционирование заголовка у картинки
<div class="news"> <img src="img/no_image.png" > <h4>Российские цены на BMW M6 Купе</h4> </div>Всем привет. Как сделать, что бы заголовок h4 позиционировался с правой стороны картинки?
0 votes2 answers -
Выпадающее меню - показывает все подпункты
День добрый Вот сделал выпадающее меню чисто на цсс по этой инструкции Но почемуто подпункты меню второго уровня, которые должны активироваться при наведении на родителя - показываются сразу. Вот сайт - горизонтальное меню верхнее, первая колонка Туры - внизу открыты и подпункты сразу Помогите пожалуйста скрыть подпункты меню. Надо чтобы они показывались только при наведении на родителя Заранее спасибо! Вот кусок цсс, отвечающего за меню /*=================horizontal menu===================*/#horizontal {height:40px;width:960px;background:#fff;margin: -5px auto 10px auto;padding:0;}ul.menu_up {position:relative;z-index:9999;}ul.menu_up li {float:left;display:bl…
0 votes2 answers -
Нужен чат для главной страницы
Я начинающий, разобрался только в html и css. Предстовления не имею как создать чат. Как, на каких языках программирования?
0 votes16 answers -
Лендинг и типовая верстка
Лендинги сейчас набирают популярность. Также набирает популярность и грамотная верстка. И в связи с этим у меня вопрос - как совместить эти две вещи? Типовая верстка подразумевает примерно вот такой код: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="style.css"></head><body><header> ...</header><main role="content"> ...</main><footer> ...</footer></body></html>Однако, у лендингов нет ни "хедеров", ни "футеров", ни мейн-контента. То есть я бы верстал так: <!DOCTYPE html><html lang…
0 votes5 answers -
Верстка трехколоночного макета в Bootstrap2.1.1
Всем привет. Столкнулся с старым bootstrap'ом, Есть три span'а, левый и правый - span2, центральный соответственно span8, боковые должны исчезать на не desktop. Сделал, чтобы они исчезали, но как теперь сделать, чтобы центральный растягивался при исчезновении боковых. Сейчас центральный съезжает влево, а справа остается пустое место (где по сути влезает span2). Вот демо: http://jsfiddle.net/p4p83eqz/ Буду рад любым советам.
0 votes3 answers -
iframe проблема (
Приветствую столкнулся с проблемой, поставил iframe на сайта, там дергается партнерка, собственно вот _polukred.ru/credkart.html там подгружается в ифрейм партнерка плюс css моя, чтобы я мог править стили ифрейма на своей стороне в общем то проблема в ИЕ (у меня 11), постоянно перезагружается ифрейм, каждую секунду с других браузерах все нормально, но в ИЕ - нескончаемая перезагрузка страницы это наверное что то из за ксс, как поправить а ? думал поставить носкрипт, поставил, вообще ничего не стало показывать ))
0 votes0 answers -
Горизонтальный скрол фона
Здравствуйте. Недавно на одном случайном сайте видел одну интересную штуку: у заднего фона блока контента была горизонтальная анимация. На фоне была склейка разных фотографий, которые автоматически скролились влево. Как можно подобное реализовать? Заглядывал в код, вроде сделано было через transparent. К сожалению в закладки не добавил и в гугле найти не смог что-то похожее -- p.s. прикреплю изображение, про что я описывал (на заднем фоне одна цельная фотография)
0 votes6 answers -
Как скачать этот слайдер?
Как скачать этот слайдер http://www.fruitbatscode.com/demos/simplecarousel/ Нашёл его в этом посте http://www.fruitbatscode.com/javascript/jquery/jquery-carousel-plugin
0 votes1 answer -
Помогите со слайдером
Взял слайдер отсюда http://www.howtomake.com.ua/front/prostoj-slajder-s-gorizontalnoj-prokrutkoj-svoimi-rukami.html , делал всё по инструкции (сделал 2 слайдера), ничего не изменял. Но почему, когда мотаешь, то при перемотке следующее изображение, внезапно исчезает, а на его место встаёт другое?
0 votes1 answer -
Анимированный спойлер.
Здравствуйте! Имеется скрытые посты, при клике они раскрываются и повторном скрываются. Проблема в следующем. Как что бы пост плавно раскрывался до конца содержимого, в том что имеется появляется пустота или будет скрываться содержимое, свойство height: auto; не анимируется. http://jsfiddle.net/n9p89v1t/
0 votes2 answers -
Как вставить видео с Twitcha?
Хочу вставить видео с этого сайта? За ранее спасибо))
0 votes1 answer -
Убрать border
Здравствуйте, подскажите как можно убрать эту границу? Код можно посмотреть тут: jsfiddle -- Пробовал через псеводоэлементы :before, :after - не получилось. Так же через отрицательный z-index - но думаю, это не верное решение
0 votes5 answers -
Проигрыватель из соцсети ВКонтакте
Доброго времени суток! Подскажите, пожалуйста, как вставить на сайт аудио и видео проигрыватели из вк? http://joxi.ru/rZYAVIwyTJDjAruD16U Что бы внешний вид и функционал были идентичны социальной сети ВК Заранее благодарен
0 votes2 answers -
Меню с активной кнопкой страницы
Сделал менюшку, все бы хорошо но хочется чтобы на странице 1 светилась кнопка "1", а на странице 2 светилась кнопка "2" Как это реальизовать?)))
0 votes1 answer -
Проблема с растягиванием div по вертикали
Добрый день всем! Пытаюсь сделать для своей фирмы сайт на bootstrap 3, но столкнулся с проблемой, которая уже обсуждалась на данном форуме, но решение мне не помогло. Дело вот в чем. Макет состоит из 2 колонок: в левой навигация, в правой - контент, причем все это на фреймворке Bootstrap 3. Задача - сделать левую колонку резиновой по вертикали ,чтобы красный фон в нижнем div заполнял страницу до нижнего края браузера. Сейчас же при сжатии окна браузера по вертикали и при прокрутке в этом виде вниз, div улетает вверх и не растягивается. Видел решение с margin-bottom и padding-bottom, но либо я не туда задаю эти стили, либо в bootstrap надо другое решение. Вот код: http:/…
0 votes3 answers -
Сетка сайта
Стоит ли работать с сетками для создания сайтов начинающему? Например с системой 960 Grid, или есть нечто лучше?
0 votes6 answers