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
-
Размер картинки по размеру ячейки
Подскажите пожалуйста, как подогнать размер картинки по размеру ячейки в таблице, что бы она не дублировалась, а строго сохраняла пропорции????
0 votes1 answer -
Единицы длин в разных браузерах
Собственно вопрос вот какой, какая из единиц длин наиболее точно, а лучше идеально, совпадает во всех популярных браузерах, в частности интересует форматирование текста. Я версткой уже занимаю довольно долго, и мне хватало обычно px, % и em, для приблизительного сходства, но в этот раз человек хочет что бы текст который находится на граф макете полностью, до пиксела совпадал и на готовой HTML странице, во всех браузерах. Сейчас разброс состовляет от 0-4px меж строчного расстояния в разных браузерах, пробовал так <div style="padding-top:36px; padding-left:39px; padding-right:35px;"> <p style="margin:0px; font-family:Georgia, 'Times New Roman', Ti…
0 votes10 answers -
проблема: фон для тэга <html>
css: html { background: #000 url('images/main-bg.jpg') repeat-x; } body { background: url('images/colors.png') no-repeat top center; } #wrapper { background: url('images/wr-bg.png'); margin: 105px auto 0 auto; max-width: 1180px; max-width: 790px; height: 500px; } html: <!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>Mockup</title> <link href="styles.css" type="text/css" rel="stylesheet" media="screen" /> </head> <body> <div id="…
0 votes9 answers -
Прайс html из jpg
Здравствуйте, у меня такая задачка интересная)))) Есть прайс лист в jpg в дизайне сайта, нужно его сверставть в html, что бы была возможность в дальнейшем его редактировать через админку. Вот jpg: ну я решил сделать это следующим образом: <!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"> <!-- #prais1 { background-image: url(img/prais%20lazernai%20gravirovka_test.jpg); backg…
0 votes24 answers -
Можно ли мне уже?
Ну вот вроде бы уже могу делать сайты, но какая то тоска на душе... можно ли мне уже брать деньги за верстку и сколько, например такую, и где главное? Свой дизайн еще не придумывал брал из интернета.
0 votes25 answers -
Почему в Opera невидно моих css стилей?
Беда-открываю я знач страницу в опере стили котрые я писал и применял к шрифтам таблицам и т.п. НЕОТОБРАЖАЮТСЯ Что делать? p.s.в explorer вс? работатет хорошо, но надо чтобы и в опере было все хорошо... ПАМАГИТЕ плиз!
0 votes11 answers -
подкачка изображений в кнопки
У меня есть рисованая кнопка 1и такаяже ток для активации. кнопка подскажите скрипт как сделать подкачку изображения второй кнопки при наведении курсора на кнопку т.е чтобы при наведение создавался эффект мигания. может у кого есть своя метода.... подскажите
0 votes6 answers -
Пробел в html
Подскажите пожалуйста как поставить текст с красной строки. В html.
0 votes4 answers -
Как при XHTML1.1 растянуть таблицу в высоту
Как при XHTML1.1 растянуть таблицу в высоту на 100%?
0 votes6 answers -
как выровнять div по низу страницы?
Всем привет! Начал верстать дивами недавно (все делал таблицами). Вот сейчас столкнулся с проблемой (весь код приводить не буду, ибо существенна его ооочень малая часть): У меня есть div, который я использую в качестве фона. У него есть z-index соответственно равен 1)) впрочем приведу все его свойства: #bg {z-index: 1; min-width: 1024; float: left; position: absolute; opacity: 0.95; filter: alpha(opacity=95) vertical-align: bottom;} в нем, соответственно содержится фоновая картинка, которая должна растягиваться/сжиматься до определенной степени в зависимости от размеров окна. Ее свойства css: #bg img{width: 100%; min-width: 1024;} слоем выше у меня находится контент, кото…
0 votes2 answers -
Хочу сайт!
Привет всем! Загорелось мне тут создать в личных целях некий он-лайн словарь наподобие такого http://www.gramota.ru Посоветуйте какой движок лучше подойдет для этих целей? И где найти подобный шаблон? Не сильно серчайте, если что не так....
0 votes17 answers -
селект накладывается на слой
Добрый вечер. Проблема: <div style='background-color:#6bbc53;position:relative;z-index:1;'> <span style='background-color:#6bbc53;position:absolute;z-index:1; height:50px'> some text </span> </div> <SELECT style='WIDTH: 100px' name='kpp'></SELECT> В explorer'e селект отображается поверх слоя. Подскажите, плз, в чем проблема
0 votes2 answers -
помогите плиз установить и устранить ошибку на странице http://www.zdes-mebel.ru/
помогите плиз установить и устранить ошибку на странице http://www.zdes-mebel.ru/ вот код ошибки Ошибки в сценариях веб-страницы Агент пользователя: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727) штамп времени: Tue, 17 Mar 2009 09:04:45 UTC Сообщение: Требуется объект Строка: 48 Символ: 3 Код: 0 URI-код: [url="http://www.zdes-mebel.ru/"]http://www.zdes-mebel.ru/[/url] Сообщение: Требуется объект Строка: 48 Символ: 3 Код: 0 URI-код: [url="http://www.zdes-mebel.ru/"]http://www.zdes-mebel.ru/[/url] Сообщение: Требуется объект Строка: 48 Символ: 3 Код: 0 URI-код: [url="http://www.zdes-mebel.ru/"]http://www.zdes-m…
0 votes7 answers -
Footer внизу страницы...
Да, да, да. Было очень много тем, где обсуждался футер внизу страницы. Но у всех тех решений есть один существенный недостаток: жестко прописывается высота футера. Между тем часто нельзя заранее узнать высоту футера. Например, есть у меня в футере несколько ссылок и высоты 50рх достаточно. Но завтра мне может понадобиться вставить туда кучку логотипов и высота увеличиться неизвестно на сколько. Просмотрел кучу ссылок, но решения с высотой футера, растягивающейся под контент, так и не нашел. Неужто его не существует? (без джабы)
0 votes9 answers -
Текст поверх картинки
Доброго времени суток. Столкнулся с проблемой при верстке сайта ресторана. По центру расположен логотип ресторана и немного залезает на контейнер с адресом и номером телефона. Проблема в том что из-за логотипа нельзя навести и выделить номер или адрес, тк картинка прозрачным полем на них заходит. Пробовал баловаться с z-index-ом, но ничего дельного не получилось. html Скрытый текст <div class="container header"> <img src="img/logo.png" class="logo" alt="Логотип гастробара Discovery"> </div> <div class="container main"> <div class="navigation"> <div class="mapandphone"><table…
0 votes4 answers -
IE7 и hover
http://stepbystep.htmlbook.ru/?id=58&text=1 Вот тут у меня не работает tr:hover ИЕ7 отказывается воспринимать. Обычная табличка, без подстветки при наведении. В Опере работает. Может правда это настройки обозревателя, но я ничего там не менял с установки. Кто сталкивался с этим?
0 votes4 answers -
#id.class
можно ли указать селектор одновременно по id и class? собственно нужно это сделать не в css, а в обращении jquery для пущей уверенности.
0 votes5 answers -
Прижать элементы списка друг к другу
..... <style type="text/css"> ul.menu { padding: 0; margin: 0; } ul.menu li { padding: 0; margin: 0; } ul.menu li img { padding: 0; margin: 0; [b]float: left;[/b] text-align: right; } </style> </head> <body> ...... <table width="100%" cellpadding="0" cellspacing="0" id="header" border=1> <tr> <td width="55" height="43"></td> <td width="519" height="43" valign="bottom"> <img src="h1.jpg"><br> </td> <td height="43" class="tel" valign="top"> bla bla </td> </tr> <tr> <td width="55" height="153" class="red" valign="bottom"> <img src="/red.jpg"&g…
0 votes7 answers -
Равномерное распределение картинок по длине блока
Добрый вечер! Для того чтобы картинки в блоке шли друг за другом горизонтально нужно применить display: inline. Как сделать так, чтобы находящиеся в блоке картинки равномерно распределялись по его ширине? Подгонять вручную отступами или есть что-то готовое? Например. Полосатый блок, в котором фотографии.
0 votes4 answers -
Повернутый текст в IE, помогите пожалуйста
Уважаемые спецы по HTML верстке! Моя задача - повернуть текст на минус 90 градусов. Код ниже работает как надо в FireFox 10, но в IE6,7,8 и т.д. не работает, хотя уже много рецептов, найденных на разных сайтах, перепробовал. Буду весьма благодарен, если поможете повернуть текст и в IE. <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Vertical text IE test</title> <style type="text/css"> .bookm_t…
0 votes2 answers -
Проблема с меню!
Во первых всем привет. У меня такая проблема недавно с одного софт-портала взял скрипт меню поставил свои ссылки, сделал всё как надо короче. У меня на сайте чёрно-серый дизайн и вот я хотел сделать фон блоков меню чёрным а цвет шрифта оранжевым, но сколько не пробовал - не получилось. Ребят вот код, помогите пожалуйста разобраться тут!!! <link rel="stylesheet" type="text/css" href="http://styling.org.ua/templates/css/main.css" /> <script src="http://styling.org.ua/templates/js/functions.js" type="text/javascript"></script> <link href="http://styling.org.ua/favicon.ico" rel="icon"/> <![if ! IE]> <link href="/favicon.png" rel="sh…
0 votes7 answers -
Использование нескольких классов без кавычек
Здравствуйте, меня зовут Игнат, и я люблю писать код без кавычек. Собственно: https://jsfiddle.net/066hbnxf/ - на Хром и Опера без кавычек срабатывает только первый класс. Может, с HTML5 пришёл новый метод перечисления классов, или это "недопилили"?
0 votes3 answers -
Проблема с выпадающим меню. Как это реализовать?
При работе над проектом возник вопрос с реализацией выпадающего меню. А можно ли это реализовать? http://keep4u.ru/full/080403/a3f1b7c9b6ba21f259/jpg
0 votes8 answers -
проблема с widgetkit gallery
После размещения сайта на хостинге, нельзя изменить или добавить галерею widgetkit. Галерея открывается, но кнопки создать/добавить папку неактивны. Подскажите в какую сторону копать. P.S.: права доступа на папки установлены. На локальном сервере все было ок. Все что сделано на локальном сервере, отображается правильно, проблема появилась после переноса на хостинг.
0 votes18 answers -
jquery-2.1.1.min.map
помогите пожалуйста разобраться на страничке как всегда использую jquery2. но дебаггер браузера показывает на вкладке сеть, что не может загрузиться файл jquery-2.1.1.min.map. я этот файл не подключал и вообще не знаю какую функцию он выполняет не понятно почему браузер считает ошибкой отсутствие этого файла Remote Address:127.0.0.1:8000Request URL:http://localhost:8000/static/zapsum/js/jquery/jquery.min.mapRequest Method:GETStatus Code:404 NOT FOUND
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-