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
-
Ширина в %
Привет ребята есть у меня блок .menu {width: 70%;} а в нём тэги li {width: 10%;} как я понимаю браузер размеры тэгов li считает от края экрана, а как сделать что бы он считал от блока .menu?
0 votes5 answers -
Изображение в IE10+
Обрезается изображение облаков по контуру кнопки в IE10+. В остальных браузерах оно выходит за пределы кнопки, как и должно быть. Почему это происходит? http://cssdeck.com/labs/full/a7jvce0r
0 votes2 answers -
Не отображается фон/беграунд
Добрый день. Пытаюсь создать сайт по шаблону, с помощью видео уроков. Все делаю точно по уроку. На определенном этапе под шапкой у меня не появляется фон как у роке (белый) или картинка(беграунд) Код HTML Код CSS Результат который у меня получился http://clip2net.com/s/6vtS8X Результат который я вижу в уроке http://clip2net.com/s/6vtTHz
0 votes7 answers -
Прямые углы
Помогите сделать прямые углы, вот код <p>• <span class="label label-info"> /rs </span> - обнуления счета;</p> где /rs у меня этот текст в округленной рамке а как сделать прямые углы у рамки ?
0 votes4 answers -
Вертикальное выравнивание в ячейке, проблема с <div>
Здравствуйте! Имеется некая часть странички http://samsung.com/ru/support, которую я решил сверстать сам для тренировки построения сеток Возникла следующая проблема: при попытке выровнять картинку по вертикали и заключении ее в тег <div> выравнивание не работает, как и если картинку в какой-либо тег не заключать. Но как только я оборачиваю картинку в тег <p> выравнивание работает. Никак не могу понять причины, ведь теги <p> и <div> оба блочные. Гуглил свойства обоих тегов, но ничего по теме не нашел. Помогите, пж-та, разобраться Вот код с <p>, где все работает: http://codepen.io/anon/pen/xwyGWE?editors=110 Вот код с <div> (В него …
0 votes4 answers -
слайдер на css
Как сделать на css чтоб при смене слайдов менялся фоновый цвет body на примере такого слайдера http://jsfiddle.net/pashkes/a068hw55/412/
0 votes2 answers -
Стилизованная кнопка распадается на части
Здравствуйте. Имеется стилизованная под кнопку ссылка: http://codepen.io/Kristinita/pen/EKxZQO . На экранах мобильных устройств она выглядит вот так неприглядно. Когда кнопок много, получается совсем каша. Что нужно сделать, чтобы стилизованная кнопка размещалась на строке в полном размере без нарезок? Спасибо.
0 votes3 answers -
неверно отображается фоновое изображение
Здравствуйте, товарищи! Есть две ссылки каждая размещена в отдельном svg. При наведении на одну ссылку (pushkin) должно появляется фоновое изображение в виде круга синего цвета, при наведении на другую (lermontov.info) появляется фоновое изображение уже в виде окружности зелёного цвета. На деле правильно отображается лишь изображение при наведении на ссылку lermontov.info, а при наведении на ссылку pushkin вместо синего круга отображается окружность зелёного цвета. Подскажите пожалуйста как это исправить. <!DOCTYPE html><html><head></head><body><svg type="image/svg+xml" width="190" height="190" style="position: absolute; opacity: 1; z-i…
0 votes6 answers -
Масштаб винды и бразера
Я не знаю куда можно разместить такой вопрос, попробую тут. Мне удобен масштаб винды 150% (персонализация-экран-150%) но этот масштаб влияет на содержимое браузеров, это же бред, кто нибудь с этим как то справился? Я хочу видеть сайты 1 к 1 как они выглядят на самом, деле, можно как нибудь сделать что бы увеличение интерфейса винды не влияло на содержимое сайтов?
0 votes3 answers -
Помогите... JS не возвращает назад по истории
Не понимаю где ошибка... JS не возвращает назад по истории Назад < И посмотреть негде :>
0 votes1 answer -
Как сделать ссылку на флэш банер
Собственно сейчас флэшка вставляется так <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 -
IE и height
Opera 9.62, Safari 3.2, Firefox 3.0, осел 7.0.5730.11 первые три все гуд, последний, одним словом осел привиду точный кусок кода <table width="900" border="0" cellspacing="0" cellpadding="0"> .... <tr> <td rowspan="2" valign="top"><img src="<!--//WAY;-->pic/leftgra2.png" width="5" height="277" alt="" border="0"></td> <td valign="top"><!--//menu;--><img src="<!--//WAY;-->pic/undermen2.gif" width="150" height="61" alt="" border="0"></td> <td colspan="5" rowspan="2" valign="top" align="left" background="<!--//WAY;-->pic/1x1white.png" bgcolor="#ffffff"> <!--//body;--> </td> …
0 votes2 answers -
помогите со скриптом для кнопки
Вечер добрый Возник такой вопрос. Надо сделать кнопку к меню с 3х (а не как обычно 2х) картинок. Используем: 1 обычная 2 наведение 3 выделеная (кнопки) я с глубоки уважением отношусь на htmlbook много чего я узнал много чего прочитал здесь но что то не могу найти я именно такого кода или примера аналога. помогите кто может. в долгу надеюсь не останусь
0 votes4 answers -
верстка
Почему текс в Мазиле не выделяеться, что нужно прописать в стилях или убрать?
0 votes3 answers -
подскажите пожалуйста
подскажите плиз как в CSS правильно записывать идентификаторы друг за другом чтобы им можно было присваивать одинаковые свойства а ни писать еще раз тот же идентификатор и копировать с предыдущего #vert-menu4 { margin-top:2px; margin-left:6px; background-image:url(img/sidebarssulka.png); background-repeat:no-repeat; text-align:center; } #vert-menu5{ margin-top:2px; margin-left:6px; background-image:url(img/sidebarssulka.png); background-repeat:no-repeat; text-align:center; } вот чтобы без такого повторения
0 votes3 answers -
Как быть с SSI
Подскажите пожалуйсто , как быть , у меня настроена связка php+mysql+perl+apache , на apache поднял модуль SSI , доволен модулем , один вопрос : если я занесу в подключаемый файл мета-теги , будут ли коректно их понимать поисковики ? , если я занесу в подключаемый файл линки будут ли коректно их понимать броузеры? Зарание большое спасибо!
0 votes3 answers -
Пролемка с версткой шаблона
В общем для опыта сейчас шаблончик один верстаю, который когда-то нарисовал. Говорю сразу целей никаких заоблачных не ставил себе. Просто хочу добиться чтобы не было статики по вертикали. Как мне этот "бок" обойти, который вы можете увидеть здесь ? (Просто прошу дельного совета)
0 votes4 answers -
как сделать чтобы фотография была определенного размера в процентах ОТ СТРАНИЦЫ?
как сделать чтобы фотография была определенного размера в процентах ОТ СТРАНИЦЫ??например <IMG SRC="..." WIDTH="50%" HEIGHT="50%"> при изображении 400РХ на 400РХ оно будет 200 на 200, а мне нужно чтобы было при изображении 400РХ на 400РХ и шириной страницы 1024 на 600 изображение <IMG SRC="..." WIDTH="50%" HEIGHT="50%"> было бы 612 на 300 пикс...надеюсь понятно обьяснил или слишком запутанно?))) ну или проще...ВК пользователи ставят на аватарки разного размера фотки...у когото они вытянуты вверх у кого то квадратные и контакт делает их определенного размера когда их ставят на аватарку как они это делают?
0 votes1 answer -
@media для ie
можна ли заставить ие понимать медиа запросы при разработке сайта под разные расширения? <!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=utf-8" /> <title>Документ без названия</title> <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> <style> body{ background-color:black} @media screen and (max-width: 650px) { body{background-color:re…
0 votes3 answers -
Есть несколько вопросов
1.Почему не работает тень для img при задании inset? 2.Возможно ли стандартными средствами изменить вид <select> там стрелочку поменять и т д? 3.Валидно ли применять id и class к form? 4.Как вставить нестандартный шрфит в сайт? есть файл Futuris Cyrillic.ttf и нижеприведённый код, но ничего не работает, шрифт не меняеться? * { margin:0; padding:0; border: 0; outline: 0; font-size: 100%; vertical-align:baselinebaseline; } @font-face { font-family:"Futuris Cyrilic"; src:local("Futuris Cyrilic"), url(../fonts/Futuris Cyrillic.ttf) format("ttf"); font-style: normal; font-weight: normal; } p, html, body, #all { font-size:14px; font-family:"Futuris Cyrilic"; line-heigh…
0 votes4 answers -
проблема с картинкой
написал на js слайдер и занялся внешним видом и тут возникла проблема с позунком. ползунок был сделан в фотошопе. на черном фоне ползунок выглядит ужасно как сделать чтоб он отображался нормально?
0 votes5 answers -
Класс <li> обьекта
Можно ли обьекту типа ЛИ присвоить класс?
0 votes4 answers -
Нужен макет для мобильной версии сайта
Доброго времени суток! Есть ли у кого нибудь макеты под мобильные версии сайтов - любых!?
0 votes0 answers -
тег <a> перед <li> выдает ошибку в валидаторе HTML
Добрый день. Я использую адаптивную верстку. Вот ссылка на сайт: http://test.w-complex.ru/w_complex/complex.php. В разделе портфолио, при наведении курсора мыши на картинку, появляеся синий фон с крестиком, весь синий фон являеся ссылкой, как и задумывалось. Для этого я поставила тег <a> перед <li>, но валидатор html выдает ошибку вот такую: Line 183, Column 40: Element a not allowed as child of element ul in this context. (Suppressing further errors from this subtree.) … <a href="#"><li class="one_li">Compatible with popu…То есть нельзя тег <a> использовать внутри элемента <ul>, как только тег <a> п…
0 votes4 answers -
проблема с меню
Добрый день. Не могу понять как сделать красный фон длиннее влево, чем его белая граница сверху и снизу, причем при новедении курсора на меню красный фон меняется Вот картинка: <ul class="menu_right_ul"> <li><a href="#">ПРО РОЛЛЕДРОМ</a></li></ul>.right .menu_right_ul li{ list-style:none; background:#fff; padding:1px 0; }.right a{ text-decoration: none; display:block; padding:7px 0 7px 7px; color:#fff; font-size: 14px; background:#db1f24;}У меня с эти кодом только вот так получилось: Подскажите, как сделать как в первой картинке?
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-