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
-
Как растянуть div по высоте родительского элемента?
Всем привет! Собственно, у меня есть три колонки, две с фиксированной шириной по краям и одна в центре занимает все остальное пространство. Div#center служит для того, чтобы сделать границы между боковыми колонками и центральной. В нем находится заголовок и еще один div.content с границей по краям, при чем у заголовка границ быть не должно. Границы div.content соединяются с картинкой в td#content_footer, но только когда центральная колонка больше по длине, чем две соседние. Подскажите, как можно сделать так чтобы границы div.center примыкали к картинке в td#content_footer. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/…
0 votes3 answers -
Визуальный редактор
Подскажите, пожалуйста, кто имеет опыт разработки визуального редактора, чтобы тект из формы был отформатипрован должным образом: обзацы, списки, и т.п.
0 votes4 answers -
Проблема: input вылезает за границы div-а в ИЕ
Есть два дива: слева (menu) и справа (content), в контенте есть див (box), в него вставлен input. У контента есть фон и по идее input должен быть как раз на этом фоне. В firefox так и есть, а вот Internet Explorer (7) шалит. Что делать? <!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=utf-8" /> <title>Untitled 1</title> <style type="text/css" media="screen"> #menu{ position:absolute; left:17px; width:200px; } #content{ position:relative; marg…
0 votes3 answers -
Как выровнять ссылки внутри div'а?
Есть div, левая колонка. ширина 20%. Внутри идут кнопки меню, ссылка как блочный элемент display: block с фоном картинкой. Эти ссылки съезжают к левому краю экрана, даже если в параметрах divа стоит text-align: center. Если задавать ссылке margin, даже в процентах, при большом разрешении вс? равно неровно получается. Как выровнять эти картинки-ссылки так, чтобы они были по центру, с равными отступами от кра?в колонки?
0 votes5 answers -
Зависает Dreamweaver CS3
Режим визуального отображения страницы. Печатаю текст, при переключении раскладки на другой язык иногда зависает намертво. Момент зависания точно определить не могу - может зависнуть, может и не зависнуть. Пытался найти клав. сокращение (может оно что еще там делает) shift+alt - не нашел... Помогите! В чем там проблема?
0 votes3 answers -
Тянущиеся уголки
Есть код: <table width="100%" border="0" cellspacing="0" cellpadding="0" id="maint"> <tr> <td colspan="3"> <h1 class="header">Ліцей ?38 ім.В.М.Молчанова</h1> </td> </tr> <tr> <td align="right" valign="bottom" height="33px"> <img src="img/ld.gif" style="display:block;" /> </td> <td bgcolor="#239431" width="100%" align="center"> <div class="menu"> <div><a href="">Головна</a></div> <div><a href="">Рада ліцею</a></div> <div><a href="">Учні</a></div> <div><a href="">Вчителі</a><…
0 votes4 answers -
Как подключить Собственную Таблицу Стилей
Прочитано: ?Когда пользователи подключают свою собственную таблицу стилей?... Как нормальный пользователь может это сделать? Например, есть чужой сайт, стили которого меня не устраивают, хочу слегка изменить и смотреть в приемлемом для меня виде... ... или это только зарезервированная стандартом возможность? Проясните пожалуйста.
0 votes6 answers -
Шрифты по умолчанию
Какими шрифтами выводят текст браузеры, если шрифт явно не задан? Opera, Firefox, IE? Особенно мне интересно Opera.
0 votes8 answers -
Слои налазят друг на друга
Кто нибудь знает как можно решить следующую проблему: макет состоит из 3 колонок ( на дивах ) и при сужении окна браузера по горизонтале после появлении полосы прокрутки, слои (колонки) продолжают друг на друга накладываться... Есть ли какое нибудь рациональное решение?
0 votes2 answers -
Разный внешний вид шрифта в IE и Mozilla
Всем привет! Не совсем понял - почему один и тот же шрифт в разных браузерах смотрится по разному...В IE гладкий и приятный, а в Mozilla какой-то взьерошеный... Это как-то лечится? IE = Mozilla =
0 votes6 answers -
сокращение CSS
Где-то тут видел про такое, но не могу найти. Может кто подскажет где эта тема?
0 votes9 answers -
Резина по высоте
Есть у кого конкретные примеры резины по высоте при верстки сайта таблично?
0 votes1 answer -
включение html в html
В общем есть сайт: http://vip-racing.ru/ Там снизу-справа есть маленький раздел "Новости"... Очень не хочется каждый раз менять новости на всех страницах... Может можно как-нить создать файлик и просто его включать во все страницы?
0 votes3 answers -
вертикальные линии
Даже не знаю, в какой раздел писать... Нужно создать вертикальную линию вдоль основного текста страницы, но так, чтобы она на Npx не доходила до начала и конца текста. С CSS/таблицами линия получается, но она только вдоль всего текста. Пробовал создать таблицу с тремя строками, указать размер верхней и нижней строки по Npx, но этот размер не учитывается, средняя строка все равно не занимает весь оставшийся размер страницы... Как? Спасибо
0 votes5 answers -
Помогите усовершенствовать скрипт!
Хотите верьте, хотите нет, этот скрипт я придумал сам (знаю, может где-то такой и есть), но мой моск умудрился слепить 2 скрипта в одном Собственно сделал так, чтобы при клике на эскиз фото оно открывалось в оригинале. Вобщем дальше моск вскипел и перестал работать, собственно надо еще сделать так, чтобы при клике на этом открывшимся фото оно возвращалось в прежний эскизный вид. Помогите пожалуйста усовершенствовать код, хочу написать галлерею. <a href=images/mbike.jpg><img width="300" src="images/mbike.jpg"></a>
0 votes10 answers -
В Mozilla cлои перескакивают, в IE - нет
Привет! Есть небольшие непонятки относительно поведения двух слоев в контейнере при использовании min-width: в IE слои слушаются этот min-width и не перескакивают друг под друга, а в Mozilla - перескакивают... Это почему происходит и как это вылечить. Код дивов: <div id="menu_niz"> <div id="menu_niz_left"></div> <div id="menu_niz_right"></div> </div> CSS: #menu_niz { position:absolute; width:100%; height:47px; top:100%; left: 0; margin-top: -92px; z-index:4; color: #FFFFFF; font-family: Tahoma, Verdana, Arial; font-size:14px; font-weight:bold; min-width: 965px; } #menu_niz_left { float:left; margin: 15px 0 0 5px; co…
0 votes6 answers -
ЛЮди помагите сделать такую л?гкую задачку ...
http://hot.ee/rsomov/ranniku/work04.html
0 votes6 answers -
Ссылки в теге li
Подскажите, плз, есть горизонтальное меню, созданное при помощие ul li ,и в нем не работают ссылки, отображаются как обычный текст (во всех браузерах кроме ИЕ,в ИЕ все норм). Пытался вынести код в отдельный файл - все работает,из-за чего такое вообще может происходить?
0 votes2 answers -
Горизонтальное меню
Ребят может кто-нибудь подсказать как сделать меню как на этом сайте? http://cisco.com/
0 votes3 answers -
Как сделать DIV таким образом что бы он растягивался по высоте
Как сделать DIV таким образом что бы он растягивался по высоте в процентном соотношении?
0 votes6 answers -
Отмена стилей
Извиняюсь, если задаю глупый вопрос. Не могу решить такую задачу: у странички есть куча стилей, нужно создать слой, в котором отсутсвуют все эти стили. Может есть какое-нибудь свойство для этого.
0 votes4 answers -
Помогите: выравнивание текста justify, промежуток между словами.
http://www.nemtchinoff.com/taxarisite2/ Применяю justify, но слишком большой промежуток между словами, плохо смотрится. Как это можно вылечить? @charset "utf-8"; *{ margin: 0; padding: 0; } html{ background: url(./img/pattern.jpg) repeat center top; } body{ padding: 0px 0 0 0; min-width: 660px; } A:link {text-decoration: none; /* Убирает подчеркивание для ссылок */ color:#1c306f; } A:visited { text-decoration: none; color: #1c306f; } A:active { text-decoration: none } A:hover { text-decoration: underline; /* Делает ссылку подчеркнутой при наведении на нее курсора */ color: white; /* Цвет ссылки */ } /*flash head holder*/ #flashcontent { position: relative; left:0p…
0 votes2 answers -
Возможен ли такой трехколоночный макет?
Возможен ли такой резиновый трехколоночный макет? Сверху - заголовок, затем столбец таблицы слева, посередине - слой, справа - снова столбец таблицы, снизу - подвал. Нигде такого не видел, но хотелось бы использовать. Или можно применить только полностью табличную либо верстку только на слоях?
0 votes7 answers -
национальные шрифты
как?... есть вордовский файл с документом, где кириллица, но вместо некоторых букв буквы с крышечками, с хвостиками и т.д. В принципе есть локализованный шрифт ариал, но как его прицепить?...
0 votes3 answers -
ПОДСВЕТКА ОТДЕЛЬНОЙ СТРОКИ МЕНЮ при наведении
А как сделать то, что изображено на картинке, чтобы при наведении подсвечивалась строка. Вроде както легко, но убей не помню как ...
0 votes15 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-