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
-
Меню
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Ма</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="class"> <ul id="nav"> <li><a href="">text</a></li> <li><a href="">text</a></li> <li><a href="">text</a></li> <li><a href="">text</a></li> </ul> </di…
0 votes1 answer -
При наведении на картинку отобразить список
Однажды на кулинарных сайтах видел, что при наведении на фотку - справа вылезает табличка с ингредиентами. Вот вопрос как это делается? вот в частности такая структура сейчас на сайте: <p><a class="thumbnail" href="/"> <img class="thumb" src="/.jpg"> </a> </p> <p>Игредиенты</p> <ul>....</ul> <p>Время приготовления:</p> <p>Выход:</p> Как понимаю надо сделать див от ингредиентов до выхода, присвоить ему класс. и дисплей: ноун сделать. Но как быть, чтобы это всплывалось при наведении на картинку выше? Да и еще где-то сбоку?
0 votes1 answer -
Не адаптируется фото шапки сайта
Ребята! Есть страница http://minskgid.by При смене фото шапки страницы там где бабочка на компьютере более менее, а вот на телефоне становится все ужасно... Фото 1200*800. Самое интересное что вставляю другое фото (тоже 1200*800) - оно адаптируется и на компьютере нормально и на телефонах. Бабочку эту я уже сунул по всем углам - все равно ничего не получается. Может кто-нибудь подскажет идею что можно еще сделать, Спасибо...
0 votes3 answers -
Ссылки на страницы по тегам
Всем привет! Прощу помощь в реализации. Только сильно не пинайте - я только учу сиё "искусство". Суть в следующем: сайт с рецептами. Есть страницы с коротким описанием рецептов (списочно): горячие супы; холодные супы; кавказская кухня; русская кухня; с мясом; острые и т.д. Далее уже идут страницы с самими рецептами (с подробным описанием), скажем: борщ, харчо и окрошка. Как сделать короткое описание рецепта "харчо" в коде на странице 1 (с присвоением какого-нибудь id, class или нечто подобное) и отображение на других страницах (с помощью присвоенного "идентификатора")? В данном случае на стр. 1 будет корот…
0 votes1 answer -
Не получается растянуть фон боковых блоков
Проблема в том, что фоновая картинка не повторяется на всю высоту контейнера, а заканчивается там, где кончается блок. Решается проблема только с фиксированной высотой, которую я для наглядности задал в правой колонке, но фиксированная не пойдёт, а height:100% меня не понимает Пол дня мучаюсь с этой версткой. Помогите решить проблему <div id="container"> <div id="left_side"> <div id="block_top"></div> <div id="block_body">ytrt yrghr hgrgh rt<br />здесь будет текст блока</div> <div id="block_bottom"></div> <div id="block_top"></div> <div id="block_body">ytrt yrghr hgrgh rt<br />здесь будет т…
0 votes0 answers -
Кэширование XML
Здравствуйте! Имеется файл /xml, содержание которого все время обновляется. Нужно чтобы в браузерах также обновлялась получаемая с файла информация. В общем не подскажите как прописать кэширование так, чтобы при первом изменении xml браузер тоже обновлял информацию? Спасибо!
0 votes0 answers -
Как сделать также? (gif-видео)
Чем и как можно сделать вот такие гифы? http://support.kaspersky.ru/faq?qid=208640890
0 votes2 answers -
Background не рабоает в прикрепленном css
В общем глупость какая-то. Если пишу css св-во background:url('ссылка на картинку'); внутри html файла, то все работает, если пишу это же во внешнем файле css то картинка не цепляется. В чем проблема?
0 votes3 answers -
вопрос по семантике кода
какие вы используете имена классов и айди??
0 votes3 answers -
Полный завал в ИЕ
Вот сделал сайт,во всех браузерах нормально отображается, но в ИЕ вообще все поехало.
0 votes1 answer -
Помогите разобраться с z-index
Есть например три блока,блок #three перекрывает блок #two хотя у блока #two значения z-index: 15; выше чем у #three.Объясните пожалуйста какое тут правило играет роль и почему так?? #one{ position: absolute; left: 0px; top: 20px; z-index: 10; width:110px; height:80px; background:orange; } #two{ position: absolute; left: 50px; top: 30px; z-index: 15; width:110px; height:80px; background:green; } #three{ position: absolute; left: 100px; top: 30px; z-index: 12; width:110px; height:70px; background:blue; } <div id="one"> one one one one <div id="two">two two two two</div> </d…
0 votes1 answer -
добавить отступы
помогите пожалуйста добавить отступы сверху и снизу блока .wrap сеичас так. а хотелось бы чтобы было так и так при этом подвал прижат к низу, скроллов не было, при изменении масштаба центрирование сохранялось
0 votes3 answers -
Атрибут height
Здравствуйте! Мой вопрос по статье. Скажите, а если задать размер изображения в css, а не атрибутами тега img (в смысле те же height и width для тега img прописать в стилевых свойствах), это облегчит работу браузера или он будет вынужден вычислять размеры изображения так, как будто они вовсе не заданы?
0 votes2 answers -
Изменение свойств блока при hover'e на родителе
Здравствуйте, есть такой несложный код - http://jsfiddle.net/cJ8MV/ Что нужно сделать, чтобы при наведении мышки на блок .one менялся фон у блока .three ?
0 votes1 answer -
Выпадение блока в IE
Подскажите, пожалуйста, почему в IE данный блок выпадает из main? Верстка: https://googledrive.com/host/0B6IlwqUO2fshV3M2MjRXT1VTM28/
0 votes1 answer -
overflow проблема
http://jsfiddle.net/Zverushka/eZXn2/1/ Суть задачи. В неком блоке есть абсолютно позиционированный блок .figure. Изначально мы не знаем размеры .figure - они динамические. Как сделать так - чтобы при выходе за границы основного блока - .figure обрезалось по горизонтали и при этом же не обрезалось по вертикали?
0 votes8 answers -
фоновый цвет
Ребят, такая проблема, как задавать для body фоновый цвет, если мне нужно что бы она по бокам только было, а в центре ровно 800px было белым? Создать блок отдельный не вариант.
0 votes5 answers -
Почему не работает стиль по id
Вот код http://jsfiddle.net/M6XV2/ Подскажите, пожалуйста, почему не работает стиль по id="asd". Заранее признательный за ответ.
0 votes2 answers -
Двухуровневое меню
Добрый день! Никак не могу решить проблему со своим меня на сайте. По макету все должно выглядеть следующим образом http://c2n.me/3cdJWb4 Но у меня почему-то .sub-menu оказывается под сладером( пробовал выставлять для них z-index. Ничего не помогает. Подскажите как решить проблему? Вот сам сайт: http://justexemple.host56.com/
0 votes5 answers -
Фиксированный блок по центру экрана
Можно ли сделать фиксированный блок по центру экрана без дополнительной обёртки? Делаю так: nav{ position:fixed; width:100%; height:32px; max-width:1000px; margin:0 auto; top:0;}И оно не работает. А как правильно не соображу.
0 votes2 answers -
Всплывющее окно с таймингом
Добрый всем день! Подскажите, покупатели не хотят читать всплывающее окно на сайте. Может существует приблуда, которая считает время просмотра этого окна? Т.е. вы не дочитали или вообще не прочитали, закрываете окно, а оно вам типа: "ВЫ НЕ ДОЧИТАЛИ ДО КОНЦА..." Спасибо! Окно тут.
0 votes1 answer -
Проверка введенного пароля
Подскажите пожалуйста код, чтобы присутствовала одна строка ввода и кнопка отправить. После клика на кнопку, если введено "page1", то переход на файл page1.html, если "page2", то на файл page2.html и также с page3, page4, page5, а если не введено ничего, то появляется соответствующая надпись.
0 votes1 answer -
Граница кнопок
Сам в стилях не очень, поэтому скопировал с какого то сайта этот с описанием "почти универсальный". Это его кусок. Сайт состоит из фреймов, все фреймы подгружают файл css. Проблема в том что бы в футере используя этот стиль изменить границы кнопок, тоесть подключить внутренний стиль. Кнопка (обычный рефер) на подобии счетчика. Хочу сделать так, что бы небыло отступов от краев фрейма. Подскажите что добавить в сам html футера. p, ul, ol { margin:0; padding:0 0 1.25em 0; } ul, ol { padding:0 0 1.25em 2.5em; } blockquote { margin:1.25em; padding:1.25em 1.25em 0 1.25em; } small { font-size:0.85em; } img { border:0; } sup { position:relative; bottom:0.3em; vertical-align:base…
0 votes0 answers -
IE6 не передает параметры
Добрый вечер. У меня есть форма вида <td><div align="center"><form action="done.php?page=search" method="post"><input type="image" name="category" value="furniture" src="images/furniture.png" width="128" height="128" /></form></div></td> Проблема в том,что ИЕ 6 не передает в скрипт значения при переходе по ссылке.Другие браузеры это делают.В чем проблема ? Вроде в списке популярных багов ИЕ6 этого нету. Спасибо.
0 votes1 answer -
Тянущийся флеш и не тянущийся дизайн
Есть дизайн, ширина 1000. И есть флеш, максимальная ширина 1544 Еще есть карусель, которая тоже должна тянутся на всю. При позиционировании абсолют, появляется колесо прокрутки Как можно обойти эту ширину 1000, если карусель и флеш находится внутри контента?>< Спасибо )
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-