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
-
position absolut
Добрый день прикрутил слайдер, сделал фото на background, внутренние блоки выставил через position absolut, но появилось куча багов, на разных маниторах плывет, речь идет не о адаптивной верстке! Подскажите пожалуйста, как можно обойтись без позиционирования, но выставить картинку слайдера background. чтоб элементы aside-right и aside-left был в контенте, а картинка задним фоном!! ниже ссылка на сайт и код html Спасибо за помощь. http://sport.teslalight.com.ua/ <article><div class="bx-viewport"><ul class="bxslider"> <li><img src="images/bg_2.jpg" /></li> <li><img src="images/bg_2.jpg" /></li> <li><img src="i…
0 votes4 answers -
Как сделать черту сразу под текстом?
http://trakservis.ru/leasing/ Заголовок "финансовый лизинг". Как сразу же после него сделать линию не могу понять? Делаю и в любом случе отступ получается.
0 votes3 answers -
Как сверстать фон в заголовке?
Доброго времени суток, уважаемые форумчане! Подскажите пожалуйста, как грамотно сверстать такой фон у заголовков http://www.screencapture.ru/file/96d6645B ? Я дошел до этого момента: http://jsfiddle.net/w5ukL30t/2/ Проблемы возникают с позиционированием псевдоэлементов, как сделать их таким образом, чтобы они располагались с равным отступом независимо от длины текста?
0 votes1 answer -
не "выезжает" текст под картинкой при ее нажатии.
подскажите нубу, у меня на странице при нажатии на лого, должен "выезжать" внизу отзыв клиента, раньше работало, теперь нет И еще удалились 2 лого,как восстановить ( Альфастрахование и ВСК)? Как это поправить и почему перестало работать? Спасибо заранее! https://kasko007.ru/otzyvy/ Вот: </div> </div> </div> <h1>Читать отзывы клиентов по каско</h1> <b style="color: red;">Нажмите на логотип компании, чтобы увидеть отзывы</b> <div class="image_frame image_item no_link scale-with-grid no_border"> <div class="image_wrapper"><img class="scale-with-grid" src="/wp-content/Ingosstrah.jpg" alt="alph…
0 votes1 answer -
Проблема с текстовым полем
Такая проблема: мне нужно, чтобы пользователь, который введёт в тектовое поле фразу и после чего нажмёт на кнопку, переходил по ссылке: http://mysite.ru/search/фраза_пользователя Пробовал: <input type="text" name="URL" alt="http://mysite.ru/search/" value="" size="30"> <input type="button" value="Поиск" onClick="location.href = this.form.elements[0].value" name="button"> Но пользователь переходит только по ссылке: http://mysite.ru/фраза_пользователя Очень нужна помощь, заранее спасибо
0 votes2 answers -
Уголки не спускаются.
Ребят помогите пожалуйста. Блок со скруглёнными уголками (как здесь http://www.cssplay.co.uk/boxes/curves.html) + js список (отсюда http://ruseller.com/lessons/les155/example/index.html#) . При раскрывании списка - если он выходит за пределы блока с уголками - уголки не опускаются. Код примерно такой: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> .curvy {position:relative; width:800px; background:#9caf9c; color:#000; marg…
0 votes0 answers -
Проблема с вложенными дивами
Проблема в том, что родительский div (class="content") не расстягивается по высоте, соответсвтенно цвет его фона тоже. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Контент</title> <link rel="stylesheet" type="text/css" href="../css/style.css" /> </head> <body> <div class="content"> <div class="blockbox"> <div class="block16"> Контент Контент Контент Контент Контент Контент Контент Конт…
0 votes1 answer -
Проблемы с footer'ом
Есть 3 блока: header, content, footer Пытаюсь прижать footer к низу страницы, причем он должен смещаться ниже когда в content много данных. Пробовал в css задавать для footer'a position:absolute, bottom:0. При заполнении content появляется скрол, а footer остается на том же месте только поверх content. Как это можно вылечить?
0 votes0 answers -
главная страница
мой сайт сделан на cms joomla. я сделал главную страницу в dreamweaver и не знаю, как сделать, чтобы она была главной. помогите плиз. или скиньте ссылку, где есть инфа по этому вопросу
0 votes2 answers -
Помогите с меню сайта
Здравствуйте. Подскажите пожалуйста, что можно сделать. В меню указан межстрочный интервал, но как от него избавиться если один из разделов не умещается в одну строку ?
0 votes2 answers -
Блоки картинок
Как сделать чтобы картинки распределялись только по одной строке на всю ширину экрана,и те которые выходять за край экрана должны убираться совсем. <style type="text/css"> .thumbnails { margin: -3em 0 0 -2em; text-align: center; } .thumbnail { text-decoration: none; display: -moz-inline-box; display: inline-block; vertical-align: top; text-align: left; margin: 3em 0 0 2em; } .thumbnail .r { width: 14em; float: left; } </style> <div class="thumbnails"> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="anon.jpg" alt="прп. апррв" /></a><br /> прреп «<a href="#">апвр&l…
0 votes1 answer -
CSS градиент в IE
нужно делать линейный градиент для IE. В css пишу: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#ffffff')"; Но он создает градиент сверху вниз. Как делать чтоб он шел слево на право. Можно так?
0 votes3 answers -
Как лучше сверстать
Подскажите как лучше сверстать Соц.иконки что внизу Абсолютным позиционированием или как?
0 votes6 answers -
цифирки
уважаемые форумчане подскажите пожалуйста как сделать так чтобы можно было выбирать значение числа (не раскрывающийся список) тоесть есть поле с числом а рядом две кнопки одна при нажатии увеличивает число на 1 другая уменьшает
0 votes3 answers -
проблема с рамкой вокруг инпута
в Хроме ни как не могу убрать рамку вокруг этого элемента: <input type="search" /> когда тип = текст его нет, а вот с сэрч не получается. бордер:нон, оутлайн: нон , ничего не помогает. как это сделать, подскажите пож-та
0 votes2 answers -
IE9 ругается на onblur/onfocus
Хочу сделать форму с использованием onblur/onfocus: <input type="text" value="Поиск" onblur="this.value='Поиск'" onfocus="this.value=''" /> Но IE9 её блокирует: Как сделать, чтобы это не появлялось?
0 votes3 answers -
CSS меню
всем привет я вот озадачился с стилем для меню меню у меня горизонтальное в тегах ul li Я хочу к каждому тегу li присвоить свою картинку картинки естественно разные их у меня пять, пять в обычном состоянии и пять при наведении Вот как мне нужно прописать в CSS? А то у меня первая картинка на все теги li
0 votes3 answers -
Порядок действий при верстке
Есть шаблон сайта как пример и за одно шпаргалка, хочу сделать его копию самостоятельно. После написания html кода, в css с оформления чего лучше начинать? Может есть какой-то примерный поэтапный план действий? Я только-только приступил к практике, до этого только обучающих видео выполнял задачи по конкретным тегам,атрибутам и т.д.
0 votes2 answers -
Смещение форм
Как сделать чтобы при увеличении и уменьшении не было вот такого (всё стояло на своём месте) Так выглядит стандартно: При увеличении: При уменьшении:
0 votes4 answers -
Увеличение картинки при наводе
Здравствуйте. Нужно сделать, чтобы при наводе на изображение, оно увеличивалось, при том не дввигая остальной контент, а становясь поверх него. Возможно ли это только средствами CSS?
0 votes5 answers -
Пропала буква к IE9
Здравствуйте. Вот есть сайт. Там есть надпись в главной "Звоните!". И в этой надписе пропала буква "З" (В IE9). В других браузерах всё хорошо. Я не могу понять, куда буква то делась? Вот сайт: http://artprstudio.ru/Folder/index.html
0 votes1 answer -
Рамка
Приветствую! Подскажите, как убрать рамку вокруг пунктирного <hr>.
0 votes2 answers -
Контент не двигает подвал
http://turnik.biz/ns пациент
0 votes5 answers -
проблема виджета вконтакте
В общем у меня на странице несколько видео ютуба которые спрятаны в спойлерах,под каждым я расположил по виджету вконтакта,так как нужно сделать каждый виджет индивидуальным я решил подключать для каждого видео отдельный "сайт" что бы у каждого виджета были разные метки.Но запустив все это я увидел что не получилось,все 3 виджета на странице расположены в первом спойлере под первым видео,а в остальных двух спойлерах нету ничего. Что сделать что бы стало по нормальному?Я офк попробовал скрипты меток закинуть в скрипты самих виджетов вот так <div id="vk_comments"></div> <script type="text/javascript"> VK.init({apiId: 4071592, onlyWidgets: true});…
0 votes2 answers -
Помогите разобраться с header и footer
Прошу, пожалуйста помогите разобраться как сделать чтобы header и footer оставались на своих местах а вот их фон был на всю ширину окна. http://yadi.sk/d/CXQwWWiXGawfY В архиве лежат картинки на них отоброжено примерно чего хочу добиться. Картинка1-Как должно оставаться меню Картинка2- Как должен быть фон Картинка3- Как в итоге должен быть сайт
0 votes5 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-