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
-
Placeholder на странице xhtml не проходит валидацию в w3
Имеется xhtml страница с формой отправки сообщений. При проверке на валидацию w3 выдает ошибку в строке <input name="title" class="comments-name b-comments__name-i" placeholder="Ваше имя" maxlength="100"/> страница с ошибкой находится по адресу http://dorogadushi.narod.ru/uslugi/otzivi_i_predlozheniya/ Ругается валидатор именно на placeholder. Говорит, что там нельзя чтобы был такой. привожу отчет валидатора w3: Помогите понять в чем проблема.
0 votes6 answers -
PS - не работате crop на определенном psd
На других макетах все ок. А на этом - настройки кропа заблокированы.... И не работает кроп. Хотел выделить и вырезать изображение. Не получаеццо. Вместо того чтобы вырезать изображение, оно перемещается, при активированном инструменте "crop" Может этот psd защищен от копирования и тп. В чем может быть проблема?
0 votes8 answers -
проблема с ослом!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link rel="stylesheet" href="menu.css"> <script language="JavaScript"> function startMenu() { if (document.getElementById) { nav = document.getElementById('menu'); for (i=0; i<nav.childNodes.length; i++) { node = nav.childNodes[i]; if (node.nodeName == 'LI') { node.onmouseover = function() { this.className = 'over'; } node.onmouseout = function() { this.className = ''; } } } } } </script> </head> <body onLoad="startMenu()"> <ul id=menu> <li><a style="background-image: url(img/triang…
0 votes10 answers -
Прилипание содержимого div к низу
Делаю верстку на div-ах, хотел спросить как сделать на div-ах следующий вариант: (Его я умею делать в таблицах, а вот в дивах никак не получается) <table> <tr> <td>Блок 1</td> <td ROWSPAN="2">Блок 2</td> </tr> <tr> <td VALIGN="BOTTOM">Блок 3</td> </tr> </table> как сделать аналог на дивах, чтобы при увеличении высоты в блоке 2, содержимое блока 3 прижималось к самому низу и его низ был на одном уровне с низом блока 2.
0 votes7 answers -
Фиксированный-резиновый DIV
Здравствуйте Уважаемые !!! Пытаюсь перейти на DIV верстку, но все никак врубиться в нее не могу. После таблиц никак не получается. Уже пытаюсь по рекомендациям с сайта, все выкинуть из головы про таблицы и на пустую голову все сделать. Вроде помаленьку начинаю понимать, но код далек от совершенства. Много вложений получается и т.д. Вот пробую с фиксированным расположением сделать, не получается footer вниз опустить, А как сделать, никак не могу понять. Смотрел много работ и примеров по "резиновой" верстке, все на float. Хочу без float обойтись. Если привязываю footer к "content", то он опускается, но при наполнении "right" остается на месте перекрывая данные в правом поле…
0 votes22 answers -
Наложить картинку на фон
Помогите пожалуйста! Надо наложить изображение на фон сайта, чтобы не было белых пятен по краям изображения. Вот страница - www.megamat.ru/in.html - надо исправить картинки "Заказать работы" и "найти книги"
0 votes4 answers -
В картинку вставить аську и прогноз погоды
Somebody! хелп! Нужно поверх картинки, которая, как основной фон повесить аськи и этот факинг прогноз погоды. С аськами более менее разобралась, повесила.. только когда люди в офлайне они не горят...Не понимаю почему. Прогноз погоды в таком ключе <EMBED src="http://rp5.ru/informer/120x60/1/13.swf" loop=false menu=false quality=high scale=noscale wmode=transparent bgcolor=#CCCCCC flashvars="id=7285" WIDTH="120" HEIGHT="60" NAME="loader" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE= "http://www.macromedia.com/go/getflashplayer"></EMBED> не идет. Аську ставила примерно так: <span style="position: relative; top: 0px; left: 0px; height:50px; width…
0 votes4 answers -
Градиент!
Доброго времени суток! Помогите пожалуйста разобраться! Есть шапка, рисунок - градиент(jpg), и на этот градиент наклыдываються два рисунка. Один справой стороны а другой с левой, расширение у них .png (шапку разбил на три столбца!) Градиент с командой z-index:-1; на заднем фоне. Все это хорошо смотриться при просмотре браузера на весь экран. как только его уменьшить, появляеться внизу полоса прокрутки. Когда просмотреть документ, с помощью полосы прокрутки до конца(т.е. в право), то там видно белый цвет сайта а градиен не растягиваеться!!! И мало того, на других компьютерах шапка совсем другого цвета а градиента практически нет. Я уже измучился выяснять что у меня не так…
0 votes19 answers -
border groove и border ridge в IE
Приветствую вас! Есть задача - сделать двойную рамку, причем цвет внешней линии должен быть - черный, а "дублирующей" внутренней линии - серый. Соответственно реализовано это с помощью border groove и border ridge, а именно: div { border-top:2px groove rgb(0, 0, 0); border-right:2px ridge rgb(0, 0, 0); border-bottom:2px ridge rgb(0, 0, 0); border-left:2px groove rgb(0, 0, 0); } Во всех браузерах эта конструкция отображается как требуется, КРОМЕ IE5/IE6/IE7, где видно только толстую жирную рамку, а не двойную - черно-серую!!! Подскажите, пожалуйста, что сделать, чтобы это правильно работало в IE? Заранее благодарен.
0 votes21 answers -
Регистрация/авторизация. PHP и XML
Нужно создать регистрацию и авторизацию на сайте. Данные пользователей должны сохраняться в ОДИН xml-файл, типа: <?xml version="1.0" encoding="utf-8"?> <users><user id="1"><login>User1</login><password>Pass1</password></user><user id="2"><login>User2</login><password>Pass2</password></user><user id="3"><login>User3</login><password>Pass3</password></user></users> Соответственно, нужно написать скрипты для сохранения и вывода информации. + нужно как то привязать к авторизации сессию и куки на 4 часа. Собственно, подскажите хотя бы с чего начать. Во…
0 votes11 answers -
Проблема с отображением шрифта в Опере
Помогите решить проблему со шрифтом. В IE7 шрифт Century Gothic отображается нормально, а в Опере отображается некорректно (буквы какие-то угловатые и тоньше чем в др. браузерах) H1 { font-size: 20px; font-weight: bold; font-family: "Century Gothic"; }
0 votes8 answers -
Масштабируемый фон \ Изображение + контент
Масштабируемый фон + контент Приветствую! Может кто то подскажет: Задача сделать страницу с Масштабируемым фоновым изображением, но скорее всего это будет просто картинка в теге IMG. т.е. Чтобы чтобы в зависимости от разрешения, изображение тянулось на ВСЮ видимую область экрана. Поверх изображения будет меню. А ниже этого изображения , с отступом 50px; – Контент. Таким образом входит что при загрузке страницы на весь экран выводиться необходимое изоражение, а затем с меню или прокруткой ниже контент. ———————————————————————————-- ————- Это пример Изображения с отступами от краев: http://nooshu.com/explore/scalable-background/ Изображение буду тянуть плагином…
0 votes16 answers -
Проблема с резиновой версткой дивами.
Добрый вечер. Стоит задача: резиновая div`ная верстка трехколоночного макета с фиксированной центральной колонкой и резиновыми боковыми. Боковые колонки равны. Для Mozilla реализовать удалось. В ие6 все разъезжается. вот css: .main_header{ display: table; height: 227px; width: 100%; background: url(image/head_vert_background.jpg) repeat-x; } .head_left, .head_right{ position: relative; display: table-cell; height: 227px; width: 100%; } .head_left{ float: left; } .head_right{ float: right; } .header{ display: table-cell; width: 1000px; height: 227px; /*margin: 0 auto;*/ } html: <div class = "main_header"> <div class = "head_left">&l…
0 votes4 answers -
как уменьшить border-left и выровнять по середине?
Здравствуйте. Если делать : <ul class="qwe"> <li class=""> </li> <li> </li> <li> </li> </ul> И у .qwe { border-left:1px solid gray } или просто ставить бордюр для какого-нибудь div , то получается | (черта бордюра) -растянутая по высоте на весь li или div. если поставить этому div или li height:10px, то конечно бордюр уменьшается, но вместе с div или li. Можно ли как-то регулировать высоту этого бордюра и его центрирование?
0 votes8 answers -
скелет 3 колонки. помогите сделать.
Добрый день, со слоями ни разу не работал, прочитал статьи, но не совсем понимаю как все таки с ними работать.. Вот мне надо сделать такой скелет: __________________________ |__________header__________| |_____|_______________|_____| |_____| |_____| |_____| |_____| |_____| content | | |_____|_______________|_____| |_________footer____________| В общем у меня получаются проблемы с позиционированием слоев, все разезжается, либо не станолвиться в ряд ДИВ'ы. Помогите сделать скелет, дальше я сам буду пробывать разбираться.
0 votes8 answers -
Замена alt`у в css
Не получается применить альт к диву внутри php кода. Картинку пришлось вставить в бэкграунд в css. <?php mfp_the_link("add_link=<div class='add_this'></div>"); ?> Может можно реализовать аналог альта внутри css?
0 votes12 answers -
проверить соединение с github
помогите пожалуйста проверить\установить соединение с github я зарегистрировался на github,на свой машине сгенерировал ключи(находятся в каталоге по умолчанию),приватный ключ добавил через аккаунт на github,через аккаунт на github создал новый репозиторий,на своей машине через консоль выполняю:$ ssh github.comполучаю в ответ: The authenticity of host 'github.com (192.30.252.130)' can't be established.RSA key fingerprint is 16:21:ac:a5:76:28:2d:36:67:1b:56:4d:eb:df:a6:48.Are you sure you want to continue connecting (yes/no)? yesWarning: Permanently added 'github.com,192.30.252.130' (RSA) to the list of known hosts.Permission denied (publickey).пробовал так же: 1@1PK /C/VIN…
0 votes7 answers -
Почему не поднимается тиц у сайта?
У меня есть качественный сайт с уникальными текстами, который размещен на яндекс народе. Вот уже полгода, как я пытаюсь поднять у своего сайта тИЦ. Я размещала ссылку на свой сайт в многих каталогах, обменивалась ссылками с сайтами с высокими тиц, размещала платно статьи и ссылки на сайтах схожих тематик, но всё без толку, тиц у моего сайта нулевой. Яндекс сайт не забанил, всё в порядке. Подскажите, пожалуйста, почему я не могу поднять тиц сайта?
0 votes27 answers -
CSS меню из XHTML в простой HTML
Вот код меню, взятый с некоторого сайта. Мне необходимо поместить это меню в HTML страницу, но в таком случае пропадает "выпадаемость" Видать я еще маловат, чтоб дойти до ответа... Ваши варианты? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> Stu Nicholls | CSSplay | Professional series drop#2</title> <style type="text/css"> /*Credits: CSSplay */ /*URL: http://www.cssplay.co.uk/menus/pro_drop2 */ .preload2 {background: url(p…
0 votes9 answers -
с помощью css нужно добавить символы в меню
необходимо сделать меню имеется вот такой html код <div class="content"> <ul class="menu"> <li class="leaf first active-trail"><a href="#" class="active">Домашняя страница</a></li> <li class="leaf"><a href="#">Розничная торговля</a></li> <li class="leaf"><a href="#">Оптовая торговля</a></li> <li class="leaf"><a href="#">Услуги</a></li> <li class="leaf last"><a href="#">Координаты</a></li> </ul> </div> я могу изменять только CSS. Подскажите как добавить к каждому пункту меню справа символ ">" ? Пробовал сделать та…
0 votes3 answers -
Картинки в КСС
Доброго времени. Скажите, что нужно прописать, чтобы при наводке курсора (не нажатии) картинка менялась на другую? http://pastebin.ubuntu.com/493694/ -enigme.css Я старался сделаать, но не вышло... 3арание спс.
0 votes18 answers -
Что Куда и КАК ?
Добрый вечер. Я только начал изучать язык PHP (не по доброй воле, а ради экономии ), до этого работал только на 1С. Мой сайт был написан компанией CIM. Там есть своя админ часть, и можно сомому делать изменения в коде. Часть скриптов конечно скрыта, но общий вид можно менять по своему усмотрению как угодно. Теперь сам вопрос: Есть к примеру ссылка http://b_XXXXXXXXh_._c_o_m_._u_a_/32?pid=16582 (это один из моих товаров) При нажатии на эту ссылку идет вывод странички page1, в ней есть свой код. Подскажите пожалуйста как в этом коде можно обратиться к значению 16582? То что там это зачение есть - это точно так как в коде присутствует вызов скриптов (которые мне не доступны)…
0 votes31 answers -
оконтовка букв
День добрый! кто знает возможно ли сделать тексту оконтовку, так сказать border для самих букв?
0 votes10 answers -
Какой должен быть код для скачки pdf файлов?
Здравствуйте. Задача: на сайте лежат файлы pdf. Как сделать так, чтобы при обращении к ним они скачивались на локальный компьютер, а не открывались в браузере? Запихнуть в архив - не решение проблемы, нужно, чтобы скачивался именно сам pdf-файл. Вообще такое возможно? Спасибо!
0 votes12 answers -
Сползает в IE 6..
Во всеми нами любимом и обожаемом браузере творится нечто невообразимое и никогда ранее не слыханное! Как же так оО !? Вобщем даю ссылку, сами смотрите. В правильных браузерах нормально, а вот в IE 6(ну может ещё 7 - не проверял) правый блок никак не хочет обтекаться и все что левее съезжает вниз.. Помогите кто чем может.. ЗЫ: начинающий я только..
0 votes20 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-