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
-
Связанные ссылки.
Здравствуйте. У меня есть один важный вопрос. Как можно связать 2 ссылки? Что имееться ввиду. В шапке сайта есть несколько моделей автомобилей, которые кликабельны - ведут на страницу с описанием (изображения) - каждая модель в блоке DIV. Также есть горизонтальное меню с названием этих моделей (список). Изображение не получится поместить в список (по дизайну) Как сделать, чтобы при наведении мышки на модель автомобиля подсвечивалось соответствующий пункт меню? Буду очень благодарен за совет (помощь)
0 votes17 answers -
Слайдер
Привет всем , хочу обратится за помощью народ подскажите пожалуйста как можно сделать вот такой вот слайдер тоесть такая черненькая горизонтальная полоса прокрутки , и во время нажатия на картинку , она увеличивает свой размер. с jquery я не знаком , занимаюсь только внедрением уже готовых javascript в вёрстку. Очень надеюсь на вашу помощь Спасибо заранее.
0 votes10 answers -
FancyBox, съзжает контент
Здравствуйте уважаемые гуру. Опыт в вёрстке имею минимальный, профиль не мой, однако возникла необходимость сделать один сайт. Сайт имеет фиксированный размер и центрируется как по горизонтали так и по вертикали. Имеется необходимость в галерее, остановился на FancyBox (к слову в LightBox проблема аналогичная). Суть в том, что при клике на картинке из галереи сбивается центрирование по горизонтали всего контента кроме этой самой картинки. После закрытия окошка галереи, сайт остаётся в таком-же положении. Проблема замечена во всех браузерах кроме Оперы и (невероятно!) IE. Изначальный вид: Клик по картинке (всё уехало): После: Заметил одну особенность: в стиле fancybo…
0 votes4 answers -
Резиновый макет, скрывающиеся поля по бокам.
Возникла задача сделать следующее. Резиновый макет. Минималка 1000px. Максималка - не ограничена. Необходимо каким-то образом по бокам контентного блока (синий) сделать поля по 50px (черные), которые при ширине окна 1000 будут обрезаться - прятаться за пределами экрана. Это необходимо для того, чтобы убрать горизонтальную прокрутку при разрешении 1024. При увеличении ширины окна поля должны вылезать из-за его границ до общей ширины 1100px, затем уже должна начать тянуться контентная часть. Единственное, до чего пока додумался - это через link ... media="screen and..." подключать еще одну таблицу стилей для большой ширины, но этот вариант решения не устраивает из-за резких…
0 votes7 answers -
"Прыгает экран", пустота над заголоком скачет
Даже не понял как правильно описать проблему)). Все страницы одинаковые: <body><div class="block-desk"> <div class="block1x1 orangeblock"></div> <div class="clearblock"></div> </div> <div class="content-desk"> <div class="clearblock"></div> </div> <footer>footer</footer> </body>Основные стили: html, body {height: 100%;font-family: 'Monospace';font-size:14px;text-indent:0;}body {width: 960px;max-width: 960px;background:rgb(65, 64, 66);margin: 0 auto;background: url(../img/greybg.png);}.block-desk {width: 960px;margin: 0;margin-top: 30px;position: relative;background: ur…
0 votes4 answers -
ширина и выравнивание блоков
Друзья, такая проблема. вот что нужно сверстаь http://hostingkartinok.com/show-image.php?id=4553b6ca9117d89ab51e00d4eacc71a1 каждый блок шириной 484px, но межу ними есть белый отступ. вот тут и проблема. я конечно могу добавить класс каждому первому блоку в строке и дать отступ. но ведь его будут вешать на cms, а их может быть 5 или 7, 12 как сделать это правильно? http://texteredsa.besaba.com/bondarchuk/
0 votes9 answers -
Как сделать картинку в теге body во всю ширину ?
Как сделать картинку в теге body во всю ширину ? я делаю таким образом с помощью этой картинки http://image.prntscr.com/image/42ef47dca6414e318a404e3b1de2029c.jpg body{background: url('') repeat-x left top;} Вот что получилось http://image.prntscr.com/image/e4474289aea44821995d7762c7b2d1e1.png Но как сделать то же самое только с помощью этой картинки http://image.prntscr.com/image/0cc939f529fc4dcb8842166dc33f36f3.jpg И результат был такой же как тот что выше указан (только зеленый цвет)
0 votes8 answers -
Как сверстать данный макет
Здравствуйте. Как лучше сверстать данный макет? Для кругов использовать border-radius, но тогда будет ведь проблема в старых браузерах? Как позиционировать круги и центральный блок со скругленными краями? Как сделать линии, соединяющие блоки?
0 votes4 answers -
Отмена стандартной обработки CSS
Есть меню на базе Div с использованием .hover однако после однократного посещения элемента DIV при последующих наведениях курсора на элемент он перестает обрабатываться .hover как сделать, чтобы браузер не ставил на элемент признак .visited (о котором его (браузер) собственно никто не просил) или восстановить значение элемента как unvisited ?
0 votes5 answers -
Фиолетовый цвет вместо черного в IE 8
В IE8 заданный в CSS черный цвет имеет фиолетово-желтый оттенок, хотя в Fx отображается черным. Как убрать непонятный оттенок?
0 votes3 answers -
width и heigh для img
По началу страдал этим, постоянно width и heigh ставил, а потом так подумал, что оно мне даёт? да только лишний код. С отключенными картинками не все браузеры место по указанным размерам оставляют. И перестал. Но сейчас эта тема для меня неожиданно поднялась. В общем, господа, разъясните пожалуйста в каких случаях обязательно нужно указывать размеры и для чего?
0 votes6 answers -
Слэш после login в адресе http://www.tumblr.com/login
Здравствуйте. Быть может, данный вопрос является весьма глупым, но меня он волнует давно. Вот есть страница http://www.tumblr.com/login, в данном случае после 'login' не стоит слэш, но у меня, когда я создаю на своем сайте точно такую же страницу, появляется слэш (например, http://domen.ru/login/'>http://domen.ru/login/ — стоит слэш после 'login'). Вопрос: с чем это может быть связано, это из-за настройки сервера? В принципе, что я хочу: мне нужно, чтобы после адреса http://domen.ru/login не стоял слэш, т.е. не хочу, чтобы было в таком виде: http://domen.ru/login/. Как это можно сделать? Просто порой некрасиво так выглядят адреса. P.S. Если что-то не понятно, не кидайт…
0 votes2 answers -
подключение семейства myriad
здравствуйте. вот снова дизайнер натыкал мириадовских шрифтов и в этот раз смотрю заказчика отговорить не удастся (. скинули папку со всеми мириад в .otf. но белка ругается на меня что шрифт мол коммерческий. говорят что можно переконвертить в ttf тогда мол белка схавает или менять название файла - оба способа не помогли. пробовал тут - вроде все делает только в результате демо файл даже в ие9 не пашет ((( вот прикладываю то что выдает font2web буду рад любой помощи - заранее спасибо
0 votes3 answers -
Display: none;
Часто встречал в примерах, как кто-то делая выпадающие подпункты меню или целый текст скрывал их свойством display: none;, а потом через псевдоклассы выводил по наведению курсора на объект или клику. Я и сам так стал делать. В книге Эрика Мейра где-то упоминалось, что значение none свойства дисплей используется только в одном случае(!) От сюда вопросы. Семантически это верно? Как относятся поисковики к индексации подобных структур? Хороший ли это тон, может лучше z-index?
0 votes5 answers -
Учусь верстать спрайтами
Сделал блок с социальными кнопками. Правильно ли я сверстал спрайтами? Или это говнокод? http://jsfiddle.net/9LsUQ/ Никакие посты про спрайты не читал, просто знаю про их существование.
0 votes11 answers -
Язык
Здравствуйте, скажите пожалуйста почему когда я написала этот тег : <li><a href="#">Title</a></li> <li><a href="#">Title</a></li> <li><a href="#">папа</a></li> <li><a href="#">Title</a></li> <li><a href="#">Маша</a></li> у меня получилось вот что Title Title папа Title Маша, я не понимаю в чем проблема скажите пожалуйста, а то дальнейшее обучение и создание сайта не имеют смысла... • Ответить •
0 votes3 answers -
вынос стрелочек слайдера
подскажите пожалуйста как решить проблему на страничке в блоке .design при большой ширине экрана стрелки слайдера вынесены за пределы слайдера. при этом появляется нижний скролл. если его двинуть вправо, то совсем жуткие вещи происходят. можно ли избавиться от этого скролла? или как вообще поступают в подобных ситуациях? ТЗ такое, что на большой ширине экрана эти стрелочки должны быть вне слайдера
0 votes6 answers -
Не получается сделать такой эффект
На этом сайте где Jack&Jones при наведении кнопка "наливается" чёрным. Моя реализация (копирование) оставило желать лучшего: см. "Любят Вас или Ваши деньги"... Помогите пожалуйста, сложные эффекты для меня тёмный лес)
0 votes4 answers -
del
del
0 votes0 answers -
Сдвигается вёрстка при длинном названии и описании
Делаю страницу, где будут отображаться записи три в ряд. Картинки должны быть вровень стоять как-будто это табличная верстка. Вот как должно быть: а вместо этого я получаю: Как это можно исправить? Я специально выбрала размещение записей, через div контейнер, чтобы можно было потом быстро подогнать сайт под мобильные устройства. Вот мои исходники: site.rar
0 votes6 answers -
как считаете почему font-family в h1 и р2 разные ?
вот сайт http://www.arbitr-hmao.ru/ видите шрифты разные... где-то arial а где-то times а как сделать единообразно в CSS не пойму... ткните пальцем плиз /**** author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url] ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "Trebuchet MS"; } h1{ margin-top:7px; color:#133766; font-size:14px !important; } h2{ margin-top:7px; color:#133766; font-size:14px !important; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; } .main { float : left; width : 100%; margin …
0 votes3 answers -
Замена кода в нескольких файлах
Как изменить html код сразу на нескольких страницах в папке и подпапках? Notepad++ делает это, но он может заменить только то, что было в одну строку, типа <tr><td></td></tr> а мне надо заменить кусок кода формата <tr> <td> </td> </tr> Как это сделать? з.ы. посоветовали прогу Replace Text, но я не понимаю, как с ней работать. Если кто знает, объясните плз "на пальцах"
0 votes1 answer -
Таблица по всей высоте body
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>123</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <table style="height:100%; width:100%; background:yellow;"> <tr> <td style="height:200px;">123</td> </tr> <tr> <td> <div> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> …
0 votes10 answers -
DOCTYPE html 5
Вот и настало у меня время перейти на html5, первый вопрос который всегда мучил это DOCTYPE. Слышала что новые теги поддерживают не все браузеры, а новый DOCTYPE все? Можно ли всегда теперь делать такую запись: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <p>123</p> </body> </html> Вместо такой: <!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>123</title> </head>…
0 votes5 answers -
Не разворачивается youtube ролик на сайте
Вставляю в контенте страницы ролик строкой <p><embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.youtube.com/v/f_Y2oFbTrR8%26hl=en%26fs=1%26rel=0%26ap=%2526fmt=18" width="425" height="344"></embed></p> Параметр есть разрешения разворачивания ролика на весь экран, но кликая "fool screen" развернуть ничего не происходит. Проверял на разных ПК. Может кто сталкивался? Есть решение?
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-