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
-
Title в ссылках
Вот, общались с моим другом - возник вопрос: "Есть ли практическая польза от прописывания title во внутренних ссылках?" Я ему доказываю что есть, он мне - что нет. Может кто-то аргументированно доказать это или опровергнуть? (с точки зрения юзабилити и оптимизации) Заранее спасибо.
0 votes16 answers -
Выравнивание счетчика
Помогите пожалуйста новичку подскажите как выравнять счетчик на данный момент она находится слева в самом углу мне бы хотелось его как то поставить в правый угол с отступами от краев как можно выровнять
0 votes10 answers -
Буллит списка без обтекания
Вроде бы несложная задачка, но споткнулась на ней. Нужно, чтобы сам текст не обтекал буллит. Так: Сверстано так: a:before{ content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:#464646; margin-right:8px; vertical-align:middle;}Возможно ли это?
0 votes21 answers -
Как правильно делать hover для иконок?!
Добрый день, дорогие форумчане! Нужно сделать ховер-эффект у иконки соц-сети. Он заключается в следующем: 1) До наведения - http://joxi.ru/VrwpeqgubwyEmX 2) После наведения - http://joxi.ru/v297yWjU9XBgrG Но раз это изображение, то у него нельзя поменять цвет фона. Уместно ли будет сделать так, чтобы менялось фоновое изображение блока. То есть создать блок, у которого background-image при наведении будет менять свое значение. Или есть другие правильные способы реализации? Например использовать специальный шрифт для иконок соц-сетей. Всем спасибо!
0 votes5 answers -
Вертикальное выравнивание в форме
http://jsfiddle.net/Launder/1tahrusy/ <div class="feedback"> <p> Вы можете воспользоваться данной формой, для того, чтоб отправить нам сообщение. Мы будем рады почитать содержательный отзыв и надеемся на плодотворное сотрудничество! </p> <form action="#" method="post"> <p> <label for="Name">Имя:</label> <input type="name" name="autor" id="Name"> </p> <p> <label for="Mail">Email:</label> <input type="email" name="autormail" i…
0 votes23 answers -
CSS
Прошу перевести на язык сss каждый атрибут ,параметры атрибута оставьте такими же! Большое спасибо. .S-TAB { TABLE=border:0; align:center; width:60%; valign:middle; rules:none; cellspacing:0; cellpadding:0; HSPACE:0; VSPACE:0; }
0 votes2 answers -
Как растянуть равномерно меню
Сайт http://vivatlatour.ru/about Не получается отцентровать меню, помогите объясните ) html <!-- menu --> <div id="base_menu"> <div id="menu_l"> <ul id="menu"> <li class="first"><a href="#">О компании</a></li> <li><span>Страны</span></li> <li><a href="#">Новости</a></li> <li><a href="#">Отели</a></li> <li><a href="#">Навигатор</a></li> <li><a href="#">Подбор тура</a></li> <li><a href="#">Спецпредожение</a></li> <li class="last"><a href="#">Контакты</a&g…
0 votes10 answers -
<textarea> ???
Подскажите, можно ли сделать скрытой? как в если задать hidden???
0 votes12 answers -
Тень блока без background: url
Создание теней для блоков всегда происходит с помощю изображений. А кто знает как избежать использования какой-либо графики для решения этой задачи? Итак: <html> <style><!-- ... --></style> <body> <div class="blockwithshadow"></div> </body> </html>
0 votes15 answers -
Позиционирование фона
Есть страница, а в ней div у котого class "page" .page { width: 100%; background: no-repeat url(/images/skate.jpg); background-position: center top; } Соответственно он выравнивается по центру, но надо по центру но со сдвигом вправо, например на 250px. Возможно ли сделать отступ в фоне? Подскажите, как это сделать.
0 votes13 answers -
Не отображается фон у DIV'а
Не отображается фон у DIV'а (хтмл) вот такое свойство у дива { background: url('des/img.gif') 0 0 no-repeat fixed; width: 920px; height: 59px; margin: 144px auto 0; } путь к фону указал правильный при просмотре в браузерах, фон у дива не отображается в чем ошибка?
0 votes6 answers -
Бутсрап и список
В самом конце страницы есть список из 6ти пунктов. Ul я сделала как row, а пункты .col-sm-4 - на большом экране смотрится нормальн, но при сужении все ломается (мало того, что элементы списка криво выравниваются, так еще и внутри них текст на новую строку перескакивает, хотя там стоит 30 и 60% и border-box - что не так и как нужно? http://zverushka.zz.mu/edu9/
0 votes39 answers -
Svg не отображается в Firefox
Не отображается svg. Есть способы подмены на удобный для Firefox формат?
0 votes7 answers -
Растянуть svg на весь экран
Привет. Подскажите, пожалуйста, как растянуть svg на весь экран и возможно ли это вообще. Например, есть svg как в приложении (truba.svg), может быть ситуация, что таких svg будет несколько (естественно, объединенных в одну). svg на страничке отображаю следующим образом: <object id="svg_id" type="image/svg+xml" width="1024" height="768" data="svg_name.svg"></object> Также, если кто знает, подскажите, что можно/нужно почитать для решения следующей проблемы: есть на страничке svg, например, на svg нарисована кнопка, и если нажать на эту кнопку, происходит какое-то событие, на которое js реагирует. Спасибо.
0 votes2 answers -
Не работает float в IE6
Не могу разбить хедер на блоки. CSS: .header_left { float : left; width : 230px; height : 140px; margin : 0; padding : 0; } .header_center { float : left; width : 370px; height : 140px; margin : 0; padding : 0; } .header_right { float : right; width : 250px; height : 140px; margin : 0; padding : 0; } HTML: <div id="header"> <div class="header_left"> </div> <div class="header_center"></div> <div class="header_right"></div> </div> Проблема возникла с header_right. В IE6 он упорно растягивается на все свободное место на странице. Подскажите, пожалуйста, как заставить блок соответствов…
0 votes9 answers -
Как сделать iframe поверх iframe
Добрый день. Такой вопрос как сделать чтобы поверх одного ифрейм был другой ифрейм. Не рядом, а именно поверх. Вот например беру я сайт гугла через iframe и хочу добавить поверх него ещё один iframe: <html> <head> <body> <iframe src="http://google.com" style="width:100%; height:100%;" frameborder="0" scrolling="auto"></iframe> </body> </html> Как сделать чтобы получилось вот так, страница полностью гугловская, но в ней есть мой ифрейм Заранее спасибо.
0 votes3 answers -
Ошибки в верстке по PSD-макету
Добрый день, ув. форумчане. Недавно проходил собеседование и получил тестовое задание. К сожалению, я интересуюсь программированием и в верстке был не силен, и потому не смог справиться с версткой по готовому PSD-макету. Мне сказали, что сверстано было вообще не по макету. Я очень прошу вашей помощи: оставляю ссылку на тестовый домен, где можете посмотреть результат работы, а так же ссылку на архив с самим макетом. Раскритикуйте мою работу, как можно более полноценно. Я очень жаждую устранить этот косяк и научиться качественно верстать сайты. http://test13.meximas.com/ тестовый домен https://drive.google.com/file/d/0Bxd4ns8xGZHtb1ljSkJDNUFTc0U/edit?usp=sharing архив Маке…
0 votes21 answers -
КАК ЗДЕЛАТЬ ЧТОБЫ ПРИ НАВЕДЕНИИ МЫШКИ НА КАРТИНКУ ПРИГРЫВАЛСЯ ЗВУК
Как Зделать Чтобы При Наведении Мышки На Картинку Пригрывался Звук
0 votes12 answers -
заезжает один div под div
Всем привет, ребята подскажите почему может блок 4 уезжать под блок 1 Блоки 2 и 3 наезжают на 1, а блок 4 почему то уходит под блок 1 вот картина: css: #1 блок{ width:960px; margin-top:8px; border:1px solid red; background:url('../image/menubg_4.png') no-repeat; height:90px; text-align: center; } #2 блок { float: left; width: 180px; margin-top: -45px; margin-right: 10px; } #3 блок { float: right; width: 180px; margin-left: 10px; } #4 блок { border:1px solid red; float: right; width: 578px; margin-bottom: 10px; margin-top: -45px; } html в коде хтмл обычные дивы
0 votes6 answers -
Изображение вместо бордюра в CSS
Здравствуйте! При оформлении сайта решил установить вместо бордюра изображение. В левом верхнем углу изображения имеется узор,для его сохранения ширину верхнего и левого бордюра пришлось делать равной размерам узора,при это контент сдвинулся вниз и вправо. Подскажите,как можно сдвинуть контент на изображение бордюра или возможно есть другой способ установить изображение в угол окна. Так же хочу добавить,что окно (блок div),на котором установлено оформление бордюра будет изменяться,по высоте при добавлении контента и по ширине при изменении ширины окна браузера. Код CSS: section { float: right; width: 67%; height: 455px; margin:…
0 votes17 answers -
Резиновый макет
Добрый день! Подскажите,как лучше реализовать верстку резинового макета-позиционированием,плавающими блоками,отрицательным маргином или же еще как можно? нужно: хедер(ширина 100%) верхнее меню(ширина 100%) лколонка(ширина 200пх)+контент(резина)+рколонка(200пх) футер(ширина 100%)
0 votes22 answers -
Hover на несколько элементов
Начал недавно осваивать верстку, столкнулся со следующей проблемой. Есть следующий код: <div id="wrap"> <div id="f"> Один</div> <div id="s"> Два </div> <div id="t"> Три </div> </div> И Css к нему: #f { background-color: red; float:left; width:30%; } #s { background-color:yellow; float:left; width:30%; } #t { background-color: green; } #wrap:hover { background-color: teal; } Нужно чтобы при наведении на любой из дивов #f #s #t все три дива меняли бэкграунд на teal. Вышенаписанный код не работает. Как сделать? jquery и javascript использовать нельзя. Спасибо/
0 votes2 answers -
Резиновый сайт
Есть шапка размером 1024Х180px Хочу сделать чтоб шапка при больших разрещениях увеличивалась ,а при уменьшении экрана на 700-800 пикселей ,чтоб появлялась во всех браузерах полоса прокрутки, чтоб нормально показывалось на всю ширину на экранах 15,17,19,22 дюйма. Подскажите как, код пробный. Проблема в том, что у меня не появляеться полоса прокрутки при уменьшении окна браузера на меньше 800 пикселей в браузере ИЕ, там и 900 и 1000 пикселей, полоса появляеться. А в др. браузерах аообще не появляеться при уменьшении на меньше 800 пикселей. Хочу чтоб на всю шрину было в экранах размером 15,17,19,22 дюйма. Подскажите как в моём коде правильно написать. Заранее благодарю за …
0 votes26 answers -
Кириллица через form
Столкнулся с такой проблемой, форма на отрез отказыется принимать кириллицу. Пробовал через post и get причем через get я получаю в адресной строке вполне адекватный запрос a-la qwerty.ru/?name=русскийText А когда стараюсь вынуть из переменной ее значение получаю только Text. Кириличесские символы не превращаются в крокозябру, а просто отсутствуют в переменных. Сайт на джумле. Код банальный и рутинный. <form method="get"> Фамилия<br><input type="text" name="lname" required><br> Имя<br><input type="text" name="name" required><br> Телефон<br><input type="text" name="phone" required><br> &l…
0 votes1 answer -
Как проще сверстать логотип (минимум кода)
Как проще сверстать логотип ( смотрите код: http://jsfiddle.net/0msb5jj8/ ) Что-то мне кажется, у меня много кода и классов для какого-то логотипа )))) Может, есть вариант проще сверстать?
0 votes22 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-