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
-
Много пустоты внизу страницы
Приветствую всех! Такая проблема верстаю страничку слоями и внизу под подвалом образовалась пустоты. Я понимаю что это все из-за position: relative; . В таких случаях рекомендуют применять position: absolute; Но мне такое правило не годится так как текст/контент может быть произвольным и соответственно весь низ должен строиться относительно своего расположения, а не абсолютно. И так какие есть советы рекомендации. Страничка с проблемой http://laestrella.ru/ Желательно чтоб предложенные варианты работали в IE.
0 votes5 answers -
проблема с подключением страницы пхп в блок
Доброго времени суток уважаемые форумчане!...проблема такая, через ссылку пытаюсь вывести на главную страницу контент второстепеноой,если в ссылке указываю body/****.html, страница выдоится если же пишу в адресе ссылки body/****.php то денвер выдает ошибку : Not Found The requested URL /BODY/sozdat_rezume.html was not found on this server. Подсказка Денвера Вы ошиблись при наборе URL в браузере. Вероятнее всего, сервер пытается найти файл Z:/home/test1.ru/www/BODY/sozdat_rezume.html, которого не существует. В случае использования CGI-скриптов, корректные пути к CGI-директориям следующие: URL Куда указывает http://***/cgi-glob/script.cgi /home/cgi-glob/script.cgi http://…
0 votes20 answers -
Параметр wmode для flash объекта
Подскажите, установил javascript показа увеличенного изображения при клике на картинку. Т.к. в шапке сайта имеется flash object при нажатии на картинку flash'ka перекрывает увеличенное изображение. Параметр wmode пробовал установить transparent и opaque Срабатывает только в IE, а вот ни Opera ни Mozilla не воспринимают. Что делать?
0 votes4 answers -
Дробный font-size
Подскажите как понимать цифры через слэш. Как их трактует браузер? body { color: #333333; font: 12px/17px 'Trebuchet MS','Lucida Grande',Arial,sans-serif; margin: 0; }
0 votes15 answers -
при наведении мышки "моргают" кнопки
http://i-portal.nsu.ru/?db=bench_new_design∫=VIEW&el=83&templ=VIEW -здесь по неизвестной мне причине в меню при наведении моргают кнопки. В chrom -e, fireFox -e и Опере кнопки моргают только тогда, когда мышка первый раз, после обновления страницы, наводится на кнопку. В IE8 кнопки моргают при каждом наведении мышкой. В "инструментах разработчика" хрома, во вкладочке "Resources", обнаружил что картинка, которая должна быть бэкграундом у кнопки "c hover", нет. Картинка эта появляется только при наведении курсора на кнопку -и так при каждом обновлением страницы или переходе по сайту. Я совсем чуть-чуть шарю, но каждый раз загружать это же не правильно..... подскажи…
0 votes6 answers -
три колонки - средняя жесткая, боковые тянутся
Помогите сверстать или дайте ссылку, чего-то не могу найти нигде такого. Шапка и подвал не нужны. Просто три колонки. Средняя по середине - она неизменной ширины. Боковые тянутся, чтобы заполнить всю страницу. Пробую так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> #pred { float:left; background-color:#0000FF; width:50%; text-align:right; position:relative; z-index:1; } #sled { float:right; background-color:#00FF00; width:50%; text-align:left; position:relative…
0 votes6 answers -
td height IE
Не получается сделать высоту первой ячейки ни через атрибут, ни через стиль IE не слушает. Все вроде правильно отверстано! Где косяк? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>-=title=-</title> <style type="text/css"> <!-- * { margin: 0; padding: 0; border: 0; } html, body { height: 100%; } body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#191919; } --> </style> </head> <body> <table border="0" cellspacing="0" cellpadding="0" wid…
0 votes9 answers -
блок
здравствуйте. мне необходимо сверстать блок, но у него должен быть фон, которы у меня есть. ..... у меня возникла проблема с пониманием: *** растяжение блока по ширине и по высоте *** ......... вопрос: в чем должна измеряться ширина и высота? ... зарание благодарю.
0 votes18 answers -
Кодировки.
Доброго всем дня. Проблема вот в чём: <!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=utf-8" /> <title>Заголовок</title> <link href="css/styles.css" type="text/css" rel="stylesheet" media="all" /> </head> <body> </body> </html> Такой вот прекрасный красивый код, валидатор ничего против не имеет, на хостинге всё работает идеально, никаких проблем. Запускаю на локалхосте. Получаю вот что: п»ї<!DOCTYPE html PUBLIC "-//W3C/…
0 votes12 answers -
Не понимаю на что ругается валидатор
Добрый день! Пытаюсь довести шаблон до состояние valid =) Проверяю через validator.w3 и вот что он мне выдаёт Bad value Cache-Control for attribute http-equiv on element meta. <meta http-equiv="Cache-Control" content="no-cache" />
0 votes5 answers -
min-width?
Кто знает почему не срабатывает min-width для столбцов таблиц? Есть ли альтернативное решение?
0 votes5 answers -
Где скачать Большая книга CSS ? Поделитесь кто-нибудь пожалуйста
Здравствуйте! Не могу найти книгу Большая книга CSS. У меня в стране ее не продают. Но так-же на заказ не могу... Хочу скачать и не могу найти, помогите пожалуйста! Буду очень очень благодарен!
0 votes7 answers -
Картинка при наведении курсора на текст
Хочу сделать таблицу, с перечнем запчастей, и их фото. фото появляется при наведении на запчасть(на текст). Реализовать решил на CSS <style type="text/css"> .demo{ position: relative; z-index: 0; } .demo:hover{ background-color: transparent; z-index: 50; } .demo span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .demo span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .demo:hover span{ /*CSS for enlarged image on hover*/ position: f…
0 votes18 answers -
Как сделать, чтобы на мобильной версии элементы менялись местами?
на скриншоте десктопная и мобильная версия вёрстки. Как сделать, чтобы у одного элемента на мобильной версии слева была иконка а справа текст, а у другой слева текст, а справа иконка? Ещё чтобы всё симметрично было, везде размер элементов и отступы одинаковые. в общей обёртке если один блочный элемент сверху, у другой снизу, а я сменил обёртке стиль на "display: flex;", а обоим элементам "width: 50%;", то верхний станет слева, а нижний - справа. А как наоборот сделать, чтобы верхний справа, а нижний слева? я придумал только использовать position: absolute. получилось криво. Как сделать, чтобы блок-обёртка подстраивался по высоте под картинку? https://codepen.io/zfO/…
0 votes1 answer -
две неподвижные фоновые картинки. как?
Здрасти) Вобщем такая ситуация, заказчик попросил сделать тянущийся по ширене сайт чтоб по бокам были фоновые картинки неподвижные. Картинки имеют определенную ширину, рабочаю область 80% но не менее 800рх. как я понимаю картинки должны быть именно в фоне или дивы привязать. они также должны скрываться если рабочая область не помещается и в то-же время от них не должен появляться скрол. при маленьких размераш рабочая облость не должна скрываться (обычно левый край) за облости видимости браузера. Если кто-то понял этот бред, можете поделится идеями или код
0 votes23 answers -
резиновый трехколоночный макет с отступами по бокам
Ссылка: http://concept.dax.ru/ В IE6 не удается получить тоже, что и в FF и Opera, а именно отступы от краних колонок по 10%. Так же в IE6 не удаётся задать ширину для центральной колонки такую, как прописанно в стилях (min-width: 4,9%) почему не ясно хотя я прописал min-width:4,9%; width: auto !important; width: 4,9%; а вотFF и Opera хоть и отдают для этой колонки нужное пространство, но судя по border сам слой эту ширину не имеет? Как можно исправить проблему с отступами в IE, какими принципами можно руководствоваться тут для верстки такого макета? Почему ширина min-width не входит в рамку колонки pust?
0 votes23 answers -
head Бездомный конечный тег head
Доброго времени суток! Появилась проблема, браузер ругается на "бездомный конечный тег head", хотя его начало есть. Притом доходит до абсурда, пробовал найти ошибку, постепенно удаляя строчки кода, в итоге остались только доктайп и, собственно, сам head. Если написать всё заново, то проблемы нету. Прикрепляю файл с ошибкой сюда. P.S. Проверял через FireFox new 1.htm
0 votes7 answers -
Как сделать резиновое вертикальное меню
Помогите разобраться, не могу никак понять, как нужно сделать, чтобы меню расстягивалось вниз, допустим при добавлении нового пункта меню. Меню построено на основе картинки, не знаю как его порезать и сделать так, чтобы онго расстягивалось. Вот картинка того меню, которое как раз и должно расстягиваться: http://i006.radikal.ru/0805/8f/88030d2cc48e.jpg
0 votes6 answers -
Наложение html на swf. Не работают кнопки в swf.
Задача: наложить html-код на swf. Делаем два леера. В верхнем - таблица. В нижнем - swf. Оба леера вижу. html-код работает. Проблема: swf по сути - элементарная галерея с кнопками "вперед" и "назад". Так вот эти то кнопки в леере и не работают. Понятно, что автономно в swf все о'к. Если интересно, код следующий: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>site</title> <style type="text/css"> <!-- #Layer1 { position:absolute; width:1024px; height:756px; z-index:1; } #Layer2 { position:absolute; width:1024px; height:756px; z-index:4; } --> </style> </head> <body bgcol…
0 votes4 answers -
Список покидает див
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...
0 votes0 answers -
Как убрать горизонтальную прокрутку?
Помогите разрешить проблему... Сейчас у меня в процессе верстка сайта в слоях. В таком виде: центральная часть фиксированная - 979px, чтобы сайт влезал в 1024. Если разрешение больше, что левая и права части (по 180px) будут видимы. Но при проверке сайта при разрешении 1024 на 768 появилась горизонтальная линия: Как решить? Всю голову сломал (( Наглядный пример тут - http://tennisprofi.ru/ CSS * { margin: 0; padding: 0; } html { height: 100%; } body { background-image:url(pics/fon.jpg); background-repeat:repeat-x; font: 12px/18px Arial, Tahoma, Verdana, sans-serif; background-color:#deeff9; } a { color: blue; outline: none; text-decoration: underline; } a:hov…
0 votes10 answers -
Х с планкой сверху
Подскажите, пожалуйста, где найти код символа х с черточкой наверху в UTF?
0 votes5 answers -
Загрузить файл в textarea
Подскажите, пожалуйчта, как загрузить файл с компа в textarea?
0 votes14 answers -
hr и css
xhtml 1.0 strict как можно убрать рамку (границу, обрамление, окантовку) тега <hr> средствами css в ie7 с заданным фоном и высотой? hr{margin:0; padding:0; border:0;} не помогает.
0 votes10 answers -
Как убрать тень между элементами?
http://jsfiddle.net/tr0zurq1/ Предполагается, что тень будет именно для каждого элемента: либо для <li>, либо для <a>, а не для <ul>. По-идее, между элементами тень не должна быть видна, поскольку, z-index псевдоэлемента, для которого сделана тень, меньше z-index'a элемента, для которого сделан псевдоэлемент. Но тень всё равно есть. Почему? Как расположить тень "дальше" пунктов меню? <ul> <li><a href="#">Борщ украинский с пампушками</a></li> <li><a href="#">Вареники с печенью в луке с салом</a></li> <li><a href="#">Курица, тушенная с галушками</a></li></ul>ul { posi…
0 votes14 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-