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
-
Вопрос по jQuery
Начит так. http://docs.jquery.com/Downloading_jQuery#Download_jQuery - спер от сюдова 1.7.1 (Release Notes) Minified http://professorcloud.com/mainsite/carousel.htm и по этому уроку сделал замечательную карусельку. счастью моему небыло предела. я радовался. Но вдруг горе! jquery.mousewheel.min чтобы карусельку крутить калесеком мышки надо вставить этот скрипт. но фак, она не крутиться. я провел расследование и выявил следующие: во всем виновата библиотека jquery без ней всё робит ок ок. Внимание вопрос "Дзынь" как сделать так чтобы и jquery было подключено и колесом мыши крутилась каруселька.
0 votes8 answers -
Как правильно объединить картинку и текст в одну ссылку?
Здравствуйте. Мой вариант: <a href... class="my"> <img ... > <span>Текст ссылки</span> </a> где .my{ display:block; align:center; } чтобы картинка и текст были отцентрированы Это будет правильно?
0 votes8 answers -
Высота крайних DIV по высоте среднего
<div id="primary_content"> <div id='background_content_left'></div> <div id='center'></div> <div id='background_content_right'></div> </div> #primary_content{ width:736px; min-height:600px; margin-left:26px; float:left; margin-top:31px; } #background_content_left{ background-image: url("img/background_content_left.png"); width:17px; height:100%; background-repeat:repeat-y; float:left; } #center{ width:699px; min-height:600px; float:left; } #background_content_right{ background-image: url("img/background_content_right.png"); width:20px; height:100%; background-repeat:repe…
0 votes8 answers -
Сформулировать невозможно, просто посмотрите на картинку
Здравствуйте. У красных дивов на картинке задано float:left, они выстраиваются в два "столбика" из-за того, что оборачиваающий их черный див ограничен по ширине. В левом "столбике" дивы "не прилипают" к верхним. Как можно сделать, чтобы прилипали? Даже не принципиально, будут ли это дивы или что-то еще, останется у них float или нет. Рассовать их в два оборачивающих дива не советуйте, если бы это можно было сделать, я бы не спрашивал. Вот код: http://jsfiddle.net/fUtA4/
0 votes8 answers -
form - label - input. Заступает текст
Приветствую всех. Проблема в следующем: игры с параметрами padding и margin для form, label, input не дало результата - текст все-равно заступает за чекбокс..... вот код: <html> <head> <title>test</title> <style type="text/css"> form {padding: 0 0 0 5; margin: 0 0 0 5;} </style> </head> <body> <form><label><input type="checkbox">So I've been experimenting with different margins and paddings on lists, and so far I can't seem to figure it out. The object I'm after seems simple enough; I want less of an "indent" (is that padding or margin?) on the left edge. In other words, I want the little do…
0 votes8 answers -
Проблема с версткой
Помогите пожалуйста.. Дизайн коласит.. Сижу уже 2 часа над этой проблемой не пойму в чем дело.. Итак. Моя ссылка пытаюсь вставить форму в див в футере.. форма постоянно вылезает за рамки.. код хтмл <div id="footer"> <div id="grayline_footer"> </div> <div id="pusto_f"> </div> <div id="footer_subscribe"> <div id='f_pustishka'></div> <div id='f_subscribe_zagolovok'> <span class='zagolovok'>ЗАРЕГИСТРИРУЙТЕСЬ и будьте в курсе!</span> </div> <form name="subscribeform" action="/contacts/budte_vkurse/index.php" method="post"> <div id='subscribe_form'> <div id='subscribe_f…
0 votes8 answers -
Помогите с калькулятором
Привет всем, люди добрые! Нужно сделать форму-калькулятор для расчета стоимости натяжного потолка. Саму форму взял с этого сайта, вот собственно она: <form action="" method="post" class="calc"> <table> <tbody> <tr> <td> Фактура полотна <span>*</span> : </td> <td> <select necessary="1" name="texture" style="width: 250px; "> <option value="0">- не выбрано -</option> <option value="300.5" selected="">Эконом: Мат/лак бел 150/200</option> <option value="450">Германия: Лак бел/цвет 142</option> <option value="500">Германия: Лак бел/цвет 195</option> <option value="650…
0 votes8 answers -
Не пойму в чем Не валидность кода
На сайте _validator.w3.org проверил свой сайт mobine.ru Не пойму в чем не валидность кода. Вот для примера: В чём там ошибки? Для примера я взял только 2 первые ошибки, всего их 215!
0 votes8 answers -
<select> <option> форматировать текст списка
Есть список вида: <select> <option>1234 123 123</option> <option>123 1 1</option> </select> Нужно чтобы в выпадающем списке столбцы располагались друг под другом, прим: 1234 123 123 123 1 1 Но добавка пробелов ничего не дает, они просто сокращаются до 1 пробела. Если вместо пробелов использовать нижнее подчеркивание, то тоже не получается, ширина букв разная. Пробовал span`ами и pre, тоже не работает. Даже таблицу пробовал делать внутри тэгов option - не помогает Может еще какие варианты подскажите?
0 votes8 answers -
Верстка многоуровневого списка
Извиняюсь, если вопрос такой был, поиском пользовался, честно :-). Есть список вида: <ul class="parent"> <li class="first"></li> <li class="second"> <ul class="child"> <li class="first-child"></li> <li class="second-child"></li> </ul> </li> <li class="third"> <ul class="child"> <li class="fourth-child"></li> <li class="fifth-child"></li> </ul> </li> <li class="fourth"></li> <li class="fifth"></li> </ul> Как правильно написать селектор, чтобы при наведении на second-child ме…
0 votes8 answers -
Селекторы в CSS
Доброго времени суток! Если не сложно не могли бы Вы объяснить работу селекторов на простом примере и дать рекомендации по работе с ними. Предположим есть HTML код: <ul class="label1"> <li class="text1"> <li class="text2"> <ul class="label2"> <li class="text3"></li> </ul> </li> </ul> если мы запишем CSS код: ul + li { /* произвольный стиль */ } то к text1 и к text3 будет применен произвольный стиль т.к. они стоят сразу после ul, а как понять следующие случаи: ul > li + li { /* произвольный стиль */ } и li + ul > li { /* произвольный стиль */ } ??? Очень надеюсь, что Вы поможете разобраться.
0 votes8 answers -
min-height и vertical-align
Добрый вечер. У меня возникла проблема следующего плана. Имеем div с мультилайн текстом. Требуется вертикальное выравнивание, при наличии свойства min-height Буду рад вашей помощи.
0 votes8 answers -
Кнопки в шапке Wordpress
Всех приветствую!!! Вот уже парюсь не первый день... Как мне сделать меленькие красивые кнопочки в ряд,так,как показан на рисунке,что бы этот ряд был прикреплен в правой или в левой стороне,без разницы???и без промежутка от картинки логотипа. И пожалуйста,напишите сам код. Заранее спасибо.
0 votes8 answers -
Вставить видео на страничку
Добрый вечер! Люди помогите пожалуйста - как вставить видео на страничку.
0 votes8 answers -
как сделать меню?
http://divhack.com/downloads/study/1/ может кто подскажет как сделать такое же меню (фикс) без таблиц?
0 votes8 answers -
При увеличении масштаба разваливается меню.
Подскажите пожалуйста как это поправить. Ширина пунктов меню не указана.
0 votes8 answers -
обрыв фона
уважаемые знатоки, помогите пожалуйста исправить ситуацию. при увеличении масштаба страницы (ctrl + колесико мыши)точечный фон контейнера .box_2 не продолжается до подвала. а хотелось бы чтобы продолжался
0 votes8 answers -
Проблема с шириной div
Не могу разобраться, почему на этой странице при центрировании <div class="navigation"> и <div class="main"> получается расхождение точки центрирования на несколько пикселей. Без центрирования расхождения по ширине нет.
0 votes8 answers -
Помогите найти ошибку
Помогите найти ошибку <html> <head> <script> function otkr(){ var svertmenu = document.getElementByid("svertmenu"); svertmenu.style.display = "block"; } function zakr(){ var svertmenu = document.getElementByid("svertmenu"); svertmenu.style.display = "none"; } </script> </head> <body> <a href="#" onmouseover="otkr()" onmouseout="zakr()">Меню</a> <div id="svertmenu" style="display: none;">Это меню</div> </body> </html>
0 votes8 answers -
Подскажите нубу
Начал изучать сайто-строение, для примера решил сделать сайт о группе SOAD... вот код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset="utf-8"> <title>SOAD</title> <style> .center { width: 800px; /* Ширина элемента в пикселах */ height: 1000px; padding: 10px; /* Поля вокруг текста */ margin: auto; /* Выравниваем по центру */ background: #000000; /* Цвет фона */ } body { background: #333333; /* Цвет фона */ color: #fff; /* Цвет текста */ } </style> </head> <body> <div class="center"> <img src="shapka.png" widt…
0 votes8 answers -
Давайте изобретём идеальную резину!
Уже какой месяц бьюсь, пытаясь изобрести идеальную резину, но так ничего и не вышло, даже приближённого к идеальному. Предлагаю объединить усилия. Давайте уже соберёмся и перевернём нафиг привычные представления о вёрстке! Сверстаем шедевр, которым потом будут пользоваться не одно поколение программистов. Собственно, озвучиваю требования по порядку: 1. 2 фиксированных сайдбара и резиновый центр. Фиксированные по высоте футер и хидер. 2. Обтекание больших картинок центральным блоком, то есть макет должен уметь "разъезжаться" шире окна браузера. 3. Футер прижат к низу страницы, а при высоком контенте страница тянется вниз. 4. Возможность сделать header и footer прозрачным…
0 votes8 answers -
Подскажите как лучше сверстать шаблон
Добрый день, подскажите как правильно сверстать такой шаблон: Как лучше его позиционировать по высоте, оставить прижатым к верху или выставить посередине, если прижать к верху то у пользователя с высоким экраном останется много свободного места внизу, не красиво будет. Подскажите как сделать лучше.
0 votes8 answers -
img в body
При вставке изображения шириной более 150 пикс в документ все тело сдвигается влево на 10-15 пикс. В чем может быть проблема подскажите.
0 votes8 answers -
Высота DIV-а должна быть равна высоте справа расположенного большего DIV-а
Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ } body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px } </style> </head> <div style="border: 1px solid #990099;"> <div style="height:100%;width:50%;float:left;"> <div style="height:100%;border: 1px solid #3187BD;"> БЛОК А </div> </div> <div style="height:100…
0 votes8 answers -
Проблемы с opacity
Есть слой на который навешана прозрачность. В нем картинка - на картинку так же применяется прозрачность даже если сделать opacity: 1 картинке. Пример кода: http://jsfiddle.net/3Uz3q/ Как побороть проблему? Спасибо!
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-