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
-
Как прописать стили отдельно для каждого браузера ?
Как прописать стили отдельно для каждого браузера ? А то у меня проблема, слева Мозилла и Опера, справа Хром Проблема на этом форуме http://forum.surgeryzone.net
0 votes1 answer -
Самые полезные книги по web дизайну и программированию
Привет всем, извините за глупый вопрос, но расскажите какую лучше читать литературу для web программиста среднего класса( Знаю html css немного js php и Macromedia FLASH). Расскажите, пожалуйста, как вы развивалисб в данной сфере, какие книги, блоги, сайты читали? Буду очень благодарен за ответ.
0 votes1 answer -
Проблема с fontsquirrel
Проблема такая - мне очень нужен на сайте шрифт terminator cyr 4 и если его подключить просто через font-face, кириллица работает, но отображается уродливо. Пробовал через fontsquirrel - латинница работает, красиво отрендерилась, а вот кириллица не работает вообще. В настройках выбираю EXPERT, ставлю галочку напротив Cyrillic, а эффекта ноль! Всё равно не работает. Причём, в списке символов кириллица отображается, а вот в демо файле на выходе кириллицы уже нет. А если выбрать не EXPERT, а OPTIMAL, то в демо файле кириллица даже отображается, а вот на самом сайте уже не работает! Помогите пожалуйста, очень нужно.
0 votes2 answers -
Сьезжет поиск
Здравствуйте, есть сайт (covebunnies.net) на ВордПрессе, с responsive темой. Проблема в поле поиска, в ИЕ9 оно отображается практически под хедером, а в Хроме и остальных нормальных браузерах все в порядке, хотя при ресайзинге окна тоже вылетает за границы. Не подскажете в чем может быть проблема, и как это можно исправить. Заранее спасибо
0 votes1 answer -
Рамка вокруг сайта
Помогите, пожалуста,решить проблему. Я верстаю сайт сделан он слоями, и вроде бы все хорошо но вокруг сайта имеется рамка которую я никак не могу убрать, что делать ? Сайт: http://nagibin.freeopti.ru/ Таблица: http://nagibin.freeo...s/123/style.css Если все упростить и убрать лишки то код такой : <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <title>Верстка от ICE</title> <link href="Nagibin/style.css" rel="stylesheet" type="text/css" /> </head…
0 votes2 answers -
Кнопка со звуком. Помогите!
Мне надо чтобы по нажатию на кнопку издавался звук, сделать это при помощи CSS, много форумов облазел, но ничего не нашол. Заранее спасибо!
0 votes0 answers -
switch не пашет (((
$(function(){ $(document).click(function(e){ c=c+1; if (c==5) {c=1} alert(c); switch (c) { case 1: $('.cubespinner').css({ '-webkit-transform':'rotateY(-90 deg)' }); break case 2: $('.cubespinner').css({ 'transform':'rotateY(-90 deg)', 'transform':'rotateZ(90 deg)' }); break case 3: $('.cubespinner').css({ 'transform':'rotateY(-180 deg)', 'transform':'rotateZ(90 deg)' }); break case 4: $('.cubespinner').css({ 'transform':'rotateY(90 deg)', 'tran…
0 votes3 answers -
Непонятный для бордера padding слева
Добрый день! Подскажите почему получается вот так http://cssdesk.com/g5wDx ? Т.е. светлокоричневая линия не прилегает вплотную к черному бордеру слева. Но на первой li все нормально. Если добавить в .top-menu-block ul li { ; } То все норм.Но это какой-то кривой ход. Также подскажите почему в #mainblock .top-menu-block высота в 50пикс,то нижний бордер не видно,а если 50.5 то все ок? Фоновая картинка 49 пикс в высоту.
0 votes2 answers -
Можно ли при получении фокуса подсветить родительский блок
Как можно сделать что бы при получении фокуса textarea подсвечивался родительский div. То есть, необходимо чтобы textarea никак не реагировала, а реагировал родительский блок. Вот пример - http://jsfiddle.net/0o279vv1/
0 votes4 answers -
white-space перенос padding
Вобщем если слово не помещается в ширину контейнера, то переносится целиком, все предельно ясно, но если у его тега <a> есть padding, то он остается на предыдущей строке, на рисунке все показано Как быть? нужно что бы переносился
0 votes0 answers -
Подскажите как верстать такие сайты
Подскажите пожалуйста, как верстать подобные сайты, картинка в шапке имеет ширину 1200px, но ведь сайт должен растягиваться на всю ширину экрана, если шапку растягивать "background-size: 100%", то что делать с блоком который идет ниже (Свежие новости), растягивать его тоже на всю страницу, или по центру 1200px? и картинка растянутая на всю ширину уже становится плохого качества...
0 votes2 answers -
Помогите с расположением элементов!
Здравствуйте! Подскажите как можно сместить иконку Facebook вправо а текст оставить слева чтобы потом иконки можно было добавить border. Вот код HTML <div class="item__price"> Цена по запросу <a href="" target="_blank"><i class="fa fa-facebook"></i></a> </div> Вот Css .item__price { padding: 5px; font-size: 16px; margin-bottom: 5px; color: #778899 }
0 votes2 answers -
Градиентное изображение
Вся шапка сайта это отдельный фрейм. В нем 3 рисунка. Первый логотип, второй логотип, а третий хочу растянуть на все оставшееся место. Проблема в том что сам фрейм уже подгружает файл css. И пробовал по всякому стандартными средствами. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <link rel="stylesheet" type="text/css" href="style.css"> <html> <head> <title>frlogo</title> </head> <body> <a href="index.html"><img src="logo.bmp" align="left" height="60" width="100" hspace="0" vspace="0" border="0"></a> <a href="index.html"><img src="logo2.bmp" align="left" height="60" widt…
0 votes0 answers -
Вопрос по таблицам!
Добрый день! У меня такой вопрос: Я пробую сделать сайт и столкнулся с такой проблемой. Когда делаю таблицу (тег table) получаются зазору в окне броузера и между таблицfvb - Как их убрать? http://testsait2010.narod.ru/index.htm И еще: Как меню которое слева подънять на верх и чтобы оно не опускалось с изменениями в среднем столбце? Спасибо!
0 votes1 answer -
Кодировка в мета-тегах
У многих верстальщиков замечал в мета-тегах указанную дважды кодировку: <meta http-equiv="Content-Type" content="text/html; [b]charset=utf-8;charset=utf-8[/b]" /> почему и для чего так пишут (не один а два раза)?
0 votes1 answer -
? лемент выбора количества в форме
В форме поиска необходимо сделать элемент выбора количества. Да не просто точного количества, а чтобы можно было выбрать equals, greater (or equal), etc. Единственное, что приходит в голову - сделать селект с опциями (больше-меньше-равно) и рядом поле для ввода числа. Но выглядит, честно говоря, не очень изящно. Какие еще могут быть более юзабельные решения?
0 votes3 answers -
Рисованная шапка блога
Доброго всем времени. Вопрос такой- у скачанной темы вордпресса я полностью перерисовал шапку в фотошопе, т.е. и название блога нарисовал и описание тоже НАРИСОВАЛ!, теперь не могу разобраться как название сделать H1, а описание H2, и чтоб название с описанием были кликабельными. Первоначально было так, в админке пишешь название и описание, и они автоматом появлялись в шапке, но меня не устраивал дизайн шрифта, я удалил из хедера вот этот код (<?php $tmp=(is_single() || is_page())? "div":"h1";?> <<?php echo $tmp;?> id="blog_title"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></<?php echo $tmp;?>>…
0 votes1 answer -
Ссылки.
Добрый вечер! Имеется: 3 ссылки, над каждой ссылкой картинка. Что нужно сделать: Допустим, первая ссылка «Деревянные дома» над ней картинка дома. Вторая ссылка «Бани» над ней картинка бани. и 3 ссылка «беседки» над ссылкой картинка беседки. Вот что теперь нужно сделать: Когда мы находимся в разделе сайта «Бани», то, фон ссылки становится другим по отношению к тем двум ссылкам, а картинки над теми двумя ссылками становятся размытыми. Как с помощью css/html такое сделать — если нельзя, то скажите, как с помощью JS сделать. Пример прикладываю:
0 votes2 answers -
С мена надписи в кнопке
есть кнопка с поиском файла: <input class="review" title="аааа" size="20" id="file_8" name="file" type="file" /> В этой кнопке написано "обзор", подскажите как сменить в ней надпись. Через value не получается.
0 votes2 answers -
Настройки шрифта
Собственно заметил на сайте одной из социальных сетей такую интересную штуку: Не смотря на то я не менял в настройках браузера величину шрифта, сайт оставался абсолютно одинаковым. Вопросы: 1)Как это сделать(или все таки не стоит)? 2)Много ли пользователей с увеличенными шрифтами и есть ли смысл верстать и для них тоже.))
0 votes4 answers -
Проблема с шириной span без float
Добрый вечер. Помогите мне пожалуйста с этой проблемой.
0 votes6 answers -
Два DIV с рамкой, не выравниваются друг на друга
Подскажите пожалуйста: Как сделать, чтобы блок с право, выравнивался к левому блоку (чтобы рамка правого блока была на ровне с левым) Макет вот здесь: JSFIDDLE (макет)
0 votes3 answers -
Непонятные причуды стилей
Вот код, не могу понять вроде всё верно, зелёная ячейка 800 пикселей, внутри таблица, ширина 770 бордеры 5 отступы 10, вместе должны заполнить все 800 пикселей, но по непонятным причинам слево 10 отступ, справа 20, визуально они сравниваются, если ширину увеличить до 780 пикселей, где логика? <!DOCTYPE html> <html> <head> <title>aaa</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="css/css.css"> <style> BODY { margin:0px; border:0px; padding:0px; background-color:#D4A984!important; font-family:'Lucida Sans Unicode','Arial'; font-size:16px…
0 votes1 answer -
css уменьшить код
.galsmall {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galattach {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galmedium {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} Как сократить до ной строчки?
0 votes1 answer -
ПРОБЕЛЫ. ГДЕ и ЗАЧЕМ?
Здравствуйте! Смотрю сохраненный шаблон через Notepad – строчки в некоторых местах съехали. #searchform #s{ height: 17px; width: 148px; margin: 6px 5px 0px 10px; padding: 3px 7px 2px 5px; color: #999999; border: none; } На сайте смотрю код шаблона - все нормально. С чем это связано? Может отредактировать шаблон в Notepad, а потом заново загрузить на сайт? 2. И еще вопрос — зачем в структуре шаблона строки со свойствами сдвигаются вправо на четыре пробела, селекторы разделяются между собой пустой строкой? Нужны эти пробелы? Сайт и так работает. В некоторых местах можно такое наблюдать, без сдвигов слева: Селекторы то разделены пустой строкой, то нет. #searchform #sea…
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-