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
-
Верстка многоуровневого списка
Извиняюсь, если вопрос такой был, поиском пользовался, честно :-). Есть список вида: <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 -
margin-top для p опускает div
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> <style> *{margin:0;padding:0;} .bl_1{ height:54px; width:403px; background:#000; font-size:27px; color:#fff; font-weight:bold; } .bl_1 p{ text-align:center; } .bl_2{ background:#ffd500; width:136px; height:49px; margin:3px 3px 2px 3px; color:#000; float:left;} .bl_2 p{text-align:center;margin-top:10px;} </style> </head> <body> <div class="bl_1"><div class="bl_2"><p>АВТО</p></div><p>ХИМЧИСТКА</p></div> </body…
0 votes1 answer -
Элемент переносится на следующую строку; почему?
Хелло ворлд! Я в верстке недавно и зелен как побег фасоли. Ссылка. Под большим блоком находятся спаны, последний из которых почему-то переносится на следующую строку. Почему? Ведь ширина спана равна 260 пикселов, отступ справа - 10 пикселов, у последнего элемента он отсутствует; 3 отступа по 10 пикселов и 4 спана по 260 пикселов равно 1070 пикселов; ширина <nav>'а равна 1080px В чем проблема? P.S. С математикой усе хорошо вроде.
0 votes3 answers -
Как заставить ссылку скачиваться, если формат выложенного файла не стандартный?
Всем привет, есть страничка: http://www.camera.center.rt.ru/podderzhka/proshivki На ней 4 файла, 3 из них обрабатываются браузером не корректно и при открытии выскакивает какое-то непонятное окно. Даже в выпадающем меню нет пункта "Сохранить объект как..." Заказчик просит, не архивировать их, а выложить как есть, чтобы абоненты не мудрили с разархивированием.
0 votes7 answers -
лимит плееров
Добрый вечер. Использую на сайте библиотеку MediaElement.js. Когда я размещаю более 5 плееров на странице, Chrome просто не подогружает страницу ( в основном стиля ), если четко 5 все работает http://omega24v.esy.es/ <div class="audio-player p1"> <h5><span>Darom Dabro</span> Darom Dabro </h2> <audio class="audio-player2" src="libs/html5-audio-player/media/DaromDabro-BL.mp3" type="audio/mp3" controls="controls"></audio> </div> $('.audio-player2').mediaelementplayer({ alwaysShowControls: true, features: ['playpause','progress','volume'], audioVolume: 'horizontal', audioWidth: 660, audioHeigh…
0 votes0 answers -
Проблема с версткой
Вот выложил верстку на хостинг http://fh7927lb.bget.ru/ как сделать вот такой список(правое нижнее) http://s1.ipicture.ru/uploads/20140404/EHQBiDCo.png у меня почему та не получается сделать такой простой список. И еще вопрос. почему когда я прописываю .searshText Position:relative; а .searshButton position:absolute; top:0; right:0; почему кнопка улетает на самый верхний левый угол, хотя должна быть относительно текстового поля?
0 votes4 answers -
CSS
Не получается поменять заголовок у материалов во Views - http://mebel-market.today/mebel/stekla - он не должен быть жирным и должен стоять по центру.... При этом заголовки в других вьюсах... должны оставаться прежними... - http://joxi.ru/GrqMgPoHQX15rz
0 votes1 answer -
inpur range диапазон
Доброго времени суток. Подскажите, пожалуйста, как можно реализовать второй ползунок к input range, чтобы отображать диапазон значений, не используя плагины jquery. <input type="range" id="r1" oninput="fun1()" min="0" max="1000" step="10" value="0" > <input type="text" id="i1"> <script> function fun1() { var rng=document.getElementById('r1'); var i1=document.getElementById('i1'); i1.value=rng.value; } </script>
0 votes1 answer -
форма создание дополнительной формы
Нужно создать форму, которая будет всплывать при нажатии кнопки "Добавить". Например, мы вводим образование, один университет. Но если человек имеет еще одно образование, то он нажимает кнопку "Добавить" и ему высвечивается такая же форма , только с другим полями, ( выше - ниже не имеет значения) На первой картинке показано как это выглядит до нажатия на клавишу, на второй как после нажатия. Есть ли какие нибудь материалы по этой теме? Не могу найти хоть приблизительного примера=( Очень буду благодарна, если поможете=)
0 votes0 answers -
Как сделать ссылку на флэш банер
Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" plugi…
0 votes0 answers -
Для Самых Начинающих ))
Здравствуйте, Только начал работать с сайтами Не заню как натроить у себя на компе удаленный достпуп с сайту заказчика пароль там нужен и еще что-нибудь... расскажите пожалуиста поподробнее.
0 votes1 answer -
Колонки одинаковой высоты
Всем привет. Мне нужно сделать три колонки. По краям фон, а по центру контент. Делаю так: Html: <div id="main"> <div id="left_bg"></div> <div id="content">Тут какой-то контент</div> <div id="right_bg"></div> Css: div#main { overflow:hidden; width:100%; } div#left_bg { float:left; width:17px; background-color:#b74929; padding-bottom:10000px; margin-bottom:-10000px; } div#content { float:left; width:936px; padding-bottom:10000px; margin-bottom:-10000px; } div#right_bg { float:left; width:17px; background-color:#b74929; padding-bottom:10000px; margin-bottom:-100…
0 votes3 answers -
Фреймы -свойства
привет! ничего не понимаю в фреймах ,... как сделать фрейм мини-плеера снизу основной части страницы ,но при этом ,чтобы ссылки как вели на основную часть,так и продолжали вести... сделал без фреймов через fixed rubasket.com ,но при перезагр-е страницы саунд перезагружается вместе с ней помогите всё-таки через фреймы....
0 votes2 answers -
Вопрос по ссылки
У меня такой вопрос: у меня на сайте, на каждой странице есть ссылки (они одинаковые на всех страницах) которые я часто обновляю, как можно сделать чтобы их можно было изменять в одном месте, а на всех страницах они сами обновлялись, т.е. что бы не приходилось вручную на каждой странице изменять. Заранее благодарен.
0 votes1 answer -
Z-index, две картинки и таблица
Господа хорошие! Вот такая проблема. Есть вот такой ХТМЛ. <table border="2px" cellpadding="0" cellspacing="0"> <tr> <td valign="top"> <div class="images"> <img src="gallery/jv/1.jpg" /> </div> <div class="loupe"> <img src="img/zoom_an.png" /> </div> </td> </tr> </table> К нему вот такой ЦСС .images{ position:relative; z-index:0; vertical-align:text-top; } .loupe{ position:relative; z-index:1; bottom:50px; text-align:right; right:5px; height:50px; } Вопрос вот в чем. Иконка zoom_an.png 45х45 и после того как я применяю стили она занимает свое правильное место в нижнем правом углу на картинк…
0 votes0 answers -
Как быть с SSI
Подскажите пожалуйсто , как быть , у меня настроена связка php+mysql+perl+apache , на apache поднял модуль SSI , доволен модулем , один вопрос : если я занесу в подключаемый файл мета-теги , будут ли коректно их понимать поисковики ? , если я занесу в подключаемый файл линки будут ли коректно их понимать броузеры? Зарание большое спасибо!
0 votes3 answers -
Проблема с версткой,люди добрые,выручите
Сайт www.selecta.ru. На главной странице съезжает модуль вывода случайных новостей.Люди добрые,подскажите,плиз,в чём косяк(целый день сидел тупил,не мог исправить.Вроде нигде там нет паддингов и маргинов,которые бы вызывали такой съезд).Очень срочно надо поправить( Заранее,спасибо!
0 votes6 answers -
Таблица в ячейке (Opera и IE)
Вот код: //———————————————————————————————————————— <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Тест1</title> </head> <body> <style> body, html { width: 100%; height: 100%; } body { margin: 0px; } </style> <table style="width: 100%; height: 100%;"> <tr> …
0 votes8 answers -
Меню верстать одной картинкой или двумя?
Скажите, как верстать верхнюю строку меню, содержащую и ссылки и поиск? Вырезать их как одну картинку? или отнести ссылки к контенту, а поиск в правую колонку? http://files.mail.ru/6QVOTL?t=1
0 votes7 answers -
Отмена стиля
На странице имеется код, с тегом <label> в десяти местах. Для данного тега прописан стиль, мне необходимо в одном из десяти тегов <label> отменить заданный стиль... Подскажите как удобней всего это сделать? Может есть какой нибудь атрибут, который отменяет все прикрепленные стили к одному элементу...
0 votes4 answers -
Тест на кроссбраузерность
Во всех браузерах не перетестишь. Какие есть мнения по поводу разумного минимума? Насколько можно с доверием относиться к данной статистике http://www.liveinternet.ru/stat/ru/browsers.html?slice=ru;period=month ? Если она корректна, усталый 6-7 Ишачёк почил навеки.
0 votes5 answers -
Фиксированный элемент
Здравствуйте! Как на сайте, вот сайт, сделать дополнительный слой, чтоб, независимо от высоты страницы, был графический элемент, который бы всегда был внизу страницы, но перед футером? Вставлять все в новый див и в нем располагать этот элемент с позиционированием?
0 votes4 answers -
Один - Один два блока по ширине
Приветствую. Прошу помощи, а то мозг уже сломал. К примеру есть новостной блок Хочу сделать следующие 1)Если новость в теме одна, то новость заполняет весь блок по ширине. 2)Если же новости две, то они делят один блок по ширине Собственно есть два состояния html: <div class="news"> <div>Новость 1</div> </div> и <div class="news"> <div>Новость 1</div> <div>Новость 2</div> </div> Прошу помощи в css. Прошу учесть, что в дивах не может быть класса или id. Но можно использовать :nth-child(1) и :nth-child(2)
0 votes4 answers -
поле уехало
помогите пожалуйста понять почему на страничке в последнем хроме поле .fld_search уезжает вверх? в ие подобные проблемы были, но я их решил при помощи условных комментариев. в хроме что можно сделать?
0 votes8 answers -
Как заменить фрагмент html кода (ссылку на стиль плейера) в зависимости от разрешения эрана
Как заменить фрагмент html кода (ссылку на стиль плейера) в зависимости от разрешения эрана? <div class="block2"> <object width="100%" object height="100%" align="top" id="videoplayer162"> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" /> <param name="wmode" value="transparent" /> <param name="movie" value="http://nikapress.myds.me/structure/uppod.swf" /> <param name="flashvars" value="st=http://nikapress.myds.me/structure/style/2560_player.txt&pl=http://nikapress.myds.me/playlist.txt" /> <embed src="http://nikapress.myds.me/structure/uppod.swf" width="100%" type="applicat…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-