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
-
В FF не работает font-weight
Заметил что в Firefox 17.0.1 font-weight не изменяется 900 = 600 и 500 = 100. Это только у меня? Моя ссылка
0 votes3 answers -
Меню сайта и активный элемент.
Добрый день, есть меню, в меню настроенны активные ссылки, т.е если я на главной, главная в меню активна, нужно сделать так, когда юзер наводим мышку на другие категории меню, активность сбрасывается, убирает мышку, опять появляется. Возможно ли реализовать на чистом CSS??? Если нет, подскажите куда копать... Всем спасибо.
0 votes3 answers -
Практикум
Делаю задание из практикума вот что получилось http://cssdeck.com/labs/tneohfgn . Хотел задать вопросы. 1.Как сделать чтобы placeholder отображался в левом верхнем углу 2.Почему у Ингредиентов и Параметров фон иконок белый, хотя я задал transparent 3.Через что отмерять расстояние в макете ?(Я открывал программой adobe image ready, выбирал инструмент область и выделял нужный кусок, потом смотрел его размеры, открывал не psd а png файл, который также идет в атаче) 4.Как определять шрифт через фотошоп, размер, семейство ?
0 votes12 answers -
Изменить ширину таблицы из блоков DIV
Не получается вместить всю таблицу в ширину примерно 450-500px http://codepen.io/anon/pen/jPWReM
0 votes3 answers -
Проблема наложения слоя на select
Имею следующий код: <div style='background-color:#6bbc53;position:relative;z-index:1;'> <span style='background-color:#6bbc53;position:absolute;z-index:1; height:50px'> some text </span> </div> <SELECT></SELECT> Почему то слой перекрывается. Глюк наблюдается в Explorer'е. Opera и Mozilla отображают правильно. Помогите решить проблему, плз.
0 votes0 answers -
Замененные галки и радиокнопки смещаются
Прочитал здесь как менять галки и радиокнопки на свои картинки http://www.markupartist.com/lab/styled-che...d-radiobuttons/ Они работают, но замененные появляются не на тех местах, где были стандартные, а после всего содержимого ячейки и на строку ниже. Вот все, что про них написано в css .splash, .splash-default, .heart, .heart-default { margin: 0 0px 0 0; width: 15px; height: 15px; } .splash { background: url(splash.png) no-repeat; } .splash-default { background: url(splash-default.png) no-repeat; } .heart { background: url(heart.png) no-repeat; } .heart-default { background: url(heart-default.png) no-repeat; } Пробовал вписать "display:inline;" - Opera9 совсем пере…
0 votes3 answers -
Как задать 50% высоту для двух дивов в ячейке?
Есть ячейка в которой находятся 2 дива с заданным цветом бэкграунда: Как сделать так чтобы каждый див занимал 50% высоты ячейки? Пробывал height:50%; и padding: auto 5px; - не помогает.
0 votes2 answers -
Длина ячейки таблицы
Попробовал прсото без применёных стилей ничего обычный код написать,чтоб потом применить стили,от меню отступилось 250 пикселей, а второй столбец не пошёл до конца, а на расстояние только сделал. Если пробовать менять ширину второго столбца ничего не меняется. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head><title>Главная</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <table width="900" cellpadding="0" cellspacing="0" > <tr> <td><img src="verx.jpg"> <…
0 votes8 answers -
Проблема с FF под MACом.
Всем доброго времени! Никто не сталкивался с такой проблемой? FF 3.5 на MACе один единственный div из всей страницы смещает вправо. При этом тот же FF 3.5 под Win & Linux отображает все нормально. Не соображу где искать проблему PS MAC мне не доступен, сдвиг вижу на скрине, кот. мне посетитель прислал. Может быть дело в конкретном компе?
0 votes10 answers -
наложение фонов
помогите пожалуйста решить проблему с наложением двух фонов. вот на этой страничке http://digitaltv.saransk.ru/webtv22.html при уменьшении высоты окна нижний фон перекрывает верхний. а хотелось бы чтобы было наоборот - верхний перекрывал нижний. пробовал в блоки #footer и BODY добавлять z-index-ы. не помогает. заранее спасибо за ответы.
0 votes4 answers -
Пропорциональная ширина у блочных элементов
Есть элементы меню: <div class="panel"> <a class="tpanel" href="#">главная</a> <a class="tpanel" href="#">о нас</a> <a class="tpanel" href="#">продукция</a> <a class="tpanel" href="#">наши услуги</a> <a class="tpanel" href="#">партнеры</a> <a class="tpanel" href="#">контакты</a> </div> их описывают свойства CSS: .tpanel{ display: block; float: left; padding: 20px 20px; text-transform:uppercase; width:100px; height:20px; vertical-align: middle; margin-top: 39px; } и все это вложено в wrap {width:900px} Вопрос заключается в следующем: Если оставить как есть, то …
0 votes11 answers -
Картинки в Div-е
Имеется Div фиксированного размера. Нужно равномерно по ширине расположить в нём несколько картинок. Мой вариант: <div width="800px" style="padding: 0; text-align: justify;"> <img width="100px" height="50px"></img> <img width="100px" height="50px"></img> ... <img width="100px" height="50px"></img> </div> К сожалению не работает. Как правильно это сделать?
0 votes10 answers -
table или div
Возник недавно такой вопрос,как лучше писать сайт? Таблицами или блоками? Либо совмещать таблицы и блоки?
0 votes7 answers -
Блоки одинаковой высоты
Здравствуйте. Помогите пожалуйста создать блоки одинаковой высоты. <div id="wrapper"> <div id="header"></div> <div id="sidebarL"></div> <div id="sidebarR"></div> <div id="content"></div> <div id="float"></div> </div>
0 votes8 answers -
Почему не работает внутреняя тень картинок?css:inset
На изображении работает тень box-shadow но не работает inset внутрення тень,точнее работает если добавить padding но это внутреняя тень не в изображении уже... Собственно хотелось бы увидеть простейший пример внутренней тени на изображении. З.Ы.можете не писать банальные box-shadow:inset 0 0 10px; так как все это не работает и что я не пробую всеравно не отображается внутреняя тень((
0 votes2 answers -
Идеальная верстка
Какая она? К чему должен стремиться каждый верстальщик? Если не трудно, приведите примеры сайтов с такой версткой. Спасибо за внимание.
0 votes3 answers -
горизонтальная линия через заголовок
помогите пожалуйста решить проблему на страничке требовалось встроить заголовок, слева и справа от которого проходит горизонтальная линия. я сверстал его так. но если контент-менеджер увеличит количество букв в заголовке, то заголовок может поломаться или занять по горизонтали места больше, чем задумал дизайнер подскажите пожалуйста правильный способ вёрстки подобного заголовка ps другими словами. сейчас длина блока .h1 - 813px. нужно чтобы при изменении количества букв, эта длина не изменялась
0 votes8 answers -
SVG многоугольник
Читаю книгу и в ней есть код <svg width="300px" height="360px"> <polygon points="20,10 200,20 180,90 120,150 50,100" fill="#00FFFF" stroke="blue" stroke-width="5" /></svg>http://jsfiddle.net/vad7wgz9/ Но в ней не написано, как вычислять эти цифры. Как вычислять? Наугад писать? Я так понял то что 20,10 20 это x, а 10 это y? или как? 20,10 200,20 180,90 120,150 50,100 это наверно сокращённая запись?
0 votes10 answers -
Ячейки фиксированной таблицу имеют разную ширину в Chrome
Столкнулся с проблемой создания фиксированной таблицы с одинаковыми ячейками. Создаю таблицу шириной, например 700px и table-layout: fixed; В таблице есть шесть ячеек в рамкой в 1px. На выходе получается три ячейки по 116px и три ячейки по 117px(Google Chrome). В FF и IE все ячейки имеют одинаковую ширину - 116.5px. Есть ли способ создать подобную таблицу, но с одинаковыми ячейками, без использования JS. Пример можно посмотреть тут http://jsfiddle.net/scanwfbr/
0 votes4 answers -
Всплывающие окна
Здравствуйте, буду признателен, если сможете помочь решить проблему с сайтом. Проблема заключается в том, что на сайте существует кнопка "Получить консультацию" которая вызывает всплывающее окно с формой. Однако при создании такого же окна при клике на изображение(пока есть только при клике на левое верхнее) окно не появляется, а встраивается в готовый блок сайта. Можете подсказать как решить эту проблему?(По поводу оформления и изображения знаю, меня интересуют только окна) Ссылка на архив с сайтом https://github.com/Mat-CauThon/-
0 votes0 answers -
svg и Firefox
Здравствуйте. Делаю сайт для одной компании, решил поэксперемнитировать и сделать круглые уголки на svg и vml. Вроде бы все хорошо, если бы не одно. Когда верстал на локальной машине в firefox'е все отображалось замечательно, как только перенес на сервер firefox перестал отображать svg-элементы и требует установить плагин. В общем, почему так происходит и как быть? Заранее спасибо. PS Посмотреть можно тут.
0 votes2 answers -
идентификатор "перекрывает" класс..
Столкнулся с такой проблемой <div id = "main_menu"> <li><a href = "#">22222222</a></li> <li><a href = "#">22222222</a></li> <div class = "sub_menu"> <li><a href = "#">111111111</a></li> <li><a href = "#">111111111</a></li> </div> </div> Как бы поподробней изложить суть... присваиваю например красный цвет идентификатору main_menu а классу sub_menu синий, в итоге цвет у всех ссылок красный. Не могу понять в чем проблема, уже 3 часа голову ломаю. Спасибо.
0 votes5 answers -
IE6. Смещается блок странным образом.
Здравствуйте. Вот сайт: http://programtest.narod.ru/ Проблема: Только в IE6 при сжатии окна по горизонтали (причем быстро, что тоже не понятно) левая колонка начинает смещаться вправо. Так быть не должно. Во всех других браузерах работает корректно. В чем дело? Как убрать баг? Спасибо.
0 votes11 answers -
кроссбраузерность
Добрый день друзья! У меня, В общем как и у многих новичков в этой области возник вопрос. Как разрешить проблему кроссбраузерности. Нашёл один сайт http://webering.ru/blog/html_css/crossbrowsers/ здесь написаны хаки. Их надо в head html вставлять? И вообще как разрешить эту проблему. Не показывает сайт в опера и IE. т.к. на сайте своеобразный язык другого государства пришлось в голову вставить таг <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> а вот старый код <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> я стёр ибо тогда буквы в тексте не писались бы моей страны.
0 votes9 answers -
Как сделать разный стиль для каждой страницы сайта?
Код главной страницы: <head> <title>Сайт</title> <link rel="stylesheet" type="text/css" href="StyleN.css"></link> </head> <body class="home"> <div id="container"> body.home {url Общий фон.jpg);} body.home#container {background: url(Главная.jpg);} следующая страница: <head> <title>Сайт</title> <link rel="stylesheet" type="text/css" href="StyleN.css"></link> </head> <body class="somepage"> <div id="container"> body.somepage {background: url(Общий фон.jpg);} body.somepage#container {background: url(Страница.jpg);} Картинка пропадает,что не так?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-