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
-
Не могу сделать сайдбар с выпадающим меню, которое смещало бы контент
Здравствуйте. Помогите разобраться, как сделать сайдбар с выпадающим меню. Сейчас всё обстоит так: 1. По нажатию на волшебную кнопку появляется скрытый ранее bootstrap-столбец, при этом с помощью JQuery я переопределяю классы для элементов, которые расположены справа от сайдбара, элементы перестраиваются и сдвигаются (картинка №1 - сайдбар не отображается, картинка №2 - сайдбар отображается и элементы смещены): Картинка 1 и Картинка 2 2. При нажатии на какой-либо из пунктов (например, Blog) появляется ещё один bootstrap-столбец, который тоже был скрыт. Элементы смещаются ещё правее (картинка №3). При этом мой убогий код выглядит примерно так: …
0 votes0 answers -
Как убрать отступ справа?
Вот сетка из элементов в 3 колонки, но после 3 блока есть отступ 10рх https://jsfiddle.net/jm5fbonu/ из-за чего появляется нежелательное поле. Дело в том что если убрать это через nth-child(3n) то при сужении когда сетка рушится, блоки встоят не ровно. Как быть? будет нормально если я медиазапросами буду у нужных блоках убирать поле и добовлять к другим. так https://jsfiddle.net/jm5fbonu/1/
0 votes1 answer -
div и ещё раз div: отступ и центрирование
Hi there) Помогите плз доделать сайт https://tracker-list.firebaseapp.com/ Проблемы: 1) Когда сжимаешь страницу, блок rom располагается не строго по центру https://i.imgur.com/Vvdc1E8.png из-за медиа запроса где стиль width:80% Но мне нужно его отцентировать и чтобы размер был относительно страницы как по умолчанию на декстопе со свойством width:30% Что в коде изменить? 2) Если убрать id=dbox и box блок rom выглядит так как задумывалось изначально, а с ними почему-то Уже стал. Как это исправить?
0 votes6 answers -
Не могу экпортировать графику в фототошоп помогите!
Фотошоп сс 2017г когда нажимаю на "export as" ничего не происходит а Ctrl + Shift+ Alt + S экспортируется вся страница. 2018 не смог скачать, постоянно ошибку показывает "с118". Как решить эту проблему ?
0 votes3 answers -
Цепочка рисунков
Как мне разместить цепочку рисунков слева направо и притом без отступа снизу, который можно убрать только через display: block;?
0 votes6 answers -
Плавующие блоки
Мне надо сделать такую штуку, Три блока расположены один за другим, а есть они все, или несколько не умещаются на странице, то чтобы некоторые падали одна под другую. Вот примерчик: Посоветуйте, что-нибудь. Если можно примерчик. Спасибо.
0 votes3 answers -
в IE7 не устанавливается курсор в текстовом поле
Помогите плиз!!! не могу понять в чем дело. есть текстовое поле, в выкидыше мелкософта версии 7 курсор в нем устанавливается только при щелчке мыши на тексте (значении атрибута value). Код: <div id="search"> <input type="submit" id="search_submit" value=""> <input type="text" id="search_text" value="Что ищем?" onblur="valu('#search_text', 'Что ищем?')"> </div> Стили: #search {width: auto; height: 92px; padding: 0px 131px 0px 24px; overflow: visible;} #search_text {width: 100%; height: 22px; border: 1px solid black; position: relative; left: 0px; top: 3px; line-height: 22px; font-size: 12px; color: #000; padding-left: 13px;} #search_submit {w…
0 votes5 answers -
Помогите пожалуйчта я навечек с ссылкой в div
столкнулся с проблемой, я новичек, при использовании div не все ссылки в некоторых браузерах работают корректно, из 8 только 3 появляются ( в опере все работают в гугл хроме несколько... помогите разобратся с кодом, что бы правильно отображал, все перепробовал , мозги кипят, вот он сам код #test0{ position:absolute; top:100px; left:130px; width:160px; height:400px; border-style:solid; border-width:5px; border-color:#EEE9E9; } #test2{ position: relative; bottom:0px; left:0px; border-style:solid; border-width:0px; border-color:#EEE9E9; } #te…
0 votes7 answers -
страница в три колонки
Всем привет. Подскажите пжл. Есть 3 колонки. Центральная должна быть 1000px, по центру. Левая и правая одинаковой ширины в зависимости от свободного места в окне. Не нашел подходящего решения в нете.А может я не умею пользоваться гуглом
0 votes7 answers -
Изменение стиля select без использования JS
Здравствуйте! В процессе разработки сайта возникла необходимость изменить стиль select'а не превращая его в набор div'ов. Воспользовался простым способом, описанным здесь: изменение селекта css Всё было бы хорошо, но если строка текста в options слишком длинная то текст накладывается на стрелочку select'а. Оно и понятно, ведь это всего-навсего фоновое изображение. Как бы это исправить? Кто знает, помогите пожалуйста. Может есть какой-то способ "обрезать" текст внутри Селекта... Спасибо Виталий Вот для наглядности скриншот того что у меня получилось:
0 votes1 answer -
Помогите найти похожий слайдер
Здравствуйте. помогите, мне, пожалуйста, найти вот такой слайдер. http://zverushka.bl.ee/monitors5/ В самом первом блоке этой страницы. Так как я 2 часа искала и не нашла ничего, пришлось переделывать БХ-слайдер. Но там какие-то проблемы с бесконечной прокруткой - бх-клоны не могу настроить НИКАК! ((( - на границе перехоода на них слайдер криво работает (он там как-то криво стыкуется - не задуман под анимацию), а так была надежда, что получится все((... А если отключаю бесконечную прокрутку, то почему-то на 500 пикселей слайдер уезжает. Я уже просто схожу с ума, не получается поставить на сайт такой простой слайдер... (((
0 votes11 answers -
Смещаются объекты при маштабировании страницы
Здравствуйте. Задался целью собрать сайт и в принципе все по урокам понятно. Но вот одна проблемка по которой я не нашел никаких уроков и тем. Проблема заключается в том что у меня на странице есть меню, которое находится в теге <DIV>, когда я выставляю какие то параметны для того что бы меню нашло свое место на сайте все ок, но стоит мне увеличить или уменьшить страницу скролом CTRL+Scroll как меню менят свое положение. Заранее спасибо. <!DOCTYPE html><html><head> <title>My Project</title><link type="text/css" rel="stylesheet" href="menu.css" media="screen"/><link type="text/css" rel="stylesheet" href="style.css"/>&l…
0 votes2 answers -
как сделать чтобы текст был здесь
здравствуйте хочу сделать так чтобы текст отображалась всегда здесь но когда увеличиваю зоом в браузере вот что получается хочу чтобы при любом расширение текст было бы там
0 votes4 answers -
Как наложить градиент на текстуру?
Как наложить градиент на текстуру? Если я задаю множественный фон для body, то видна текстура, а градиента -- не видно. Если создать другой div и там задать градиент, то теперь текстуры не видно.
0 votes2 answers -
Создание таблицы
Здравствуйте форумчане. Я учусь в 11 классе. По информатике нам задали сделать простой сайт. Ситуация такова - сказали сделать, но толком не объяснили как, и в процессе появились вопросы. В общем у меня одна проблема с таблицей как ее проще сделать.Нужно ли вводить CSS? Через <tr></tr><td></td> не получается, либо я что то не так делаю.Прикрепляю картинку как должно быть.http://imgur.com/R9CBSvw
0 votes8 answers -
Не получается установить Gulp less
Всем привет. При установке выдает такую ошибку npm ERR! request to https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz failed, reason: 2760:error:1408F10B:SSL routines:ssl3_get_record:wrong version number:openssl\ssl\record\ssl3_record.c:210: npm ERR! npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Welcome\AppData\Roaming\npm-cache\_logs\2018-11-16T17_47_04_184Z-debug.log
0 votes2 answers -
Помогите с сайтом
Помогте с сайтом, надо чтобы подменю отображалось снизу, но когда я навожу на меню происходить дичь какая то, помогите в чем проблема. Вот код: https://codepen.io/Totjmyanin/pen/rNBzYPj
0 votes2 answers -
Вкладки на странице html
Здравствуйте! Уважаемые форумчане! Я начинающий начинать) прошу помощи, есть макет сайта , хочу чтоб на главной странице были вкладки которые бы переключались по нажатию кнопки. но основной вопрос в том как сделать их разными. пример приведу в фото. Хочу как на фото сделать но незнаю как( а так же код выглядит таким образом <div class="tabs"> <input type="radio" name="tab-btn" id="tab-btn-1" value=""> <label for="tab-btn-1">Свадьба</label> <input type="radio" name="tab-btn" id="tab-btn-2" value=""> <label for="tab-btn-2">Мужу</label> <input type…
0 votes1 answer -
img выезжает из div!
Помогите пожалуйста решить такую проблему верстки: Скрин проблемы.... Проблема что создан div, внутри него картинки, они же ссылки, нужно чтобы они растягивали div а не выезжали из него(. вот код html: ... <div id="ads_carrier"> <a href="../"><img class="ad_img" src="pics/ad_home.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_bath.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_room.gif" /></a> <a href="../"><img class="ad_img" src="pics/ad_roof.gif" /></a> </div> ... и CSS: ... #ads_carrier{ position: relative; width: 100%; cle…
0 votes6 answers -
Блоки внутри блока и hover на всю ширину основного блока))))
Всем доброго времени суток господа. Подскажите пжлста как реализовать вот такую идею (постараюсь сформулировать её более менее прилично) Например есть блок, внутрь к нему надо засунуть еще 3 блока, каждый со своей фоновой картинкой и когда наводишь на какой-либо из внутренних блоков он растягивался на ширину основного блока. что-то типа такого) http://itmages.ru/image/view/1170470/dbff566d а так когда наводишь курсор ) http://itmages.ru/image/view/1170464/a15bbcd3
0 votes2 answers -
Проблемма, свойство font
Здравствуйте уважаемые форумчане Есть правило: #top_menu li a { display:block; height:38px; padding:0 12px; color:#497798; font:bold 11px/38px Tahoma, Geneva, sans-serif; text-decoration:none; } Сегодня после проверки валидатором, он мне выдал ошибку, связанную со свойством font в этом правиле, сам я не новичок в верстке, но эта ошибка поставила меня в тупик, если кто-то сталкивался с чем-то подобным, поделитесь своими соображениями. Ошибка: Ошибка значения : font (http://www.w3.org/TR/CSS21/fonts.html#propdef-font) / не является значением font-family : bold 11px / 38px Tahoma,Geneva,sans-serif
0 votes2 answers -
Сайт для экскурсиного бюро
Добрый день, товарищи. У меня “карманное” экскурсионное бюро, которое работает уже 2 сезона , и приносит мне такой же карманный доход. Это совсем крошечное предприятие, и всю работу с ним связанную я делаю сам. Самостоятельно бухгалтерию веду и билеты продаю и т.д. - так выгоднее, быстрее и главное интереснее. Но так уж повелось, что у этого бюро нет своего сайта, а я чувствую что он нужен... И конечно я бы хотел сделать его самостоятельно. Сайт должен быть следующий сложности: там должна быть инфо о фирме и поездках, галерея, контакты, а также простейшая форма для обратной связи, где потенциальный экскурсант, выбрав из выпадающего списка (с 18 элементами) н…
0 votes5 answers -
DIV средствами CSS: вертикально максимальный, горизонтально центрированный?
Здравствуйте, новичку нужна консультация гуру. Для некоторых сайтов (например, чатов) крайне желательно, чтобы их контент занимал по вертикали всю высоту окна. Захотелось попробовать сделать необходимое макетирование с помощью <DIV>, в результате накропал следующий код: HTML <body> <div id="mainDiv"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint o…
0 votes15 answers -
проблемы в ie 9
Доброго времени суток. В общем решился я сверстать свой первый макет от сюда http://forum.htmlbook.ru/index.php?showtopic=29381 и тут же появились проблемы: 1. в хроме все нормально отображается на данный момент верстки (http://www.webfel.p.ht) Chrome http://s-pic.ru/i/59134.png ie9 http://s-pic.ru/i/59135.png В других браузерах не знаю как выглядит, но думаю что нормально Как исправить? 2. не знаю как сверстать уголки у слайдера.
0 votes6 answers -
Проблема с футером
Задача: создать SEO адаптированный шаблон. Проблема: футер заходит под контент при уменьшении окна браузера по вертикали. Вот пример Большая просьба указать на ошибки, если таковые имеются или помочь хотя бы ссылкой на аналогичную проблему. Заранее благодарен.
0 votes6 answers