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
-
Приоритеты CSS
немного описания: есть пользователи, ники которых окрашиваются в определенный цвет(в зависимости от группы), и есть переменная которая выводит модераторов разделов, ники модераторов окрашиваются в зависимости от принадлежности модератора к группе, задача сделать цвет модераторов другим-единым цветом например: <div class="smallfont">Модератор форума: $forum[moderators]</div> $forum[moderators] уже подкрашивается в зависимости от группы. если сделать <div class="smallfont">Модератор форума: <span class="moder">$forum[moderators]</span></div> подкрашиваются только запятые разделяющие ники вот CSS //Оформление модераторов .moder{ color…
0 votes4 answers -
Помогите - CSS глюк?
Наткнулся при коде на несколько проблем, кроме того я чайник. Готовый htm файл залил здесь http://rapidshare.com/files/416737094/TEMPO.htm.html и вот тот же самый код <!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" xml:lang="en" lang="en"> <head> <title>Что то тут не то</title> <style type="text/css"> ul { border: solid 1px; float: left; list-style: none; margin: 10% 0 0 1em; padding: 0 1em 0 0.5em; } li { background: #00FFCC; } ul div { background: #CCCCFF; margin-left: -0.5em; } a:hover { text-…
0 votes6 answers -
Пролемы вёрстки divaми
<head> <title><?php echo $title ?></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> *{ padding: 0; margin: 0; } .container{ width: 80%; margin: 0 auto; } .left{ float: left; width: 120px; background-color: #2FDD2F; min-height: 500px; } .right{ float: right; width: 120px; background-color: #2FDD2F; min-height: 500px; } .content{ font-family: "Times New Roman", Times, serif; margin-left: 120px; margin-right: 120px; min-height: 500px; text-align: justify; padding: 5px; } .header{ font-family: Arial, Helvetica, sans-serif; font-size: larger; letter-spacing: 1.5px…
0 votes9 answers -
Выпадающее меню с помощь списка определений
Здравствуйте! Я задалась вопросом как сделать выпадающее меню не с помощью вложенных списков, а используя список определений. Только он, зараза, не хочет выпадать. Собственно говоря, в этом и проблема. Буду рада помощи. Код CSS: body{ font-family: Georgia, Times, 'Times New Roman', serif; } #nav, #nav dl{ margin:0; padding:0; border: 1px solid #000; background: #515151; float: left; width:auto; } #nav dt{ float:left; position:relative; background: #515151; } #nav dd{ display:none; position:absolute; padding:8px 0; width:138px; background: #515151; } #nav a{ color:#fff; text-decoration:none; display:block; width:120px; padding:4px 10px; } #nav a:hover…
0 votes8 answers -
css: наследование свойств
Добрый день. Подскажите пожалуйста, как сделать так чтоб один класс унаследовал свойства другого класс, т.е. .class1{a} .class2{b} .class3 /*что-то делаем*/{c} в итоге class3 должен содержать свойства {a,b,c}
0 votes4 answers -
Нид хелп!
Добрый вечер! Есть код HTML: <html> <head> <meta charset="windows-1251"> <title>Кнопка</title> </head> <body> <form> <p><input type="button" value=" Кнопка "></p> </form> </body> </html> Помогите привязать файл js к кнопке, чтобы содержимое этого файла выполнялось в отдельном окне
0 votes11 answers -
Блоки наезжают друг на друга (FireFox)
Всем привет! Есть страница: http://krls.beta3.ceteralabs.com/ На ней баннер, который под видео, закрывает собой текстовый слайдер (подробнее во вложении) а браузере FireFox. В Chrom'е всё нормально. Подскажите, где тут CSS подправить можно? Ещё к странице подключено app.js , там тоже стили прописаны, но почему то для FireFox они не срабатывают. Помогите пожалуйста
0 votes3 answers -
Что плохого в том, что CSS Валидатор "предупреждает" ...
Все ошибки в CSS коде, на которые обратил мо? внимание валидатор, исправлены. Но между тем в коде полным-полно строк отличающихся друг от друга совсем незначительно и, кроме этого, валидатор выдал несколько десятков "предупреждений" об "Same colors for color and background-color in two contexts" . Страница сделана не на слоях, а на обычных Скажите пожалуйста, чем это чревато в будущем ? Спасибо
0 votes5 answers -
fixpng и background-position
Проблема старая как мир, но для меня так и не решенная. Кто как борется с этой напастью? Очень не хочется двигать блоки, только потому что 6-ка не может выровнить png'шный background по нужному краю.
0 votes2 answers -
Вопрос по ключевым словам и мета-тэгам
Кто знает если будет введен запрос, ну допустим "бухло", а у меня в мета-теге прописано ключевое слово "Дешевое бухло" выберет ли меня поисковик или обойдет стороной. Я перефразирую вопрос: обязательно ли сто-процентное совпадение ключевого слова и запроса введенного пользователем, чтобы сайт был отображен в списке найденных по этому запросу иил это не обязательно????????
0 votes2 answers -
Что такое SPAN?
До сих пор не могу понять ЧТО делает этот тэг? Для чего он нужен?
0 votes3 answers -
Вопрос по поводу фона блока
Как сделать так, чтобы при низком разрешении экрана картинка фона ячейки с шириной 100% "подрезалась" с обеих сторон? А не только справа?
0 votes4 answers -
Жутко тормозит рендеринг страницы в IE7
Вот сайт лог/пасс - real В эксплорере в каталоге товаров наблюдаются жуткие тормоза (попробуйте поводить мышью по элементам) при просмотре любой категории. С чем это может быть связано?
0 votes5 answers -
Карта ссылок на изображении - помогите
<body> <div class="center"><img src="img/1.jpg" width="454" height="204" alt=""/></div> <MAP name="somemap"> <AREA shape="rect" coords="2, 2, 140, 196" href="test.ru"> </MAP> </body> </html> сделал такой код для примера... ничего не работает .... жму на картинку никуда не переходит ... в чем проблема ?
0 votes9 answers -
Страница отображается нормально только в опере
Добрый день. Моя первая сверстанная страничка это a-l-y-s-s-a.narod.ru Проблема в том что страничка отображается правильно только в опере. В остальных браузерах то футер не прижат то фоновой картинки нет. Как решить эту проблему?
0 votes13 answers -
Фон страницы
Добрый день! Скачал шаблон сайта и столкнулся с проблемой замены фона. Когда указываю ссылку на изображение, которое расположено на сайте с картинками, фон подключается без проблем background:#EDEDED url("http://img2.goodfon.ru/original/1920x1200/0/5d/pole-podsolnuhi-priroda.jpg") no-repeat center center fixed; Но если я подключаю фон из папки с картинками, фон подключатся не хочет background:#EDEDED url("img/image.jpg") no-repeat center center fixed; Подскажите, где я допустил ошибку?
0 votes3 answers -
Не отображаются заголовки на айфоне и айпаде
Сверстала сайт. Проверила на адаптацию на разных расширениях экрана. Когда сбросила клиенту, пишет что не отображаются заголовки на айфоне и айпаде. У меня их нет и посмотреть инспектор для этих устройств нет возможности. Может кто то с таким сталкивался.
0 votes3 answers -
Найти сайт по коду
Здравствуйте Коллеги! Работаю над сайтом-визиткой. Требованием заказчика является отсутствие каких либо данных о разработчике сайта, кроме того заказчик не сообщает ни имя сайта, ни доменное имя. По условиям ТЗ необходима лишь настроенная CMS (свёрстанный шаблон, настроенное меню, слаидбоксы и т.п.) без контента. Вопрос: Что можно вписать в код для того чтобы потом можно было легко найти "свою работу"?
0 votes2 answers -
Убрать нижний отступ под видео
Здравствуйте!Простите, если не сюда пишу.Уже несколько дней не могу найти свою ошибку.Прошу помощи.Пишу сайт.Вверху страницы горизонтальное меню - фиксированное.Под горизонтальным меню вставляю видео с текстом. Видео затеняется с помощью overlay.Все вставляется, но под видео большой отступ, заполненный тенью от видео.Как убрать большой отступ?На скрине выделена область, которую необходимо убрать.Сильно не пинайте, пожалуйста, только начинаю изучать это дело.Сайт запускаю на OpenServer. В веб еще не выкладывал. Index <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Мой сайт</title> <li…
0 votes0 answers -
Расположение элементов IMG
Всем привет! Задача стоит следующая. Есть 8 элементов (IMG). Т.е. одна целая картинка разрезана на 8 частей(рамка) Нужно сверстать гибкой версткой макет, где эти 8 кусочков будут одним целым( рамкой) а внутри можно будет размещать любой текс, рамка по высоте подстраивается под текс, по ширине на всю ширину окна. Кручу верчу, все никак не получается. Подскажите в какую сторону думать. Каждый Img в отдельный div и все дивы в общий контейнер? и дальше как
0 votes1 answer -
Проблема с автоматической высотой дива.
Странная возникла проблема... Есть слой с автоматической высотой, в нем находятся 2 слоя, справа и слева с фиксированными высотами. При этом, главный слой, по идее, должен удлиняться в зависимости от высоты тех 2-х слоев. Код <!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> <meta http-equiv="content-type" content="text/css; charset=windows-1251" /> <title>Gallery</title> <style type="text/css" media="all">@import "style.css";</style> </head> <body> <div class = "main"> <!-- Header--> &l…
0 votes1 answer -
В IE 7 не отображаются точки в UL
Добрый день всем Почемуто в IE 7 не отображаются точки в UL , а в FireFox работает прекрасно , подскажите что не так Пробывал играться и если вынесу лист из дива то работает , бьюсь уже 2 часа понять не могу Спасибо всем <div style="padding:30px; text-align:right; width:800px; height:1000px;"> <div> <img src="/eden/title_iso_14001.jpg" width="720" height="76" /><br><br> <p class="paragraph">ניהול מערכת איהות הסביבה</p> <br> </div> <div style="float:left;width:750px; height:1000px; position: relative;"> <div style="position:relative; top:100px; left:-700px;"> <d…
0 votes4 answers -
Подскажите про сайты на Флеш
я вероятно немного отстал от жизни Есть прекрасные карисвые сайты на Флеше...так вот у меня вопрос чем эти сайты делать Flash MX я думал всегда но тут наткнулся на какойто Adob Flash так вот вопрос что изучать чтобы делать флешь-сайты и еще вопросик где можно инфы почитать как вообще вобщем обстоит и реализуеться дело с флешь-сайтами Заранее спасибо за ответы!
0 votes4 answers -
очередной бой с IE
Проблема с фонами, в chrome и mozilla отображается нормально, а вот IE не очень. Помогите пожалуйста. http://www.planet-tour.com.ua/ Вот так выглядит в ie8 А вот так в chrome Сразу приношу извинения за правильность кода я только начинаю углубятся в веб-программирование. /* Title Control */ table.moduletable_blue th { display: table-cell; height: 46px; width: 294px; padding-left:10px; font-size: 16px; background:url(http://www.planet-tour.com.ua/templates/planet_tour/images/menu_h.png); background-repeat:no-repeat; text-align: left; color: #FFFFFF; vertical-align:middle; } /* Module tbody Control*/ table.moduletable_blue tbody{ display:block; width:294px; back…
0 votes11 answers -
Вертикальное центрирование многострочного текста
Добрый вечер! Есть вот такой код: <div style="width: 600px; height: 200px; border: 1px solid red;"> Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст </div> Можно ли как-то текст отцентрировать по вертикали БЕЗ техники эмуляции таблицы (display: table)? JS также не интересует. Заранее спасибо!
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-