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
-
Выделение текста
Подскажите пожалуйста, как при наведении мыши на какую либо надпись с гиперссылкой, текст менял цвет, например на белый и выделялся в тот же цвет, который был изначально.
0 votes6 answers -
Наложить блоки на картинку
Добрый день! Можно считать, что верстаю впервые. Проблема возникла вот с чем. Не могу понять как наложить два блока на картинку(пример во вложении). =( сейчас а нужно вот код html и ниже css <!doctype html> <html> <head> <meta charset="utf-8"> <title>Parlez-vous français</title> <link type="text/css" rel="stylesheet" href="css/table.css"/> <style> body { background: url(image/fonmain.png); background-repeat: no-repeat; background-position: center; } </style> </head>…
0 votes3 answers -
"железная ширина"
не могу понять в чем дело... задал ширину в 171px визуально 171px, но когда начинаешь вставлять тект в этот слой, то этот слой становится шире в зависимости сколько в н?м текста! Как задать ширину так, чтобы текст не удлинял слой, а как обычно сам впихивался в эти 171px ?
0 votes13 answers -
вертикальное выравнивание внутри элементов списка
Приветствую. Никак не могу добиться выравнивания текста, находящегося в элементах списка, по вертикали по середине. Не трогая html разметку, только средствами CSS. Возможно? Подскажите пожалуйста. Цель: Без задания индивидуальных отступов и прочих параметров для элементов списка. <!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" dir="ltr" lang="en-US"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>baby</title> <style type="text/css" media="screen…
0 votes15 answers -
Смещается горизонтальное меню вниз в Opere
Сделал шапку и горизонтальное меню. Во всех броузерах (Ghrome,IE,Ffox) отображается как и задумывалось ровно, а в opere смещается вниз во всех броузерах кроме oпeры: в опере: html-код: <body> <div id="header-null"> <div id="header"> <div id="rosa"> <h1>Розы</h1> <span>искуственные</span> </div> </div> <div id="navigation"> <div id="mymenu"> <a href="#">Главная</a> <a href="#">Цветы</a> <a href="#">Контакты</a> </div> </div> …
0 votes28 answers -
Еще раз про DOCTYPE
Всем привет! Всех с наступающим Новым Годом! Вопрос: если на странице не будет DOCTYPE вообще - это чем чревато? Какую функцию выполняет этот DOCTYPE. Задаю вопрос вот почему: при тестировании дизайна страницы она корректно заработала только когда удалил DOCTYPE нафиг! Полез в Инет - везде пишут "...без доктайпа..." счастия не быват! А тут получается что быват....
0 votes22 answers -
кроссбраузерная верстка 3-х столбцов
Прошу помощи дизайнеров. Есть у меня тривиальная задача. Но не получается у меня все красиво сделать. Мне нужно сверстать главную страницу, а именно информационную часть (то что находится между header и footer). В таблицах такое делается без проблем, но вот Дивами у меня никак не получается. Во вложении нарисовано как это должно выглядеть. Помогите с версткой.
0 votes19 answers -
Как адаптировать страницу под мобильные устройства?
Подскажите, пожалуйста, как адаптировать отдельную страницу или одностраничник под мобильные устройства? Я создала страничку подписки с резиновым дизайном, но при проверке в сервисе гугла https://www.google.com/webmasters/tools/mobile-friendly/ оказывается, что моя страничка не оптимизирована под мобильные устройства, там же указываются распространенные недостатки: - слишком мелкий шрифт; - не задана область просмотра для мобильных устройств; - ссылки слишком близко друг к другу; - контент шире экрана. Проверяла на мобильнике страничка целиком на нем видна без прокрутки. Но чтобы она показывалась в поиске, важно, чтобы она соответствовала стандартам гугла. Как это осуще…
0 votes5 answers -
Как ограничить действия position:fixed
Добрый день друзья, возникла проблема, требуется 3-колоночная структура, причем колонки должны быть с position:fixed; Структура html приблизительно такая: <div class="middle"> <div class="left-col"> </div> <div class="content-block"> </div> <div class="right-col"> </div> </div> Есть родительский блок и мне требуется что бы две колонки (левая и правая) не выходили за границы родительского блока middle. Надеюсь на вашу помощь, а то что-то никак не выходит=)
0 votes10 answers -
увеличение размера шрифта в браузере
Подскажите, пожалуйста, как сделать так, чтобы при увеличении размера шрифта в браузере, все ужасно не разъезжалось? При этом размер шрифта задан в относительных величинах, в абсолютных никак не покатит... Все сайты у Лебедева практически совсем не разъезжаются и выглядят нормально при увеличении шрифта. При этом, как мне показалось, на лебедевских сайтах шрифт увеличивается не так сильно, как у меня Что делать?
0 votes13 answers -
Опять ж таки резиновый дизайн двухколоночный
Народ, знаю, что резиновый дизайн двух колонок обсуждался сто раз. Но нигде не встречал именно верстки, удовлетворяющей следующим условиям: 1) верстаем блоками 2) две колонки. первая - фиксированной ширины, слева. вторая - растягивается во всю ширину экрана 3) высота обоих колонок одинаковая (контент любой колонки задает высоту и другой колонки) 4) наконец, высота другой колонки реальная, а не задается border. Есть решение этой задачи? <div id="header"></div> <div id="content"> <div id="left_col"></div> <div id="right_col"></div> </div> <div id="footer"></div> Какой-нибудь css к этому....
0 votes19 answers -
Клик меню на :target
Есть меню с одним уровнем вложения - http://trifler.ru/blog/i/menus/click/target.htm Вывод вложений осуществлен при помощи псевдокласса :target Каким образом решить проблему в IE6(7,8)? Как понимаю нужен Java Script. Использование jQuery и других, не предлагать. Простой скрипт для эмуляции :target только для IE6(7,8)
0 votes25 answers -
Задача по CSS
Возникла задача, которую я не смог осилить. Поэтому прошу вашей помощи. Дано: <!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>Задачка по CSS</title> <style type="text/css"> * { margin: 0; padding: 0;} .nav { list-style: none;} .nav > li { display: inline-block; width: 100px; border: 1px solid #000; vertical-align: top; } </style> </head> <body> <ul class="nav"> <li> <…
0 votes26 answers -
Вертикальная полоска с помощью div
Добрый день, подскажите как сделать резиновую вертикальную полоску. PS так же порадуюсь ссылоскам на учебники по div блокам.
0 votes6 answers -
Книга по HTML5 CSS3в полном объёме.И прочее
Я решил начать учится создавать сайты! 1.Сайты хочу создавать правильно,красиво и что бы функциональные были! Так как книг в общедоступной сети много, прошу помочь с выбором хороших!Где всё рассказывается о HTML5 - не только что-бы о новых тегах и прочему а обо всём HTML языку в целом и новых фишках в новом стандарте, желательно без лишней воды(как говорится что бы сразу к делу)!Аналогично и с CSS3. 2.На компьютере уже имеются программы notepad++ последней версии,так же вся продукция Adobe CS5, ENG и RUS версий. Ну Mozilla и Opera конечно как же без них. Wind-а 7-ая если что... Даже не знаю что ещё и добавить? Хочу изучать всё по одному пособию, так как различия авторов …
0 votes18 answers -
Центровка содержания сайта
В очередной обращаюсь к вам! Помогите пожалуйста - много прочитал и попробовал, но ничего не помогает Cтраница сайта (на которой я пытался применять центровку) www.zhivoyfest.ru/index.php Файл стилей (если что style.css) Страница проработана для разрешения экрана 1024х768. Суть проблемы - когда разрешение больше содержимое страницы сбивается влево и не хочет вставать по-центру. index.php Попытался использовать InPage как контейнер для всего, но результато это не дало <body> <div id="InPage"> <div id="toper"></div> <div id="leftcol"> <div id="colmenu"> <table> <tr><td> <b><h1>Главное меню</h1>…
0 votes9 answers -
Картинки в ряд
Добрый день. Ребят помогите пож сделать красивый код. Внизу картинки http://img.ii4.ru/images/2014/09/26/534790_kiss_25kb.jpg хочу сделать их в ряд http://alyansoil.com/konvejernye-lenty/konvejernaya-shaxtnaya-lenta.html но какой то стиль мешает. как все красиво сделать? получается вот такой вариант http://img.ii4.ru/images/2014/09/26/534791_kiss_35kb.jpg но код вообще жесток <p><a href="konvejernye-lenty/konvejernye-lenty-obshhego-naznacheniya.html"><img title="конвейерная лента общего назначения" src="images/icons/lenta-konvejernaya-obshhego-naznacheniya.png" alt="общего назначения" width="100" height="100" /></a><a style="line-height: 1.5em…
0 votes6 answers -
Ссылка в браузере на файл Visio
Как открыть ссылку в IE на файл .vsd в программе MS Visio? Сейчас открывется в окне браузера.
0 votes11 answers -
Сползает в IE 6..
Во всеми нами любимом и обожаемом браузере творится нечто невообразимое и никогда ранее не слыханное! Как же так оО !? Вобщем даю ссылку, сами смотрите. В правильных браузерах нормально, а вот в IE 6(ну может ещё 7 - не проверял) правый блок никак не хочет обтекаться и все что левее съезжает вниз.. Помогите кто чем может.. ЗЫ: начинающий я только..
0 votes20 answers -
Не отображается правая сторона таблицы в IE6
В CSS прописал таблицу с границами .tab_left { margin-left: 10px; border: 1px solid #009900; margin-right: 3px; } В Опере и ФФ вс? нормально, IE6 не хочет показывать правую границу. Подскажите, что делать? Спасибо
0 votes6 answers -
При наведении на кнопку пропадает вторая картинка
При наведении на кнопку пропадает вторая картинка (hover). Как будто браузер (мозилла и ie) вновь закачивает картинки для отображения....Уменьшил размер каждой нарисованной кнопки от 1.5 кб до 2.5 кб с имеющихся 10 кб для каждой, всеравно тот же результат. Наводишь мышь - первая картинка пропадает (как и должно быть по задумке ), вторая сразу не появляется, только после наведения мышью на эту область повторно .... Помогите советом.....
0 votes9 answers -
div float
Делаю шаблон к Joomla. Свой первый шаблон. ммм... возник вопрос по div и float. Есть большой див, внутри него еще два дива, которые распологаются на одной строке. <div id="header"> <div id="logoh">LOGO</div> <div id="authh">FORM</div> </div> CSS такой: #header { background: #fff; color: #000000; margin: 0 auto; position: relative; text-align: right; border-bottom: solid 4px #ccc; width: 1000px; } #logoh { width: 760px; float: left; background: #cccccc; border: 0px solid; border-color: #666666; height: 235px; background-image: url(../img/header.jpg); background-repeat: no-repeat; } #aut…
0 votes6 answers -
:hover
Здесь написано http://htmlbook.ru/css/hover ,что В браузере Internet Explorer до версии 6.0 включительно псевдокласс :hover работает только для ссылок.А мне надо hover для label.ПОдскажите как можно решить проблему.? Только ли через JavaScript ?
0 votes32 answers -
Не накладываются слои.
Всем привет) Вот такая загвоздка - довольно стандартная - блоки не накладываются. Второй принимает за top 0px - нижний край верхнего блока. Всю голову сломала, но не вижу ошибку, поэтому обращаюсь за помощью. Слаба я еще очень в этих делах. Спасибо. #shapka { position:position: relative; width: 794px; /* Ширина слоя */ height: 342px; /* высота слоя */ margin: 0 auto; /* Выравниваем по центру */ background: #990000; /* Цвет фона */ background-image: URL(tr_01.gif); z-index: -1; } #menu { position: relative; top: 292; width: 794px; /* Ширина слоя */ height: 45px; /* высота слоя */ margin: 0 auto; /* Выравниваем по центру */ z-index: 1; }
0 votes17 answers -
Подвинуть пункт меню налево.
Начала верстать макет от Verdera. Макет резиновый и видно что меню тоже тянется по ширине. Проблема с первым пунктом меню. По макету текст в меню отцентрирован, а в первом пункте текст выровнен с левого края, но пропорция сохранена. То есть с текста до правого бордюра расстояние такое же как в других пунктах. Попробовала два варианта решения: 1. Просто сделала как в макете - отрезала часть ширины первого пункта, задала ему text-align:left, а остальным text-align:center. Ссылка 2. отрицательным маргином первый пункт подвинула налево.Ссылка В первом случае ширину первого пункта сократила до 15%, когда ширина остальных пунктов 20%. Во втором подвинула на 130 пк. Но в двух…
0 votes27 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-