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
-
Работа с Float:left и margin:left
Ребята, привет! Возможно моя проблема покажется вам глупой, но все же спрошу: Есть контейнер, в котором прописана картинка в качестве фона. В контейнере прописываю слой контент, в нем еще один слой с рамкой и отступами top и left по 5px, который должен располагаться слева. В #content ставлю флоат-лефт, а #content-left прописываю маргины. В этом случае картинка отображается только в IE. Пробую по-другому: убираю флоат-лефт, прописываю маргин-лефт в #content-left. А в #content ставлю маргин-топ. Тогда контейнер с картинкой в Опере и FF отступает вместе с дочерним элементом. А в IE все корректно. Помогите, плиз, глупой девушке, а то уже голова трещит!!!
0 votes4 answers -
ПРАКТИКА CSS
Здравствуйте Уважаемые верстальщики. Около 6 месяцев тому назад я пробовал научиться верстать сайты, после чего забросил верстку, так как не было на нее время. И сейчас я заново решил взяться за верстку, и пришлось начинать опять с нуля. Хорошо что раньше я создавал для себя шпоры по свойствам и тегам, что позволило мне вспомнить пройденый раньше материал. Сейчас моя голова полна теорией, а хотелось бы покопаться в шаблонах чтобы посмотреть как это все работает на практике. И я хочу попросить вас парочку ссылок на готовые шаблоны, где можно посмотреть как правильно верстать кросбраузерные, валидные сайты. п.с правильно ли я выбрал инструменты для верстки? notepad ++ to…
0 votes9 answers -
непонятные комментарии
Всем привет! ...Друзья попросили поменять им дизайн сайта. Ихи сайт делался лет 5 назад и устарел.. Я его сверстал, и вот уже хочу выложить в инет, но у меня не было подобного опыта.. боюсь напортачить.. смущают такие вещи: в предыдущей вёрстке автор писал: <body link="#0066FF" vlink="#6633CC" bgcolor="#FFFFCC" background="index.files/image293.png" style='margin:0'> <!--[if gte vml 1]><v:background id="_x0000_s2049" o:bwmode="white" fillcolor="#ffc" o:targetscreensize="1280,800"> <v:fill color2="#6cf" focus="50%" type="gradient"/> </v:background><![endif]--> и вот эти комментарии а-ля <!--[if gte vml 1]>, <![if !vml]>…
0 votes4 answers -
100% высота таблицы в таблице (XHTML)
С разворачиванием таблицы во весь экран, я разобрался, а таблица в таблице никак не хочет разворачиваться в полностью доступное место, возможно ли это сделать? не помогает ни min-height ни маржини ни падигни =), скрипт если только, доктайп XHTML 1.0 Transitional
0 votes2 answers -
Вложенные таблицы с использованием CSS
Подскажите, пожалуйста... Имеем такой код: <HTML> <HEAD> <TITLE>Опять таблица</TITLE> <STYLE> TD {width: 30px; height: 30px; text-align: center} TD.big {border: none; text-align: center} </STYLE> </HEAD> <BODY> <TABLE width="100%" height="100%"> <TR> <TD class="big"> <TABLE> <TR><TD>1</TD> <TD>2</TD></TR> <TR><TD>3</TD> <TD>4</TD></TR> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML> не происходит горизонтального выравнивания центральной (внутренней) таблицы. Но если убрать общий стиль для TD, т.е…
0 votes8 answers -
Незнаю как увидеть карту сайта.
Понадобилось с сайта скачать файл, но незнаю где он там находится и вообще доступен ли для чтения. Как можно узнать это? Слышал что можно закачать сайт целиком, но работает это простыми переходами с сохранением. Тоесть если обращение к файлу через php, то не факт что скачает.
0 votes1 answer -
Картинка бэкграундом в стилях: как сделать сдвиг
В верстке есть параграфы, в начали части из них для имитации списков вставляется тэг картинки со стилями <p class="className"><img src="http://site.ru/img/list.gif" width="13" height="13" alt="" align="top" style="position:relative;top:1px;">Текст бла-бла-бла</p> я хочу сделать иначе: убрать тэг картинки, заключить такие параграфы в див (сами параграфы уже без классов), прописать в стилях картинку, все удается, но она получается на 1 пиксель выше, чем в исходном коде (в стилях выше это решается top:1px;) div.classNameImg p { margin: 0; padding-left: 17px; background-image: url(http://site.ru/img/list.gif); background-repeat: no-repeat; } добавление…
0 votes20 answers -
Центрирование на экране фиксированного элемента
Есть див с заранее известными шириной и высотой. Подскажите, как его отцентрировать на экране по вертикали и горизонтали на любом разрешении монитора? Насчет вертикальной центрации - можно забить в принципе, но очень хочется, а горизонтальная критически необходима. Браузеры все. Слой имеет position:absolute;
0 votes13 answers -
Карусель и разные браузеры
Есть сайт http://www.pssh8.ru В шапке карусель из фотографий на JQuery. Столкнулась с тем, что в Firefox все отображается нормально. А вот IE добавляет к фото поля по другому. Как привести к единому восприятию, я не знаю Понимаю, что наверное сверстала криво, а как сделать правильно не понимаю. Помогите, пожалуйста! Вот код шапки: <table width="990" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td style="background-image:url(img/foto_bg.png); width:484px; height:265px;" valign="top"> <div id="s1"> <img src="img/up_img_01.jpg" style="padding-left:35px; padding-top:24px; display:block;"/> <img src="im…
0 votes9 answers -
Как это делаетья?
Вот как например тут http://kuhni-mila.ru/ между блоками сайта, на границах полоска с тенью, с левой стороны, на самих картинках её нет, как это сделано?
0 votes4 answers -
IE не отображает страницу в iframe со стилем HTML {POSITION:relative;}
Есть 2 файла: 1.html <html> <body > <iframe src="2.html" width="50%" height="50%" frameborder="no" scrolling="yes" ></iframe> </body> </html> и 2.html <html> <head> <style> HTML {POSITION: relative;} </style> </head> <body> <h1>TEST</h1> </body> </html> Во всех браузерах кроме ИЕ отобржается нормально. в ИЕ вообще не отображает что находится в iframe. Это как то можно решить? Сразу хочу сказать, что доступ к 2.html не имею и он находится на другом домене. Далее я немного разобрался. Если сделать в 1.html для iframe стиль style="position: absolute; z-index: 1" то все отобража…
0 votes0 answers -
Border наползает на img
У тега H2 есть нижний border. Есть img элемент. У него float:left; Далее идет текст, который, собственно, обтекает элемент img справа. Все нормально, пока текст не доходит до тега H1: сам текст (что в теге H1) имеет нормальный отступ слева (т.е. ширина изображения), а вот нижняя рамка, заданная border-left:... как бы не видит изображения слева и простирается на всю ширину (т.е. проходит под изображением (изображение с прозрачным фоном)). Пробовал и в мозиле и в ie - эффект один и тот же. Подскажите как быть.
0 votes9 answers -
B Dreamweavere не отображаются картинки
Пожалуйста, помогите разобраться. Делаю меню на CSS с помощью списка в B Dreamweavere CS4. Когда в <li> задаю бекграунд-картинку, то он в самой программе у меня не отображается. А в браузерах отображается. В чем дело??? Со всеми другими тегами все в порядке. Вот таблица стилей: #main_menu a {color:#900; text-decoration:none; font:bold; Tahoma;} #main_menu a:hover{color:#666;} #main_menu .active { color:#FFF; text-decoration: none;} .menu li { display: inline; padding: 7px 23px; background:url(images/picture1) repeat-x top left; margin:0px 2px;} .menu { margin-top: 7px; font: bold 13px tahoma; color:#36F; padding-left: 5px; } .menu .active { font: bold 13px ta…
0 votes3 answers -
Как прописать отображение формата картинки gif и jpg на выбор браузеру?
Как прописать для отображения картинки, чтобы в случае, когда не поддерживается формат картика.gif, отображалась картинка.jpg?
0 votes17 answers -
аномальная навигация
Всем привет, захожу сегодня на сайт http://portal-knyazeva.ru вроде всё, как обычно. Щёлкаю по первой попавшейся статье и обнаруживаю, что внизу статьи появилась аномальная ссылка-ячейка (< Предыдущая Следующая >), которая мало того отвратительно выглядит, с какой-то не понятной границей, так я и вообще никогда эту навигацию не создавала. Просматриваю код элемента, вижу следующее: <table align="center" class="pagenav"> <tbody> <tr> <th class="pagenav_prev"> <a href="......"><Предыдущая</a> </th> <td width="50" </td> <th class="pagenav_next"> <a href="......"><Следующая</a> </th> Вроде …
0 votes6 answers -
Как на моем сайте показать половину картинки с другого сайта?
Как с чужого сайта взять картинку, располовинить, взять ее левую часть и поместить на моем сайте? Картинка постоянно меняется, поэтому все это должно быть автоматом при открытии моего сайта.
0 votes7 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" xml:lang="ru" lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css"> html { margin: 0; padding: 0; width: 100%; height: 100%; } body { overflow: hidden; margin: 0 auto; width: 1900px; min-height: 100%; height: auto !important; height: 100%; } #header { border: 10px solid green; width: 1900px; height: 567px; } </style> </head> <body> <div id="header">123</div&g…
0 votes1 answer -
не центрируеться center блок
Всем привет, вобщем есть html <div id="c_niz"> <div id="sidebar_right"> </div> <div id="sidebar_left"> </div> <div id="center"> </div> </div> css #sidebar_left { float:left; } #center { margin:0 auto !important; } #sidebar_right { float:right; } #c_niz { width:100%; float:left; } т.е. центральный блок, и 2 боковых. "резрезиниваться" он должен так: сайдбары лепяться к бокам, а центр - строго в центре в ие не центрируеться, обтекая левый сайдбар помогите поставить его "на место"
0 votes5 answers -
А как вы выполняте Clearing?
Всем людям верстающих в дивах конечно всегда после того как зафлоачены элементы выполнять клиринг чтобы отменять обтекание ниже следующих элементов, я лично ставлю после отфлоаченного элемента пустой див у которого в классе прописано cleat: both (конечно возможно это не совсем правильно). Хотелось бы узнать а как вы это делаете Вот как я это делаю <!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> <title></title> <style type="text/css"> #left { float: left; display: inline; background: silver; wi…
0 votes34 answers -
Необходимо отредактировать .css файл, я новичок, с чего начать?
Здравствуйте, вопрос у меня такого плана: Я установила форум и мне необходимо отредактировать (поменять общий фон, шрифт, размеры текстов, рамок, добавить рамки и т.д.) .css файл. Я не знакома с програмированием, но хочу вникнуть, я так понимаю мне нужен язык програмирование, построение таких файлов, К каким истокам (литература) обратиться, с чего начать. В поисковиках много различной информации, что бы не было каши, а правильно и логично выстроить цепь можно сказать обучения. Вы не могли бы мне помочь?
0 votes1 answer -
Закрепление области в таблице (аналог excell)
Hi многоуважаемый All ! Подскажите плиз как в таблице закрепить области - правый столбец и шапку ? Т.е. так, как можно закрепить в экселе ?
0 votes20 answers -
overflow hidden парализует ие6
Ещё раз всем привет!!1 поиск полистал - не нашёл.. столкнулся с проблемой - делаю меню сбоку через список.. последний пункт списка - длинный блок (получается, вылетает за экран) так вот структура <div id="wrapper"> <div id="content"> <div id="c_niz"> <div id="sidebar_right"> </div> <div id="sidebar_left"> <ul> <li class="hat" >Каталог дисков</li> <li class="a">Каталог шин</li> <li>Тесты шин</li> <li class="a">Онлайн Инфо</li> <li class="zvonok">Онлайн Инфо</li> </ul&…
0 votes3 answers -
Схлопывание границ надо отменить
Столкнулся с неожиданной проблемой. Есть код HTML: <h3><span class="floatLeft">Некоторый текст</span><span class="floatRight">И опять некоторый текст</span></h3> <p>Продолжение некоторого текста...</p> и CSS для него: h3 { font-size: 1.8em; font-weight: normal; margin: 0.5em 0 0.3em; white-space: nowrap; border-bottom: 1px solid #ddd; float: left; width: 100% } .floatLeft {float: left; padding-left: 0.3em} .floatRight {float: right; padding-right: 0.3em} p { line-height: 1.5em; font-size: 1.1em; clear: both; padding: 0 1em; margin: 1em 0 } Надо убрать схлопывание границ, а не пойму как сделать! По…
0 votes9 answers -
float:left блоки равной высоты в несколько строк
Добрый день, уважаемые форумчане! Делаю сайт, левая колонка фиксированной ширины, правая (контент) резиновая. В правой колонке выводится список изображений с заголовками: css: .img { width: 200px; float: left; margin: 0 10px 10px 0; } html: <div class="img"> <img src="image.jpg" alt="" /> <h3>Title</h3> </div> <div class="img"> <img src="image1.jpg" alt="" /> <h3>Title</h3> </div> ... <div class="img"> <img src="imageN.jpg" alt="" /> <h3>Title</h3> </div> в итоге зрительно должно получиться подобие таблицы, где по ширине экрана выстраивается столько изображений, сколько позв…
0 votes46 answers -
Всплывающие подсказки - как отключить память input-ов?
Всем привет. Проблема такая: Современные браузеры запоминают значения полей формы input при сабмите. И потом при повторном введении слов выдают автоматом всплывающие подсказки в полях типа input. Вопрос: можно ли насильно запретить такое запоминание (или вывод результатов) средствами html/js/css ? Зачем мне это? - хочу сделать свои всплывающие подсказки, ну например как на яндексе - выбирает из базы уже готовые результаты по похожим запросам и подставляют в табличку под окном поиска. В таком варианте автоматические подсказки браузера мешают - закрывают собой наши юзерские. Вариант который я вижу: т.к. запоминание происходит при сабмите формы - передалать систему так, чтоб…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-