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
-
горизотальное меню
Доброго времени суток. Недавно начал заниматься версткой, возникла задача, которую никак не могу решить. Нужно сделать простое одноуровневое горизонтальное меню (таблицы не использовать), т.е. на дивах, с использованием <ul> <li> и CSS. Сложность в том, что некоторые пункты меню располагаются в одну строчку , а некоторые в две строчки. Проблема как выровнять пункты меню по вертикали. Воспользовался display: table-cell; vertical-align: middle;. Получилось вроде бы, но в IE6,7 это не работает. Может кто знает как это можно сделать?
0 votes5 answers -
Футер наползает на контент в IE 7
Имеется фиксированный контейнер. Правой колонки нет, вывел в футере табличку с картинкой и счётчиком - везде всё одинаково, футер как футер - внизу, а в IE 7 футер берёт и налазит на контент (как будто его нету..). Не поможете разобраться? Сайт
0 votes2 answers -
растягивание фоновой картинки в ИЕ
Всем привет. есть блок с фоном, который тянется в зависимости от ширины блока. .menu-nav div ul li:first-child+li { margin:0px; padding:10px; margin-top:10px; list-style:circle; background:none; background:url(../images/m_grin.png) no-repeat; background-size: 100% 100%; list-style:none; } но ие его не тянет. не работает background-size: 100% 100%;. Как растянуть фон в ие?
0 votes2 answers -
Менюшка при нажатии на ссылку
Доброго времени суток други. Делаю первый свой сайт. Мне нужно чтобы при нажатии на надпись появлялось прямоугольное окошко в котором были пункты которые можно было выбрать. примерно так сделано на этом http://www.finam.ru/ и на многих других сайтах. вот как это выглядит:
0 votes3 answers -
Chrome проблема с кеш и куки
Проблема такая: Google Crome запоминает некоторые параметры - размер элементов, шрифты и т.д. Из-за этого, после того как в макете что-то изменилось, оно отображается некорректно. Все встает на свои места, если почистить куки и кеш. Вот.. вопрос в том, как можно это изменить на компьютере пользователя, то есть удалить сохраненные данные о моем сайте и/или запретить их сохранять .
0 votes2 answers -
Горизонтальное меню
Пример. Как сделать в первом, а потом и в последующих подпунктах меню, текст в 2 строки. То есть, <span>Back to home</span> переместить на новую строку первого подпункта, прям под слово "Home", и граница левая должна вниз продолжиться. Скрин - здесь, так как должно быть. Спасибо
0 votes4 answers -
Изображение через несколько минут
Люди кто нибудь знает код чтобы изображение менялось через 5 или несколько минут????
0 votes3 answers -
<iframe>
Подскажите пожалуйста нужно чтоб при нажатии на ссылку в <iframe> загружался результат.Например есть вот : <a href="http://www.google.ru/" target="google">google</a> <iframe src="" width="320" height="280" name="google"> </iframe> при нажатии на ссылку в окно iframe ни чего не загружается Что делаю не так ?? (зато работает в IE6 )
0 votes1 answer -
Обтекание блока
(кликабельно) Нужно сделать вот так. Почему-то когда у блоков, которые должны обтекать фотографию, выставляю float: right; они вообще выпадают и не работают. Как бороться? Заранее спасибо.
0 votes2 answers -
Проблема с SVG в Chrome
Доброй ночи, есть тут интересно специалисты в SVG) разное отображение в браузерах, вот иллюстрация как бы слой с текстом получается снизу, а должен быть сверху сам свг тоже прилагаю, можете у себя его просто открыть в браузере SVG
0 votes3 answers -
Высота DIV-а должна быть равна высоте справа расположенного большего DIV-а
Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ } body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px } </style> </head> <div style="border: 1px solid #990099;"> <div style="height:100%;width:50%;float:left;"> <div style="height:100%;border: 1px solid #3187BD;"> БЛОК А </div> </div> <div style="height:100…
0 votes8 answers -
Смена div
Уважаемые, Помогите блондинке справиться с непривычным делом! Сразу скажу, что верстка не моя специальность, так вышло, что мне выпала сомнительная честь этим заняться. Ситуация следующая: Есть 2 div, назовем a & b; Суть конструкции: Две локальные ссылки: <a href="div_a"> <a href="div_b"> Ниже располагаются 2 дива: <div id="div_a"></div> (div_a по умолчанию, div_b скрыт) <div id="div_b"></div> И по клику на href="div_b" вместо блока div_а, должен появиться блок div_b. И не где-то там, а именно вместо div_a. Ну и обратная операция - по клику на href=div_a снова виден блок div_a. Все это средствами jquery, чтобы был выпадающий эффек…
0 votes12 answers -
Статический фон по углам сайта
Здравствуйте! Пробую сделать сайт со статическим фонам по его углам. Вёрстку делаю через дивы. Вожусь достаточно давно, перечитал кучу советов, но всё равно что-то не работает Вот код: <div align="center" style="width: 100%"> <div align="center" class="TableMainTopRight"> <div align="center" class="TableMainTopLeft"> <div align="center" class="TableMainBottomLeft"> <div align="center" class="TableMainBottomRight"> <div align="center" style="padding: 20px 0px 60px 0px"> <div style="background-color: #FEFCF7; height: 100%;…
0 votes3 answers -
height 100% от родителя
Здравствуйте, есть проблема с растягиванием элемента по высоте на 100% от родительского. Тема изъезженная, но никак не могу найти оптималього сопосба решения: Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html style="height: 100%;"> <head> <title>Untitled</title> </head> <body style="height: 100%;"> <table cellpadding="0" cellspacing="0" border="1" style="background-color: blue; height: 100%; width: 100%;"> <tr> <td style="height: 100%; width: 50%;"> <table cellpadding="0" cellspacing="0" style="background-color: yellow; hei…
0 votes1 answer -
Как это сделано?
Здравствуйте. Вот сайт: http://foodstudio . no/ Не понимаю, как сделанно, чтобы меню тянулось за скроллом вниз? А также такой плавный переход к ссылкам? Я смотрел исходный код, но так и не понял как и где это вообще подключается?
0 votes5 answers -
Разные размеры шрифта в одном элементе списка
Доброго времени суток! Вот, что нужно сверстать: Размер шрифта для самих элементов меню (Account Sign In, Register...) - 13 пикселей. Для точек-разделителей - 25 пикселей. Интерлиньяж одинаковый - 30 пикселей. Между элементом меню и точкой-разделителем расстояния в 3 пробела размером шрифта 13 пикселей. Базовая линия элементов меню и базовая линия точек-разделителей совпадают. Вот мой код, использую unordered list, сначала устанавливаю размер шрифта для элементов меню и точек одинаковый - 13 пикселей. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> </he…
0 votes4 answers -
залипает выпадающее меню
Помогите разобраться, никак не вьеду. При переходе с одного пункта меню на другой залипает выпадающее меню и дергается туда сюда. html <div id="fdw"> <!--nav--> <nav> <ul> <li><a href="">Клуб</a> <ul style="display: none;" class="sub_menu"> <li class="arrow_top"></li> <li><a href="">О нас</a></li> <li><a href="">Инфроструктура</a></li> <li><a href="">Партнеры</a></li> <li><a href="">Спонсоры</a></li> </ul> </li> <li> <a href="">услуги</a> <ul style="display: none;" cla…
0 votes2 answers -
Почему не появляются границы по бокам?
Почему, если в параграф засунуть элемент <h2> и потом, для всего этого задать границу, то она появляется частично? А если убрать заголовок, то граница появляется. http://jsfiddle.net/fowhf3r0/
0 votes4 answers -
Рендер шрифта на разных сайтах
Вот есть у меня сайты, на которых один и тот же шрифт в полужирном начертании отображается по разному. Как будто совершенно разные шрифты.. Не могу взять в толк, почему? В стилях вроде всё одинаково. Шрифты подгружены. www.apriori.ru: www.kaskann.ru: UPD: Блин, как пост написал, сам всё понял. Варианты шрифта не были указаны, вот так надо было: http://fonts.googleapis.com/css?family=PT+Sans:400,700,700italic,400italic&subset=allДа, бывает и такое. Всем привет
0 votes0 answers -
Проблема с футтером
Всем привет Пытаюсь изменить высоту футтера на сайте http://zpcom.ru/, сделав её равной 100px, но меняя с 271 на 100 футтер "улетает" вверх. 1. Как сделать так, что бы блок #footer-wrapper находился под блоком #copyright-row и не менял своего положения, при изменении его высоты? 2. От каких границ отталкивается блок #footer-wrapper и почему?
0 votes1 answer -
адаптированная верстка
Как делать адаптивную верстку для большого сайта (более 50 страниц)? Нужно каждую страницу адаптировать?
0 votes4 answers -
Помогите чайнику
Я создал свой первый сайт с нуля, но когда стал заливать на бесплатный хостинг понял, что слишком много файлов html. Посмотрите пожалуйста и скажите что делать(с пк у себя запускаю, всё оки). Приложу скрин и ссылку на скачивание архива с сайтом CSS присуствует (Если написал не в тот раздел прошу прощения, ибо не знал куда написать). http://rghost.ru/6J4pMM7rx- ссылка на скачивание архива. Может проверить на dr.web Вирусов не имеется.
0 votes3 answers -
Как победить правило в блоке?
движок где-то формирует следующий код. как я понял при помощи js. в котором ничего не понял. <div class="caroufredsel_wrapper" style="display: block; text-align: justify; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 754px; height: 397px; margin: 0px; overflow: hidden; cursor: move;"><script type="text/javascript">var isIE8 = jQuery.browser.msie && + jQuery.browser.version === 8;if (isIE8 ) { function sliderInit6() { jQuery('.product-related #slider').carouFredSel({ auto: false, circular: false, infinite: false, prev: '#prev_2', next: '#next_2', …
0 votes1 answer -
Помогите пожалуйста с созданием блока
Помогите как мне создать с права или слева на фоне блок как только не пробовал он постоянно либо выше сайта либо под сайтом создается
0 votes3 answers -
html Помогите с неправильным отображением.
В данном коде неправильно отображается текст, который я пытаюсь перенести в левый нижний угол. Помогите исправить ошибку!!! Заранее спасибо! <html> <head> <title>ИС-41521</title> <style> <style type="text/css"> h3 {display: inline; background: black; /* Цвет фона под заголовком */ color: green; /* Цвет текста */ padding: 2px; /* Поля вокруг текста */ font-size: 12px; } #container { width: 500px; /* Ширина макета */ margin: 0 auto; /* Выравниваем по центру */ background: #FCE600; /* Цвет колонок */ } body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; …
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-