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
-
помогите с ие
выложил вот на бесплатник - valeradmitruk.narod.ru/1st.html проблема только с ие, фф и опера показывают как надо, пробовал основному контенту добавить z-index:-1; тогда ие показывает нормально, но пропадает основной контент в фф
0 votes12 answers -
К кнопке не применяются стили
Почему-то в коде к кнопке button не подключаются стили: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Обработка HTML формы с помощью PHP</title> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> #div1{ position:absolute; top:30%; left:30%; background:#c0c0c0; width:400px; padding:10px; -moz-border-radius:10px; /* Радис скругления */ -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} } button.knopka{ background:#0000ff; color:#ffffff; padding:10px; …
0 votes4 answers -
Структура семантических тегов в шаблоне на Bootstrap
Здравствуйте. Решил сверстать шаблон с помощью Bootstrap как на скриншоте: Стандартная 12-колоночная сетка с полями, вместо дивов решил использовать семантические теги header, footer, article, aside, nav и др. Есть несколько идей: <header> <div class="container-fluid"> <div class="row"> <div class="container"> <div class="row"> <div class="col-xs-12"> </div> </div> </div> </div> </div></header>Можно ли контейнеры помещать внутрь других тегов? В документации Bootstrap нет ничего об этом. Или лучше так сделать?: <header class="container-fluid"> <div class="row"> …
0 votes9 answers -
Предпросмотр в Dreamweaver
Здравствуйте! у меня такая глупая но частая ситуация: когда я верстаю страницу и хочу взглянуть на неё в веб-браузере, Дримвюер просит сохранится. После сохранения он открывает в браузере ту версию которая сейчас в работе, которая уже открыта. Но вот беда: браузер сообщает об ошибке и страничка не открывается. ЗАТО та версия которая сохранена отображается! я просто хочу спросить: это у всех так? это нормально или что-то не впорядке. у кого то было так же? причём такая штука происходит у меня в любых версиях!
0 votes5 answers -
Как всегда ИЕ 6 и 7. Блок смещается вниз
Не могу найти причину, того что заставляет смещать table.contentpaneopen вниз страницы.... Буду премного благодарен. Сайт
0 votes10 answers -
как зафиксировать сайт
подскажите плиз как сделать так, чтобы на странице был виден только сайт в пределах разрешения 1440на 900, тоесть что нужно сделать чтобы при приближении и отдалении ничего не менялось и гость сайта если захотел приблизить или отдалить сайт при прокручивании скрола и нажатой кнопки Ctrl на екране ничего не менялось и все оставалось в статичном положении так как изначально видно страницу, без ростягиваний
0 votes6 answers -
Не растягивается сайт на всю ширину экрана на мобильных устройствах
Добрый вечер. Никак не могу решить проблему. На мобильных устройствах (в частности iphone) на сайте присутствует непонятный зазор справа где-то 5-6 мм. Может кто сталкивался с подобным? Сайт http://www.blushbride.ru/ Кстати, на этом ресурсе зазор тоже виден: http://mobiletest.me/iphone_5_emulator/#u=http://www.blushbride.ru/
0 votes4 answers -
Как сделать высоту карты яндекс адаптивной ?
Как сделать высоту карты яндекс адаптивной ? http://oilcity.su/ http://prntscr.com/gxdph2
0 votes4 answers -
<!DOCTYPE html>
При использовании <!DOCTYPE html> получается кака . Если убираю эту строчку из html-файла, то все прекрасно получается, так как и задумывалось. Эффект, которого надо достичь при наведении курсора. Использую сброс стилей, но с <!DOCTYPE html> есть непонятные отступы (на первой картинке видно после заголовка) и выше описанная ерунда. Перебирал по отдельности каждый стиль, ничего не помогло, кроме удаления <!DOCTYPE html>. На сколько я понимаю, <!DOCTYPE html> нужен, чтобы небыло неразберихи, а тут именно с ним неразбериха. В чем тут смысл.
0 votes19 answers -
Как сделать блок по центру в IE
Добрый день! сайт http://hotelkorona.kiev.ua/ В Mozilla и Опере все по нормально, блок расположен по центру. в IE не могу сделать, помогите пожалуйста, что я должен подправить?
0 votes5 answers -
Позиция текста около checkbox
Привет всем! Как можно при следующей верстке сделать текст "по центру" от чекбокса? <label><input type="checkbox" value="0" name="choice[0]"> Вариант 1</label> Пробовал прописать label { padding-bottom: 4px; } label input { margin-bottom: -2px; } Сейчас выглядит так: P.S: Попробовал label input {float: left} — работает. Но не хотелось бы делать лишние плавающие элементы.
0 votes4 answers -
проблема с IE6
bactericide.ru по-моему комментарии излишни. посмотри в опере и ie6. как победить этот долбаный ie6?
0 votes13 answers -
Подчёркивание ссылок
<body> <div id="wrapper" > <div id="header" > <h1><a href="#" class="logotipe">main</a></h1> </div> <ul id="topbar"> <li><a href="#" class="Main" > Main </a> </li> <li><a href ="#" class="Families">Families</a> </li> <li><a href= "#" class="History" >History</a></li> <li><a href= "#" class="Events" >Events</a></li> </ul> </div> Ни как не могу убрать подчёркивание ссылок .. обьясните как это сделать ??
0 votes9 answers -
Раскрывающийся список в строку
Опять я со своим списком, но уже совсем по другому вопросу. Итак, здесьесть меню, сделанное по этому образцу. Всё работает, всё хорошо, но я теперь хочу растянуть выпадающий список тоже в одну строку. Для этого прописала в #nav ul li {float: left;}. И, в итоге, получилось, что пункты не растянулись в одну строку, а их что-то ограничивает по ширине, и они всё равно переносятся. Я не могу понять, чем это регулируется? И ещё нужно будет, чтобы эти выпадающие пункты "выпадали" не сразу под родительским пунктом, а ниже (под синей подложкой верхнего меню, если смотреть на сайт). Для этого нужно где-то прописать position к дочернему списку или как-то ещё?
0 votes7 answers -
Циклическая смена фона у div
Здравствуйте. Подскажите пожалуйста, как кожно реализовать циклическую смену фона у div'а. Например: есть несколько небольших изображений и их нужно менять при каждом обновлении страницы. Сейчас имею: html: <div class="head"></div> css: .head { height: 200px; background: #e2e1e7 url("../images/head.jpg") no-repeat; background-position: right; border-radius: 10px 10px 0px 0px; }
0 votes9 answers -
XHTML и 100%-ная высота таблиц.
Собственно, я полагаю вопрос многим ясен, но я таки обьясню... Существует эта страничка, которая в HTML тянется в высоту за счет средней ячейки (ряда). Однако, на станице я применяю меню, которое требует XHTML. И тут начинаются проблемы. Ячейка НЕ ТЯНЕТСЯ в XHTML!!!!!! И никак я не могу этому помочь! ((( По крайней мере пока что... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title> XXXXXXXXXX </title> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <style type="text/css"> b…
0 votes4 answers -
Разработка формы
Добрый день! Написал я код <th>Послугу надано, грн<textarea wrap="soft" rows="1" cols="15" name="res">на сумму:</textarea> <hr> Послугу не надано: <input type="radio" name="res" value="1">за власним бажанням клі?нта <input type="radio" name="res" value="2">некоректне обслуг. </th> при отправке результата на сервер, текстовое поле не воспринимается как результат... А нужно, чтоб был один результат из тр?х.
0 votes14 answers -
Можно ли изменить размер ползунка скролла?
В общем, нужно сделать модный скролл. Использую скрипт FleXcroll. Но все его вариации идут с автоматически меняющейся (в зависимости от кол-ва контента) длиной бегунка. А мне надо фикс размер этого бегунка. Можно вообще как-то установить размер этому бегунку?
0 votes5 answers -
background-image с отступом справа
Если я хочу положить background-image в верхний правый угол, то я пишу «right top no-repeat». Если, например, сверху, но с отступом слева 100 пикселей, то «100px 0 no-repeat». А вот мне надо, чтобы фоновая картинка отступала, например, на 100 пикселей от правого края блока. Это делается как-то? Понятно, что можно вложить ещё один блок, но я не хочу этого делать.
0 votes3 answers -
Выровнять блоки
Возникла прроблема при верстке немогу решить уже второй день, есть неизвестное количество блоков в родительском(их высота и ширина известна заранее) нужно выровнять эти блоки по левому краю и родительский блок отцентрировать в блоке photos_list <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <div class="photos_list"> <div class="container" style="text-align: left;"> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/6fd36c7e6759050b03bb22871550554f.jpg" alt="WallpapersMania.nnm_.ru_vol141.jpg" width="100" height="62"> &…
0 votes22 answers -
Fieldset, закругление углов
привет. Кто-нибудь сталкивался с такой штуковиной? Сверстать такой блок дивами, а label спозиционировать абсолютно, расставив маргины — просто. НО! Я пока не нашел наглядного примера, для данного случая, сделать такой же блок, с закруглёнными краями, но используя такую структуру: <fieldset> <legend>Ледженд</legend> <label></label> </fieldset>
0 votes6 answers -
Раскрытие меню при наведении курсора
Добрый день! Есть одно приметное меню для сайта. Хотелось бы узнать, как реализовать в данном меню раскрытие дочерних пунктов не только при нажатии на родительский пункт, но и на при наведении курсора? Вот пример меню: http://pcvector.net/uploads/demo/scripts/accordion/flat_menu_accordion/index.html А вот и код: HTML + JQuery <!DOCTYPE><html><head> <title>Flat accordion menu | pcvector.net</title> <link rel="shortcut icon" href="/favicon.ico" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <link href="style.css" rel="stylesheet" type="text/css"…
0 votes2 answers -
что-то я затупил %)
господа такой вопрос нежданно возник.. имеем трехколоночную верстку (иллюстративно): <div style="width: 300px; float: left;"> /* тут какой-то контент, пусть пикселей 300 в высоту */ </div> <div style="margin-left: 300px;"> <div style="float: right; width: 300px;"> /* тут еще какой-то контент, пусть 400 пикселей в высоту */ </div> <div style="margin-right: 300px;" /* центральная колонка и о ней собссна и речь */ <img style="float: left;" src="xxx.gif" /> <p>blah blah blah blah blah blah blah blah blah blah .... blah</p> <div> <a href="#">…
0 votes10 answers -
Вывод печатной версии сайта.
Всем добрый день, я столкнулась с такой проблеммой при вёрстки печатной версии сайта. Как сделать так чтоб логотип, при печати сайта, расспологался в левом нижнем углу каждой странички? Спасибо
0 votes3 answers -
проблема с Оперой!
есть div {overflow:hidden;} в нём - длинная таблица table ... tr td - a href="#img1" /a - /td td - img id="img2" / - /td td - a href="#img3" /a - /td /tr ... /table и содержимое tr-/tr полностью занимает окно div'а, позволяя переключаться между картинками с помощью ссылок и якорей (такая вот галерея на одном сухом html). проблема: в Opera переключения, при overflow:hidden, не работают, а тут, как Вы понимаете, прокрутка категорически не нужна... что делать? код валидный, xhtml 1.0 strict и css 2.1, но не работает эта пижня только в Opera %( хотя, IE7 и 8 не проверял, но если в 6 работает, то и там должно, я думаю
0 votes12 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-