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
-
_height:expression
Привет!! Что за _height:expression(document.body.clientHeight+'px'); и где его использовать?? Это растягивание на высоту родителя дочернего блока или нет?? <!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>Документ без названия</title> <style type="text/css"> .za{position:relative; top:100px; left:100px; width:200px; height:400px; background:url(d.jpg) no-repeat; z-index:1} .moo{position:absolute; background-color:red; top:10px;bott…
0 votes6 answers -
Размер элемента в процентах минус 100 пикселей
На странице имеется шапка высотой 100px и яндекс карта высотой 100% как сделать чтобы размер карты был 100% минус 100 пикселей <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://api-maps.yandex.ru/1.1/index.xml?key=AIQcg0wBAAAA5e0zBAMAh7of_DfOHY1gl_R0v5CsZ9mboTsAAAAAAAAAAAA53fz1iFk7mzC8xQGtKj2VyYSkrA==" type="text/javascript"></script> <style type="…
0 votes2 answers -
Проблема отображения в Firefox
Здраствуйте, в разработке сайтов новичок, даже не знаю в чем может быть проблема.. В браузере Firefox 4.0.1 сайт отображает некоректно, такое впечатление что стили вовсе не работают (цвет ссылок синий с подчеркиванием, фонового изображения нет).. Адрес сайта: http://marasyanechki.narod.ru
0 votes9 answers -
проблема
смотрите есть ещё такая проблема: пишу доску обьявлений заходишь на страницу вход всё норм, заходим... после входа автоматически перекидует на добавление обьявления а потом если вернутся на вход то футер плывёт влево я так понял он перестаёт воспринимать центрирование сайта #container{ background: url(images/back.jpg)repeat-y; width: 800px; margin: 0 auto; height: 400px; position: relative; } с чем ет может связано быть? #footer{ position:absolute; left:25px; top: 1208px; }
0 votes3 answers -
дивный макет ( помогите)
Здраствуйте!Помогите нубу решить проблемму.недавно начал изучать хтмл и ксс и сегодня решил впервые попрактиковатся над созданием макета. Собстенна вот создал макет <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="://1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> html,body { margin:0 auto; height:100%;} #contener { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; width:1000px; background:#FC3; } #head { heig…
0 votes35 answers -
Как лучше сделать лого и название сайта?
Всем здравствуйте. Хочу задать тупой вопрос из серии "О чем вы боялись спросить" (у меня наверное все вопросы из этой серии будут ). Допустим, мы имеем название сайта с логотипом, причем в названии не используются декоративные шрифты. Возьмем к примеру логотип и название сайта _htmlbook.ru, которые сделаны изображением .png. Так вот, вопрос: а не лучше ли название сайта делать заголовком h1? ИМХО это должно быть логичней, семантичней и т.д. и т.п. (это не критика в адрес сайта ). Интересно мне это семантическое задротство. Из возможных вариантов как лучше сделать - <img src="logo.png">, <h1>Заголовок сайта</h1>+background или логотип - <img>, а …
0 votes13 answers -
Еще о HREF
Здраствуйте! У меня такая проблема: Мой СМС позволяет мне загрузить только файлы-рисунки(контролируется расширение имени файла, FTP доступа, как вы понимаете тоже нет. Нужно расместить на сайте DOC файл. Тупо поменяв ему расширение на, например, GIF, я его могу туда загрузить и сделать на него ссылочку без проблем. Но пользоватили то будут пытаться открыть его графическим просмотрщиком а не WORD. Можно ли сделать так, что-бы он сохранялся у узеров под другим именем(не заставляя их при этом руцями вводить новое имя файла и расширения) Пример: 1. у меня есть документ ttt.doc 2. переименовываю его в ttt.gif (СМС пропускает только графические файлы) 3. Он там даст ему какоето…
0 votes8 answers -
Как поменять положение слоя?
Есть страничка, куча слоев на ней. При вёрстке верхней части использовал относительное позиционирование, соответственно футер уполз вниз на величину двух слоев, которые я размещал позиционированием. Можно поднять футер, задав ему координаты, но тогда под ним остается всё то же пустое место. Как решается такая проблема? код пока "грязный", но визуально глянуть можно тут 1.rpif.net
0 votes8 answers -
Изучение HTML языка
Привет всем! Я начал изучать css язык, и как говорилось в моей другой теме, изучать стоит паралельно с html языком. Вот тогда вопрос, какой html язык мне стоит изучать? HTML5? Или HTML4? И как это повлияет на отображение в браузерах?
0 votes18 answers -
напишите как сделать так что бы ссылки на страницы были неже картинок
напишите как сделать так что бы ссылки на страницы были неже картинок (см.ниже) <table cellpadding="0" cellspacing="46px" border =0 > <tr> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/Turkey.JPG)"> <a href="?id=10056" ><font color=#FFFFFF><font size=+1><b>Турция</b></font></font></a> </td> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/tunis.jpg)" > <a href="?id=10048" ><font color=#FFFFFF><font size=+1><b>Тунис</b></font></font></a> <br> </td> &l…
0 votes11 answers -
Проблемы с отображением сайта в Firefox в ОС Linux Ubuntu
Добрый день Имеется следующая проблема. Когда открывается сайт в Firefox (причем только в ОС Linux Ubuntu) страницы сайта начинают отображаться со странными границами вокруг графических элементов . В остальных браузерах и Firefox для Windows сайт отображается как должно . Подскажите пож-ста как решить проблему. Заранее спасибо.
0 votes7 answers -
Как разбить таблизу на несколько страниц
Как разбить таблизу на несколько страниц echo ("<table border=1 width=100% cellpadding=0 cellspacing=0>"); echo ("<tr align=center>"); echo ("<td width=80 height=20><b>Карта</b></td>"); echo ("<td width=200><b>Дата</b></td>"); echo ("<td width=200><b>Время</b></td>"); echo ("<td width=200><b>Размер</b></td>"); echo ("<td><b>Скачать</b></td>"); echo ("</tr>"); …
0 votes0 answers -
Нестандартная верстка
Здравствуйте, уважаемые форумчане! Мне нужна небольшая помощь с версткой. Верстка трехколоночного сайта. Имеется готовая верстка, в которой нужно внести небольшое изменение, а я не знаю как. Вот ссылка для скачивания верстки: http://dump.ru/file/5215651 - вопрос в том, как сделать чтобы шапка и подвал были не сверху и снизу (соответственно) правого блока, а прижимались к нему сбоку (соответственно шапка сверху сбоку блока, подвал снизу сбоку блока)?
0 votes4 answers -
Кроссбраузерность
Заранее прошу прощения за возможно глупый вопрос, но вот как при верстке сайта проверять его на кроссбраузерность ? От меня требуют, что б сайт отображался одинаково практически во всех браузерах, начиная с ie6 и заканчивая safari. Не ставить же себе на компьютер все эти браузеры Или всетаки ставить ?
0 votes43 answers -
не работает правило атрибута в ие+опера
Имею выпадающий список, хотел прописать тегу <option> с конкретным значением [value=1_1] display:none; в css что бы убрать его визуально, однако, не все браузеры отрабатывают правило, опера 11,1 + осел 8 игнорируют, я и так и сяк изгалялся, пробовал атрибут по разному прописать: #ja_extrafields option[value=1_1] в css{display:none;} так же пробовал не использовать знаков равно и скобок, почему данные браузеры не правильно отрабатывают правило, или, может быть, у меня ошибка закралась? Нуждаюсь в Вашем совете! <div id="ja_extrafields" <select onchange="load_extrafields(this.value,"mod_ja_group_")" size="1" style="width: 95%;" class="inputbox" id="catid" …
0 votes2 answers -
в IE7 не устанавливается курсор в текстовом поле
Помогите плиз!!! не могу понять в чем дело. есть текстовое поле, в выкидыше мелкософта версии 7 курсор в нем устанавливается только при щелчке мыши на тексте (значении атрибута value). Код: <div id="search"> <input type="submit" id="search_submit" value=""> <input type="text" id="search_text" value="Что ищем?" onblur="valu('#search_text', 'Что ищем?')"> </div> Стили: #search {width: auto; height: 92px; padding: 0px 131px 0px 24px; overflow: visible;} #search_text {width: 100%; height: 22px; border: 1px solid black; position: relative; left: 0px; top: 3px; line-height: 22px; font-size: 12px; color: #000; padding-left: 13px;} #search_submit {w…
0 votes5 answers -
Позиции в ксс, помогите!
Здравствуйте! Крайне нуждаюсь в помощи по вёрствке! Помогите сделать сайт стабильным (чтобы при разных разрешениях был одинаковым). При разных разрешениях картинки и текст прыгают. Привожу кусок примера: КСС: HTML: Заранее примногом благодарен
0 votes8 answers -
Png24 и opacity
Есть такая проблема: Если есть слой с полупрозрачностью (png24) и к нему применить CSS-прозрачность (opacity) - в IE полупрозрачные области становятся тёмными. Может я чего-то не знаю? Как решить данную проблему? Это первый вопрос =) Для удобства - тестовая страница: http://tarik.kasperovich.ru/test_16/filters.html P.S. Слева - без CSS-прозрачности, справа - с ней. Смотреть в IE. Спасибо.
0 votes9 answers -
не правильно работают слои
Помогите пожалуйста. Мучаюсь со слоями. У меня есть html <!-- ./skins/tpl/catalogue/unit.tpl begin --> <link type="text/css" rel="stylesheet" href="style.css" /> <div id="unit"> <div id="unit_pic"> </div> <div id="unit_name"> 123 </div> <div id="unit_description"> dfhxnj fkj fykfgj dtjegzdgsd sg sdg hs f hry wdsrh erhv </div> <div id="unit_cost"> cost </div> </div> <!-- ./skins/tpl/catalogue/unit.tpl end --> И есть CSS #unit { height: 100px; width: 500px; border:1px solid; background-color: #FFCC99; } #unit_pic { height: 94px; wi…
0 votes9 answers -
Слой лезет поверх вышестоящего
Подскажите пожалуйста, в чем проблема. bottom лезет на main. Вот код: <div class="main"> <div class="content"> ТУТ ВСЕ <!-- end .content --></div> <div class="rightcolumn"> ТУТ ПРАВАЯ ЧАСТЬ <!-- end .content --></div> <!-- end .main --></div> <div class="bottom"> <!-- end .bottom --></div> .main { width: 1080px; border: solid #fff 1px; padding: 1px 0px 0px 0px; } .content { float:left; border: solid #F00 1px; width:828px; } .rightcolumn { float:right; border: solid #000 1px; width:248px; } .bottom { width: 1080px; height:40px; border: solid #0F0 1px; ba…
0 votes1 answer -
onClick
Когда инпут расположен между тегами <form> онклик не работает (почемуто) а когда просто без тега форм все работает как сделать чтоб онклик работал в тегах форм?
0 votes5 answers -
Каким образом верстать сайт такого типа?
Верстаю в первый раз, прочитал про вёрстку div-ами, но там только про "резиновые сайты", хочу фиксированный с вот такой структурой. Структура, думаю, стандартная, но не могу найти как сделать... Кстати, у дивов углы закругленные в макете.
0 votes5 answers -
Блочная вёрстка + wordpress
Есть сайт http://uchkollektor26.ru/. Стандартный двухколоночный шаблон <div class="head"> Шапка </div> <div class="wrap"> <div class="sidebar" style="float:right;width:200px"> Содердимое боковой колонки </div> <div class="main" style="margin-right:220px"> Основное содержимое </div> </div> <div class="footer"> Туфли </div> вопрос - при каких условиях содержимое боковой панели может влиять на отображение основного сожержимого. Причина вопроса: На вышеуказанном сайте при добавлении товара в карзину, основное содержимое, начиная со второго товара, съезжает вниз. Валидцию проходит ругаясь…
0 votes5 answers -
Про *
Здравствуйте. Где-то здесь на форуме ругали конструкцию а-ля * { margin: 0; padding: 0; } Одно я запомнил точно - это плохо. Но есть вопрос: а можно ли использовать * к примеру вот так? #header * { color: #abc; } <div id="header"> <h1>Заголовок сайта</h1> <p>Что-то там</p> <span>Еще раз что-то там</span> </div> Т.е. задавать единое свойство для всех элементов внутри определенных тегов. Имеет смысл использовать такой способ? И аргументы "за" и "против". Извиняюсь, если вопрос примитивный или уже где-то был
0 votes9 answers -
Плавающие блоки
_http://sko.10401.aqq.ru Чо-то я туплю. См. блок под менюшкой. Почему article.post (зелёная рамочка) не сдвигается вверх?
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-