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
-
Помогите разобраться с z-index
Есть например три блока,блок #three перекрывает блок #two хотя у блока #two значения z-index: 15; выше чем у #three.Объясните пожалуйста какое тут правило играет роль и почему так?? #one{ position: absolute; left: 0px; top: 20px; z-index: 10; width:110px; height:80px; background:orange; } #two{ position: absolute; left: 50px; top: 30px; z-index: 15; width:110px; height:80px; background:green; } #three{ position: absolute; left: 100px; top: 30px; z-index: 12; width:110px; height:70px; background:blue; } <div id="one"> one one one one <div id="two">two two two two</div> </d…
0 votes1 answer -
Помогите разобраться с адаптивным меню
В бустрапе контейнер создает свою стандартную ширину 1140 вроде, я ставлю свою 1024 и у меня слетает nav меню для мобильного разрешения HTML <header> <div class="container"> <div class="row hidden-xs"> <div class=" col-lg-3 header-logo"> <p>Burgers<span>.co</span></p> </div> <div class="col-lg-7 col-lg-offset-2 header-menu"> <ul class="nav nav-pills "> <li class="active"><a href="#">Home</a></li> <li><a href="#">Our Burgers&…
0 votes0 answers -
Помогите разобраться с Валидацией
Всем доброго времени суток, страничка www.all-read.ru (это не реклама, тем более рекламировать нечего еще). Поставил в конце (в низу) странички ссылку на прохождение валидации.. Выходит премерно 6 ошибок. Я не понимаю этих ошибок. Помогите разобраться пожалуйста.
0 votes4 answers -
Помогите разобраться с веб-шрифтами.
Здравствуйте! Читаю руководство "Большая книга CSS3" и дошёл до шестой главы "Форматирование текста". Пробую импортировать шрифт, но... сталкиваюсь с тем, что браузер не понимает этого... либо я что-то не так делаю. Вот код: <!DOCTYPE html><head><meta charset="utf-8" /><title>CSS Typography</title><style>body{font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}.two @font-face{ font-family: "League Gothic Regular "; src:url(font/leaguegothicregular-webfont.ttf);}</style></head><body><p>Первое</p></body></html>Что я не так делаю? Браузеры: F…
0 votes2 answers -
Помогите разобраться с версткой
http://efgen3.narod.ru/ Сталкнулся с такой проблемой, В Опере все нормально отображается, а в ИЕ. под горизонтальной менюшкой пустое место в один пиксель, незнаю как исправить проблему..(, помогите
0 votes1 answer -
Помогите разобраться с версткой
Помогите пожалуйста, напишите в коде как должно выглядеть, в css и если конечно найдется спаситель желательно и сразу html( я просто не до конца понимаю всех ньюансов, так мне будет понятнее). Сайт трехколоночный резиновый, левавя колонка и правая - это фон( то есть сайт по сути сайт в одну колонку), и эту центральную основную колонку разделить на три блока - шапка, инфа и футер к примеру. в шапку мне нужно впихнуть к примеру такой градиент и написать любой текст с левой части шапки, а по центру на этом градиенте у меня картинка должна быть. Как это должно выглядеть в css? //gradientbackground: #ff6e02; /* Old browsers */background: -moz-linear-gradient(left, #ff6e0…
0 votes4 answers -
Помогите разобраться с версткой
<div class="container"> <div class="relation"> <div class="relation__ratio"> <div class="relation__wrapper"> <div class="relation__big-img"> <img src="img/gallery3.png" alt="gallery3"> </div> <div class="relation__row relation__row1"> <img class="relation__img" src="img/gallery1.png" alt="gallery1"> <img class="relation__img" src="img/gallery2.png" alt="gallery2"> </div> <div class="relation__row"> <img class="relation__img" src="img/gallery4.png" alt="gallery4"> <img class="relation__img" src="img/gallery5.png" alt="gall…
0 votes0 answers -
помогите разобраться с видимостью
Приветствую! Есть такой код: <html> <style> #header { width: 1000px; height: 315px; background: url(http://i8.fastpic.ru/big/2010/0708/c2/2315a3649295fcc8cbb68e54be8bcac2.jpg) no-repeat; } #leftcolumn { z-index: 10; display: inline; /* position: relative;*/ float: left; width: 155px; margin-right: 10px; background: #ffebb9; } #rightcolumn { display: inline; position: relative; width: 735px; height: 800px; float: left; background: #fff; border: 1px solid black; } #faux { background: url(http://i8.fastpic.ru/big/2010/0708/25/8946cb8d48096c54b7efb8bd6c4a3f25.jpg) repeat-y; background-position: 0px 262px; overflow: auto; …
0 votes10 answers -
помогите разобраться с градиентом!
помогите разобраться с градиентом! Я прочитал всю статью по поводу -moz-linear-gradient -webkit-gradient но ничего так и не понял, если что мне нужен градиент рыженький с осветлением книзу...
0 votes2 answers -
Помогите разобраться с демо-примером, описывающем подход mobility-first
Всех приветствую. Пытаюсь разобраться с подходом mobility first и наткнулся на интересный пример (далее «демо»). Также ознакомился с видео от Виталия Фридмана «Responsive Web-дизайн: Трюки и уловки», в которой он упоминает, что должно использоваться минимум http запросов для загрузки страницы. В коде демо-страницы стили для мобильных устройств и десктопных браузеров разделены и загружаются через link с указанием media параметров: <link rel="stylesheet" type="text/css" href="style.css" media="screen, handheld" /><link rel="stylesheet" type="text/css" href="enhanced.css" media="screen and (min-width: 40.5em)" /><!--[if (lt IE 9)&(!IEMobile)]> <link…
0 votes10 answers -
Помогите разобраться с дивами
У меня есть Див, в который периодически аяксом подгружаются разные картинки: например тут Хочу сделать пролистывание, чтобы поверх картинки слева и справа подгружались кнопочки "влево" и "вправо": примерно как тут Желательно, чтобы эти кнопочки были "активные", но при этом человек мог бы "достучаться" до изображения. Подскажите решение, пожалуйста.
0 votes3 answers -
Помогите разобраться с динамическим меню на CSS!
Помогите разобраться с горизонтальным меню на CSS?! Вот то что используется в шаблоне main.tpl : <!-- Топ-меню начало --> <div class=""> <ul class="topmenu"> <li><a href="/"><font color="#fff">Как выбрать</font></a></li> <li><a href="/zakaz.html">Как заказать</a></li> <li><a href="/">Как оплатить</a></li> <li><a href="/">Как получить</a></li> <li><a href="/">Акции</a></li> </ul> </div> <!-- Топ-меню конец --> Вот стиль CSS : */ html,body,table,td,tr,h1,h2,h3,h4,h5,h6,img{padding:0;margin:0;} bod…
0 votes4 answers -
Помогите разобраться с динамическим меню на CSS!
Помогите разобраться с горизонтальным меню на CSS?! Вот то что используется в шаблоне main.tpl : <!-- Топ-меню начало --> <div class=""> <ul class="topmenu"> <li><a href="/"><font color="#fff">Как выбрать</font></a></li> <li><a href="/zakaz.html">Как заказать</a></li> <li><a href="/">Как оплатить</a></li> <li><a href="/">Как получить</a></li> <li><a href="/">Акции</a></li> </ul> </div> <!-- Топ-меню конец --> Вот стиль CSS : */ html,body,table,td,tr,h1,h2,h3,h4,h5,h6,img{padding:0;margin:0;} bod…
0 votes9 answers -
Помогите разобраться с добавлением информации в БД
Не могу понять как добавить несколько строк в БД. Есть массив значений idNewsList, в нем хранятся идентификаторы новостей (например, 113, 112, 114) $idNewsList = $db->safesql( implode( ",", $idNewsArray ) );С перезаписью информации в таблицах проблем НЕ возникает $date = date( "Y-m-d H:i:s", time() + ( $config['date_adjust'] * 60 ) );$db->query( "UPDATE ".PREFIX."_post SET `date`='{$date}' WHERE `id` IN ({$idNewsList})" );Теперь пытаюсь создать новые записи в таблице, делаю вот так $expires = time() + ( $config['date_adjust'] * 60 ) + ( 30 * 24 * 60 * 60 );$db->query( "INSERT INTO " .PREFIX."_post_log (news_id, expires, action) VALUES(({$idNewsList}), '$expires…
0 votes6 answers -
Помогите разобраться с заданием с чекбокс и выполнить его
На собеседовании дали задание, но я его не понял, можете, ПОЖАЛУЙСТА, объяснить что имеется в виду и как его выполнить. Вот задание: Используя только html и css отобразите кастомный чекбокс таким образом, чтобы: Оригинальное изображение чекбокса было скрыто. Весь функционал чекбокса был сохранен (checked – unchecked). Вместо чекбокса отображался текст, по клику на который - менялось бы состояние чекбокса на противоположное - менялся бы цвет текста.
0 votes1 answer -
Помогите разобраться с изменением размера картинок... в пикселях и байтах.
Есть задача привести тучу картинок к нужному размеру (в пикселях и байтах). С пикселями разобрался, а вот с байтами какая то загвозда. Есть код: function re_size ($src, $width, $height) { if($width>$height) $ratio=$width/150; else $ratio=$height/150; $new_width=round($width/$ratio); $new_height=round($height/$ratio); $idest = imagecreatetruecolor($new_width, $new_height); $image = imagecreatefromJPEG($src); imagecopyresampled ($idest, $image, 0, 0, 0, 0, $new_width, $new_height, $width, $height); imagejpeg($idest, $src, 100); imagedestroy($image); imagedestroy($idest); return true; } function re_weight($src) { $quality=95; $dsrc='try_w.jpg'; $imag…
0 votes4 answers -
Помогите разобраться с кнопкой в меню
Здравствуйте, подскажите пожалуйста как сделать так, что бы меню растянулось на всю ширину. https://jsfiddle.net/cryrc1v6/
0 votes2 answers -
Помогите разобраться с кодом
div#main{width: 200px; background:#fff url(12.png) top repeat-x; padding: 0 ;margin: 0px} div#main-open_left{float:left; width: 8px; height: 8px; background: #fff url(side1.png) bottom left no-repeat; margin: 0px} div#main-open_right{float:right; width: 8px; height: 8px; background: #fff url(side2.png) bottom left no-repeat; margin: 0px} div#main-close{width: 100%; height: 8px; background: #fff url(wablon_056.jpg) bottom left no-repeat; margin: 0px} В общем кое-что понятно..но не вс? и почему именно такая форма записи(div#main и тд)
0 votes3 answers -
помогите разобраться с кодом
добрый день. есть вот такой код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> .table { border:solid 1px #CCCCCC; padding:5px;} .div1 { float:left; background-color:#0000FF; width:250px;} .div2 {background-color:#00FF66; margin-left:250px;} </style> </head> <body> <div class="table"> <div class="div1">hjkhjhlkhjh</div> <div class="di…
0 votes2 answers -
Помогите разобраться с кодом
Заранее прошу прощения если вопрос глупый, т.к. веб програмирование только начал изучать. После использования визуального редактора появился вот такой код, это так должно быть или это глюк виз. редактора?
0 votes3 answers -
Помогите разобраться с кодом сайта
почему при выборе фона заливается им все? хотелось бы чтобы фон был какой то картинкой а то что внутри где текст было какого то цвета. делаю по скачанному шаблону. в html новичок ....не понимаю что нужно сделать( буду благодарна за помощь <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Сайт компании Эккосервис</title> <link href="style.css" rel="stylesheet" type="text/css"> <script src="Scripts/swfobject_modified.js" type="text/javascript"></script> <script src="SpryAssets/SpryMenuBar.js" type="text/javascrip…
0 votes1 answer -
Помогите разобраться с кодом!
<html> <style> .rtop, .rbottom{ display:block border: 1px solid black; } .rtop *, .rbottom *{ display: block; height: 1px; overflow: hidden; background:red; } .r1{ margin: 0 5px } .r2{ margin: 0 3px } .r3{ margin: 0 2px } .r4{ margin: 0 1px; height: 2px} </style> <div id="container"> <b class="rtop"> <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b> </b> <div style='background:red;'>yyyyy </div> <b class="rbottom"> <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b&…
0 votes11 answers -
Помогите разобраться с макетом
Помогите пожалуйста разобраться с макетом, не пойму как это реализовать. Пример на картинке. Необходимо чтобы центральный блок был фиксированного размера, а боковые растягивались по бокам до краев экрана и вниз по высоте центрального блока. При этом, фон страницы желтый, а в боковых блоках в качестве фона используется изображение с прозрачностью которое в результате должно оказаться на том, нижнем, желтом цвете. Тут заготовка которая не работает (блоки стоят друг на друге) - https://jsfiddle.net/26fen5mk/1/
0 votes3 answers -
Помогите разобраться с меню
В хтмл пока не особо бум-бум, но на php считаю пока мне рановато лезть.. всегда вот думал что хтмл это статичные сайты, а тут наткнулся на http://my-immortal.ru/ и там куча, просто куча страниц с одинаковым меню, я как то себе с трудом представляю что админы мазохисты и каждый раз перебирают каждую страничку чтобы добавить новую ссылку... Или я все-таки заблуждаюсь? если нет, то расскажите пожалуйста как такое можно воплотить
0 votes4 answers -
Помогите разобраться с меню
Ребята, помогите поправить меню. Сайт aboba.ru Хочу кнопки-картинки в меню шапки поменять на картинки+текст...Шаблон на табличной верстке. Пробовала делать так <tr><td colspan=2><a class="k1" href=$urlmyaccountlogo>МОЙ АККАУНТ</a></td></tr> в css прописываю класс .k1{ display: block; background: url(images/нужная мне кнопка без текста.gif); color: #FFF; background-repeat:no-repeat; outline: none; text-decoration: none; font-size:14px; } Уже справилась, так и не дождавшись ответа))) пробовала и размер картинки задавать, и как стиль прописывать...Получается что надпись видна, а кнопка либо частично либо вообще никак... Я новичок, не суди…
0 votes0 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-