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
-
Ошибка валидации Strict стандарта.
Доброго времени суток, У меня на сайте ошибки валидации заголовок : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> ошибки тут : onMouseOver=" this.style.opacity=1; this.style.filter='alpha(opacity=90)'; " Скажите как вставить правильно событие?
0 votes6 answers -
Не отображает картинки в ксс
Здраствуйте решил перейти от теории к практике, хочю сверстать макет Раира, который есть в примерах длЯ верстки. Для меня это не первая верстка, были ещё две, которые удачно завершил. но это были мои макеты, которые я создавал оринтируясь на свои возможности в верстке. Проблема вот в чем : только начал верстать : порезал картинки, и начал делать шапку. <!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> <link rel="styleshee…
0 votes9 answers -
Содержимое блока
Такой вопрос возник. Допустим я делаю блок, а внутри него будет находится заголовок, абзац, картинка ну и т.п. <div class="block"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> Естественно мне нужно будет двигать содержимое. Как будет лучше и правильнее, двигать паддингом блок "block" Или создать дополнительную обертку для содержимого блока <div class="block"> <div class="obertka"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> </div> и двигать уже маргином блок "obertka"
0 votes7 answers -
Помогите с меню
Добрый день. Помогите с меню пожалуйста, мне надо сделать такое меню (условно 200px), чтобы после того, как заканчивается текст шли точки и >>> (рисунком), это выложен фрагмент из псд файла. никак не могу сделать, получается либо все подчеркивается, либо только на сам текст, а мне надо как на рисунке. Заранее спасибо!
0 votes7 answers -
Резиновый сайт и background-image
Не могу разобраться как сделать 3-х блочный header. По центру фикс, по бокам резина. По коду, думаю, понятно что хочу сделать: #header-menu-fon { width: 100%; } .header-menu-fon-center { background: url('image/header-menu-fon.jpg')no-repeat; width: 1300px; height: 146px; margin: 0 auto; } .header-menu-fon-left { background: url('image/header-menu-fon-left.png') repeat-x; width: 2px; height: 146px; float: left; } .header-menu-fon-right { background: url('image/header-menu-fon-left.png') repeat-x; width: 2px; height: 146px; float: right; } Пробывал разные вариант, в том числе width:100% у боковых, но в место повт…
0 votes11 answers -
Проблема с z-index в IE6-7
Здравствуйте! Подскажите как сделать так, чтобы элемент с низшим z-indexом оставался в самом низу стека и правильно отображался в IE6-7. Вот какая ситуация: есть основной контейнер (position:relative) и есть 2 элемента с position:absolute внутри него. Мне нужно задать отрицательный z-index внутренним элементам(по обычной логике и работает в др. браузерах), так чтобы они оказались ниже основного контейнера. Как решить эту проблему в IE6-7?
0 votes3 answers -
Распределение текста по всей длине div
Задача: Нужно сделать так, что бы текст был расположен как на скрине. Решение:? Заранее спасибо!
0 votes5 answers -
Проблема с паддингом в инпуте
Следующая проблемка возникла в пятом фоксе. Задаю инпуту ширину и паддинги в процентах. Везде всё нормально, а там padding-left и padding-right работать отказываются. Чего я только не пробовал, всё тщетно. Помогите, пожалуйста, решить эту проблемка. Собственно ссылка: http://divstudio.ru/portfolio/domaintest/ Ну и скриншот уж тогда, чтобы не мелочиться:
0 votes10 answers -
Порядок загрузки веб-страницы
В каком порядке (последовательности) загружается веб-страница?? Как указано в html коде?? сверху вниз?? т.е. то, что вверху кода загрузится раньше, чем то, что внизу?? или не существует заранее известного порядка?? например, на сайте "Специалиста" в последнюю очередь загружается блок в середине.. Почему?? Если не существует заранее известного порядка загрузки веб-страницы, то какие факторы влияют на то, каким будет этот порядок??
0 votes7 answers -
select
Здравствуйте Не подскажите как можно изменить знак выпадения у тега select Изначально он такой (например в вин7) А мне нужно сделать такой Нашел как сделать на jq, вот например тут http://www.jqueryscripts.ru/scripts/jquery_forms/jnice/ Но можно ли это сделать на сss?
0 votes6 answers -
Помогите решить.
Разделил страницу на части: Верх - Левая колонка - Центр - Правая колонка - Низ. В PHP подключаю эти файлы получаеться между Верхом и Середино отступ и также между Серединой и Низом. Как убрать эти отступы? Может неправильно HTML разделил? <!DOCTYPE HTML> <html lang="ru"> <head> <meta charset="utf-8"> <title> </title> </head> <body> <div> <table class="Table-Top"> <tr class="Tr-Top"> <td class="Td-Left"> </td> <td class="Td-Center"> </td> <td class="Td-Right"> </td> </tr> <tr class="Tr-Mi…
0 votes5 answers -
Сайдбар по всей ширине
Здраствуйте! У меня такая проблемка. Нужно сделать такую страничку. ...................(Хедер видс 100%)........................ ........(Контент 700пх по центру)..(Сайдбар с ценра......... ................(с сайдбаром)...........до края)............ ...................(Футер видс 100%)........................ Помогите пожалуйста, у меня проблемка с сайдбаром, просто искажаеться если именшать вылазит на контент. Может свой кто-то вариант предложите. Заранее блогодарен, с уважением, Андрей! ПС. Оч. Нужна помощь!
0 votes6 answers -
Вопрос по Фаер багу
Здраствуйте. Сегодня установил фаер баг, осваиваюсь. Но у меня вопрос, блог на ВП( пхп не знаю) и мне очень трудно найти некторые елементы, чтобы отредактировать. На фаер баге их нахожу без проблем. Вот вопрос можно ли фаер баг к сайту подключить, чтобы можно было онлайн редактировать? Инет перерыл вроде нету такой инфы. И ещё если нельзя на фаер баге так сделать, то может есть что-то подобное ему и чтобы можно к сайту подключить?
0 votes8 answers -
Изменить цвет части блока
Здравствуйте! Такая задача. Есть блок, у него цвет, скажем, #000. Нужно, чтобы у части этого блока цвет был другой (как здесь: http://s002.radikal.ru/i198/1108/49/888c360eeab1.png) Как такое можно сделать?
0 votes4 answers -
background-position
Здрасте, есть нубовский вопрос: Нужно обложить таблицу бэкграундом повторяющимся по горизонтали, но таким образом, чтоб слева и справа он не доходил до края на определенное колличесво пикселей. (причем слева и справа разные значения) Можно ли это сделать средствами css, без лишних ячеек, применяя класс ко всей таблице? А еще желательно без background-size.
0 votes6 answers -
Проблемы с плавающими блоками
Есть банальный 2-х колончатый шаблон. Вот собственно он: http://jsfiddle.net/ZF6mH/ Вот исходник: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Insert title here</title> <style type="text/css"> .l-wrapper { background-color: black; } .l-content { background-color: red; margin-left: 200px; } .l-sidebar { background-color: blue; float: left; width: 200px; } </style> </head> <body> <div class="l-wrapper">…
0 votes2 answers -
Кросброузерное отображение управляющих символов
В создаваемом тексте присутствуют символы, которые отображаются только в Akelpad при создании кода или в готовом варианте - в браузере "Opera v11.50". Пример (символы с 1-го по 32-й): Коды символов Вопрос: Как добавить возможность отображения данных символов в других браузерах?
0 votes6 answers -
Макет сайта
Здравствуйте! Сделал сайт Там архитектура следующая: Контейнер, у него BG стоит внизу - имитация Footer. Header, у него фон - верхняя картинка. И "Content" - фон белый и отрицательный margin сверху. Сам понимаю, что не очень... всё это делалось в блокноте и очень хотелось что б "Content" как бы накладывался на фоновые изображения. А ничего лучше придумать не смог. Сейчас решил переделать, но опять не пойму как сделать так, что б всё было правильно и красиво. Подскажите пожалуйста способ реализации этого макета.
0 votes13 answers -
Автоширина Фонового изображения в шапке
Доброго времени суток у меня такая проблема: Не могу выставить авто подбор ширины фоновой картинки (хочу что-бы полностью растягивался на всю шапку в зависимости от разрешения экрана)перепробовал разные варианты но либо шапка слетает либо не помогает Занимаюсь уже на готовой конструкции сайта (ну так получилось сайт не мой шаблон от МКпортал) вСекции Лого где идет код шапки вот такой код: <tr> <td id="mklogostrip" style="background-image: url('$mklib->images/top_back.png') ""> <a href="$mklib->siteurl/index.php"><img src="$mklib->images/logo.png" border="0"" /></a> </td> </tr> как мне этот к…
0 votes9 answers -
Тень и выравнивание по центру
Приветствую товарищей дизайнеров и прошу подсказать насчёт 2 небольших вопросов. 1. Есть элемент с id aaa. Он выводит на экран различные уведомления. Подскажите, как сделать так, чтобы тень была не от всех элементов находящихся внутри, а от рамки этого элемента, который с id aaa? И, правильно ли я задал его расположение? Элемент должен выводиться в центре окна браузера. CSS: #aaa { background: #eee; border: 1px black solid; border-radius: 6px; text-align: center; padding: 5px; position: fixed; left: 25%; top: 25%; text-shadow: 0.1em 0.1em 0.15em #555; } 2. Подскажите, как выровнять сайт по центру?
0 votes4 answers -
Проблема с div блоком, не расширяется на 100% по высоте
Имеется следующий код html и css <!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> <link href="style/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <div class="header_left"> <div class="header_left_line"> <div class="header_left_line_bottom"> …
0 votes2 answers -
микроразметка hCard
на страничке попытался применить микроформаты к телефону. но валидатор яндекса микроразметку не обнаружил. подскажите пожалуйста где я допустил ошибку.
0 votes1 answer -
При увеличении правого столбца, подвал не падает
Вот код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:vml="urn:schemas-microsoft-com:vml"> <!-- Для Яедекс карты --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <META name="description" content="<? echo $p_n_s[description][1]; ?>"> <META name="keywords" content="<? echo $p_n_s[keywords][1]; ?>"> <title><? echo $p_n_s[title][1]; ?></title> <link rel="stylesheet" type="text/css" href="sostav/style.css" /> <link rel="shortcut icon" href="glavdising/favicon.ico" /&g…
0 votes2 answers -
Резиновый дизайн. (от и до)
Добрый день, уважаемые гуру верстки. Возник вопрос: Нужно сделать резиновый дизайн с параметрами от 400px и до 480px. Чтобы в промежутке этих 80px все элементы позиционировались на равном расстоянии друг от друга и "ездили". Как осуществить именно от и до. Потому что как дизайн делать полностью резиновым я знаю. С уважением, arthyrgrex.
0 votes1 answer -
Движение Изображения
Как Заставить Изображение двигаться за Екраном(Если человек просматрюющий сайт прокрутил страницу вниз Фоновое изображение поехало за ним) в CSS?
0 votes17 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-