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
-
оформление ссылок - бордюр?
Не раз встречался с рекомендациями оформлять ссылки не с помощью text-decoration:underlineа посредством border-bottom: 1px solid #некий_цветпри этом, однако, неаккуратно смотрятся картинки, являющиеся ссылками - у них внизу появляется "подчеркивание". насколько я знаю, средствами CSS невозможно исключить свойство нижнего бордюра для ссылок, содержащих тег IMG. Остается только использовать JS (находить все теги A с вложенными IMG и прописывать им border:0), однако при этом процесс загрузки документа выглядит не слишком эстетично (JS запускается после окончания формирования DOM). Что думаете по этому поводу? Есть ли приемлемые способы решения проблемы?
0 votes7 answers -
Как выровнить текст по вертикали
Нужно выровнить текст по вертикали в кнопке. Простыми словами дело обстоит так, блок кнопки например 50х200px, в левой части иконка, после заголовок. текст выравнивается по верхнему краю. Прописываю vertical-align:bottom для кнопки, но не действует. Можно использовать padding,но мне нужно при уменьшении разрешения монитора второе слова заголовка(кнопка) переходит на новую строчку и padding вот здесь все испортит. <ul> <li><a href="#" class="mNav01">Системы безопастности</a></li> <li><a href="#" class="mNav02">Контроль доступа</a></li> <li><a href="#" class="mNav03">Системы вид…
0 votes10 answers -
inclide и несколько head
Здравствуйте, подскажите как правильно пользоваться функцией include для вставки одинаковых блоков (шапка, футер и тд) на страницы сайта. На данный момент код страницы выглядит примерно так: <head> мета-теги (title, keywords)</head><body> <?php include "шапкасайта.php"; ?> остальной код страницы</body>Файл "шапкасайта.php", в свою очередь также имеет мета-теги в head и код в body, т.е. выглядит так: <head> мета-теги (title, keywords)</head><body> код страницы шапкасайта</body>И в итоговом виде код страницы получается следующий (если смотреть в браузере исходный код страницы): <head> мета-теги (t…
0 votes7 answers -
Вопрос по apache.
Возник вопрос. Вот когда ставишь сервер денвер, путь к директории выглядит так /home/user/local/www , как на апатче сделать такое? Заранее спасибо.
0 votes17 answers -
Расположение ссылки на странице
Добрый день. Подскажите нубу как задаются параметры расположения текстовой ссылки на странице? Мне нужно, чтобы ссылка была в верхнем правом углу страницы (как вариант). Буду благодарен.
0 votes4 answers -
Не работает behavior:url(border-radius.htc);
В css используется: -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-outline-radius: 5px; border-radius:5px; В Google Chrome все отлично работает. Для работы в IE8 используется: behavior:url(border-radius.htc); Тем не менее, в IE8 уголки не закругляются. Подскажите, пожалуйста, как решить проблему?
0 votes6 answers -
Brackets. При перетаскивании файлы не открываются
Начал осваивать новый редактор Brackets (кстати очень удобный). Однако столкнулся с такой проблемой: По сути, чтобы открыть файл его достаточно перетащить в программу. Однако у меня это сделать не получается - программа запрещает это делать (курсор становится крестиком). Это действует на все файлы как html, css, так и PSD. Получается открывать только так "файл" --> "открыть" А как открывать PSD файлы без перетаскивания вообще не понимаю. Кто нибудь сталкивался с этим? Как это решить?
0 votes0 answers -
Чистка css
Добрый день, коллеги Попался мне в руки старенький шаблон, свёрстанный неким школьником. Внешне всё выглядит хорошо, но внутри как-то всё печально. Код я починил, насколько нужно, а вот с css тяжеловато. Там полторы тысячи строк и разобрать это вручную малореально. Конечно, что-то я уже почистил, но не более того. Посему вопрос: есть ли какой-то сервис, программа, скрипт, позволяющие (полу)автоматически сделать следующее: 1) убрать неиспользуемые правила 2) указать пересекающиеся/дублирующиеся правила 3) максимально сократить код, убрав конструкции, подобные этой Короче, нужно максимально оптимизировать css, но не просто убрать пр…
0 votes8 answers -
Вопрос По Контенту
Здравствуйте! Подскажите пожалста, такая ситуация: Есть главная страница сайта, на ней шапка, подвал и меню слева, по центру блок для контента. Как сделать, чтобы остальные страницы сайта открывались в блоке "Контент". Уже стоко инфы прочитал и форумов облазил, но ниче подходящего найти не могу. В каком направлении хоть двигаться? Заранее спасибо.
0 votes10 answers -
Много position: absolute - хорошо или плохо?
Скриншот: смотреть Вопрос такой: Хорошо ли это, много раз использовать position: absolute; Для чего использовать position: absolute, для того, чтобы задав элементу это правило, можно было бы проще измерять отступы. Например, если посмотреть скриншот, а именно на шапку, то задав это правило отдельно для листика, отдельно для каждой надписи, то соответственно, отступы будут считаться от края браузера. То есть в фотошопе можно будет линейкой очень просто измерять расстояние с левой стороны и сверху, и соответственно задавать эти отступы в верстке. Как считаете, то что я думаю, это хорошо или плохо?
0 votes11 answers -
Ycxtn баннеров) помогите плиз
скажите пожайлусто можно ли ставить баннеры в css и как это сделать если можно? просто возникла такая ситуация когда баннер нужно вставлять только в css потому что больше некуда (тоесть нельзя так как от туда его легко удалят)
0 votes7 answers -
Сложение строки.
Здравствуйте. У меня проблема. Вот проблемный кусок кода Саму шапку можно узреть по адресу http://www.po-miry.ru/KULINARIA/RECEPTI/meat.htm суть проблему в том, что при уменьшении экрана браузера слова, выстроенные в одну строчку - Главная Спорт. Туризм, Душевное здоровье и т. д. выстраиваются в столбик. Я для двойных названий, а именно Душевное здоровье и Спорт Туризм применил white-space:nowrap; как мне посоветовали умные люди этого форума. Но как такого же эффекта добиться для всего абзаца (или строки, не знаю. как правильно)
0 votes14 answers -
Растянуть по высоте на всю страницу
Кто то подскажет как сделать что бы при растяжке среднего блока по высоте на 100% IE не прибовлял высоту первого блока . Из за этого нижняя часть вылезает за перделы экрана, и появляется полоса прокрутки ((( Знаю только вариант с хаком в css но он не коректен с ИЕ7 - http://forum.oszone.net/post-612994.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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style> body,html{h…
0 votes3 answers -
Как убрать отступ в 1px от input text
Здравствуйте! Версткой занимаюсь в свободное время, поэтому тонкостей дела не знаю. На странице размещен [input type=text], а над ним - div с текстом и background-рисунком. В результате отображения между рисунком и [input type=text] заметно тонкое белое пространство. Как его убрать? Т.е., чтобы рисунок будто-бы вырастал из границы поля для ввода текста? Далее привожу код наглядно: [div style=width:130px;height:50px;background-image:url("images/kleverall.png")]Некоторый текст[br]идет здесь[/div] [input type=text' name='name1' style='margin:0] [input type=submit value=>>] Результат:
0 votes2 answers -
display: table и min-height в firefox и safari
Пример http://jsbin.com/saguvazineju/1/edit Объяснять не буду, посмотрите в хроме и фф
0 votes5 answers -
Как убрать у слайдера фон
Добрый день, нужно сделать слайдер в шапке сайта. Причем меняется только выделенная красной зоной область, то есть не вся шапка. Как сделать так, чтобы у слайдера не было фона? Должен быть прозрачным как на скриншоте.
0 votes2 answers -
Почему-то не отрисовывается изображение в background
Посмотрите racestar.ru, панель навигации вверху: <div id="topnav" class="menu-%d0%bd%d0%b0%d0%b2%d0%b8%d0%b3%d0%b0%d1%86%d0%b8%d1%8f-container"> <ul id="menu-%d0%bd%d0%b0%d0%b2%d0%b8%d0%b3%d0%b0%d1%86%d0%b8%d1%8f" class="topnav"> <li id="menu-item-233" class="menu-item menu-item-type-custom menu-item-home menu-item-233"><a href="http://racestar.ru">Главная</a></li> <li id="menu-item-234" class="menu-item menu-item-type-taxonomy menu-item-234"><a href="http://racestar.ru/?cat=1">Новости</a></li> <li id="menu-item-235" class="menu-item menu-item-type-taxonomy menu-item-235"><a href="http://racestar.ru/?…
0 votes8 answers -
Расположение потомка позади предка
Можно ли расположить элемент-потомок позади родительского элемента? С z-index ковырялся, но не вышло.
0 votes17 answers -
DL, UL, OL -упорядоченый список
Создание упорядоченого списка (колонами), без использования таблиц! Подскажите пожайлуста! Зарание благодарен!
0 votes2 answers -
Срочно! Прыгает подвал в ИЕ6
Друзья! Можно ли что-то сделать по-быстрому, не переверстывая, чтобы здесь: http://new.karo.spb.ru/authors.html в ИЕ6 подвал не прыгал в середину экрана при наведении мышки на верхнее меню? Ой, в ИЕ7 тоже прыгает о_0
0 votes8 answers -
printable css для большой таблицы
Здравствуйте Подскажите пожалуйста. Есть таблица с данными. Эта таблица большая по ширине. Настолько, что появляется горизонтальный скролл. Перед мной стоит задача сделать так, чтобы при распечатке все было красиво и читабельно. Т.е. как-то надо эту таблицу при помощи стилей перекрутить и выплюнуть на лист бумаги через принтер. Может, кто-то сталкивался с такой проблемой? Или хотя бы подскажите куда копать. Таблица эта состоит из n-ного количества столбцов. Каждый столбец отвечает за какой-то товар. Таблица эта - сравнение товаров по различным характеристикам. Воть тяк...
0 votes13 answers -
разные бордюры в таблице
привет, такая проблема делаю табличную верстку, хочу, чтобы у меня были бордюры 1пиксел черные нормальные линии, в опере видно хорошо, а в ИЕ какую-то чушь показывает, как исправить? вот скрин в опере как это выглядит а вот так глючно в ИЕ, как поправить видимость в ие?
0 votes8 answers -
резиновый сайт слоями. Смещение при input 100%
Добрый день, помогите разобраться, делаю двух колонную верстку сайта слоями. Расположение слоев позиционное. Не могу разобратся с проблемой: если во вторую колонку вставить элемент input(с другими тоже бывает) с шириной 100% то появлется смещение/растяжение второй колонки. В Chrome это слабо заметно но она есть, а в IE6 вообще появляется полоса прокрутки.. Если этот input еще и обернуть 100% div, то в IE6 вообще появляется огромное смещение input относительно колонки, и появляется полоса прокрутки.. Нашел тут тему про полосу прокрутки в резиновом сайте в IE6 http://forum.htmlbook.ru/index.php?showtopic=20894 Если октрыть код приведенный там, то тоже все нормально, сайт в …
0 votes4 answers -
Рендеринг шрифтов в IE9, it sucks.
Даже не знаю с чего начать, хм... Проблема в том, что в IE9, очень плохо отображаются шрифты, без сглаживания, какие то даже может не четкие, размытые. В интернете находил много тем с обсуждением данной проблемы, но конкретного решения не встречал, об этом можно почитать на хабре или ixbt. Пример сравнение рендеринга шрифта в разных браузерах на картинке: Мне же интересно как решить данную проблему, что бы во всех браузерах шрифт отображался примерно одинаково, а если быть точней, что бы IE9 отображал нормально шрифт, как это было в IE8 или в других же браузерах. Тут уже как то пару раз спрашивал, не создавая новую тему, но ответа так и не получал, не ужели ни кто не зна…
0 votes4 answers -
Текущая ссылка неактивна
Подскажите, плз, как при помощи CSS сделать текущую ссылку активной.
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-