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
-
Проблема с беком в блоке.
Приветствую вас. Ребята, к вам стучусь уже в самом последнем случае. Уже все перепробовал, или с мозгом что-то или черт его знает. В общем, проблема следующая. Есть блок "#head", к нему есть стиль: #head { background: url('k/horizontal.jpg') left repeat-x; width: 100%; height: 134px; margin: -5px 0 0 0; } Стиль этот вместе с множеством других вынесен в отдельный файл. До этого момента пока все нормально. А теперь красота! background: url('k/horizontal.jpg') left repeat-x; - не работает! Все остальное работает (не только для #head, но и для других блоков), а именно это правило - нет! Все перепроверил сотни раз, и пути к изображению и все остальное - все равно лажа. А т…
0 votes17 answers -
Поиск тура онлайн
Необходима реализовать поиск тура по файлу xml, на выходе должно получиться что-то аналогично вот этому http://213.227.193.94:8080/search_tour?DOL...IN_BEG=20110209 Подскажите с чего начать или где копать хоть Заранее спасибо P.S. Для агрессивных, бывалых пользователей форума официально заявляю, я не прошу сделать за меня работу, я прошу дать направления для движения и самообразования.
0 votes16 answers -
Почему Mazila Firefox себя так вед?т?
Почему при нажатии ctrl+F5 вс? съезжает вниз? А при прастом обнавлении (F5) вс? становится на сва? место... ((( Вот ссылка на страницу с глюкам http://podguzniki.su/pochemu_luchshe/
0 votes9 answers -
Проблема верстки с div в IE
На данный момент есть не сколько вопросов. 1. При верстке сайта использовал такой div <!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> {headers} <style type="text/css" media="all">@import url({THEME}/css/style.css);</style> <style type="text/css" media="all">@import url({THEME}/css/engine.css);</style> <script type="text/javascript" src="/engine/classes/tagcloud/swfobject.js"></script> <script language="javascript" type="text/javascript" src="{THEME}/js/dtrotator.js"></script> </…
0 votes24 answers -
Высота таблицы
Собственно подскажите решение проблемы, знаю что она насущная, но так толкового решения и не нашел. Опишу: Черная таблица растягивается по высоте в зависимости от контента. Нужно сделать так чтобы, при увеличении высоты зеленой таблицы (в зависимости от количества текста) еще и синяя таблица растягивалась до самого конца. И наоборот. В зависимости от растягивания синей таблицы, растягивалась и зеленая таблица. Красная и оранжевая таблица имеют фиксированную высоту в пикселях.
0 votes6 answers -
d и w вместе выдает /dw
А что это такое на сайте: сочетание d и w вместе выдает Dimitry Wolotko !?
0 votes7 answers -
фоновый градиент svg в safari
Странность в том, что в safari фоновый svg в некоторых случаях располагается исключительно под текстом, а не на весь объект. При этом в Хроме такой особенности не замечено. Более того, особая странность в том, что один и тот же код различно себя ведёт на домашем сервере и на хостинге. Дома проблемы нет, на хостинге есть. Пример здесь, заголовки в середине контента. В чём дело — не пойму. собственно, как быть, чтобы фон растягивался на весь элемент? background-repeat и background-size уже опробованы.
0 votes12 answers -
Стили, контент с прокруткой в рамке
Во-первых, Большое Спасибо за статьи на этом ресурсе! То, что мне сейчас нужно, очень похоже на "Двухколонный макет с навигацией слева" но, к сожалению, я не очень понимаю как сделать чтобы контент справа в рамке, *не* добавлял ко всей странице вертикальной прокрутки даже если он не умещаяется по высоте страницы. Прокрутка должна быть у самого бокса, в котором контент. Это можно сделать без фреймов? Подозреваю что вопрос примитивный, но вс? равно надеюсь на помощь
0 votes2 answers -
Футер. Как убрать отступ в ИЕ6?
Собственно, верстал страницу, из 2х блоков Основного (container) и Футера (underline_container). Необходимо, чтобы при большом Основном блоке футер лежал под ним и появлялся на странице скролл, а в случае, когда Основной блок меньше высоты экрана, футер прижимался бы к низу экрана. Код, который я написал работает во всех браузерах, кроме ИЕ6, в н?м после футера появляется отступ равный по величине самому футеру. Как его победить? Заранее благодарен всем ответившим. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <link rel="stylesheet" href="style…
0 votes5 answers -
Карта yandex
Поставил Яндекс карту на страницу контактов. В Mozilla, Opera, Chrome карта отображается, в IE6 и IE7 - нет. Сам Яндекс пишет "если отображается серый прямоугольник..." - у меня в IE ничего не отображается. Как быть? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-language" content="ru" /> <meta name="robots" content="index,follow" /> <title>Сантехника Петербург :: Контакты</title> <meta name="keywords" content="ванны акриловые,…
0 votes6 answers -
Рамка с помощью градиента
Всем привет Столкнулся с небольшой проблемой, надеюсь на вашу помощь, т.к сам решения не нашел Требуется сделать рамку вот такого типа с помощью CSS. (Серый узор высотой 5px) На крайний случай можно и фоном просто. Возможно такое сделать? P.S пробовал всякие генераторы градиентов, но что-то через них вообще никак не получилось Плюсану в репу за помощь
0 votes17 answers -
bootstrap число колонок
добрый день как увеличить колонки с 12 до 24 ?
0 votes0 answers -
Прокрутка внутри ячейки
Добрый день. Такая проблема. Есть таблица. Содержимое одной из ячеек прокручивается скролом. Это сделано на JS. Но так как у некоторых JS блокируется, сайт воспроизводится не везде правильно. Как сделать то же самое на CSS? Заранее благодарю.
0 votes5 answers -
Как слить картинку целиком?
Здравствуйте, уважаемые ваятели прекрасного! Поздравляю с наступившим новым годом! Желаю, чтобы муза веб-дизайнера не покидала вас! Прошу помочь мастеров сайтостроения. Хочу скачать с сайта картинку целиком, но на сайте доступен просмотр только частями, при помощи навигатора. Вот ссылка http://international.loc.gov/cgi-bin/map_i...skoi%20gubernii Что-то мне подсказывает, что беда эта не столь большой руки, но тут нужен Мастер. Большое спасибо откликнувшимся!
0 votes8 answers -
Растянуть часть background'а
Проблема такая: есть 3 изображения *.png ,заключены в таблице, одинаковые по ширине, первое и третье необходимо оставить в вверху и внизу соответственно, а среднее необходимо либо растянуть либо продублировать в зависимости от кол-ва контента. Контент также ложится на верхнее и нижние изображения. .ba {position: relative; width: 679px; height: 100%; display:block; } .ba img.first {width: 679px; height: 124px; display:block;} .ba img.second { position: absolute; left: 0px; right: 0px; top: 125px; bottom: 680px; display:block;} .ba img.third {width: 679px; height: 393px; display:block;} .ba div { position: absolute; left: 38px; top: 10px; right: 0px; bottom: 0px; displ…
0 votes23 answers -
По одной ссылки два результата
Имеется файл с двумя фреймами ROWS. Необходимо сделать так, чтобы при нажатии на ссылку в нижнем фрейме произошел переход на другую страницу например на 1.html и одновременно переход на страницу например 2.html в верхем фрейме. Как это организовать не изменяя тега <a> ?
0 votes10 answers -
Как сделать, чтобы
С непрозрачными все ок, а с полупрозрачными нет, хотя вроде суть одна... Only for Chrome!!!! Блок с бордерами и прозрачкой: <!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=windows-1251" /> <title>Создание обвязки бокса из 1 слоя.</title> <style> body {background:red;} .block{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAh0lEQVR4XtXRoQqDUBSH8 euu6T6AiAy2JBbxMQaLC7piFEx7BMEq+ECrvsTKitFiWVhQuH5ZLJ7mH37xgwPHsdZ6SqkeFX…
0 votes3 answers -
Ищу красивое решение
Здравствуйте. Пришёл за советом о том, как лучше сверстать часть стандартного макета. <body> <div class="wrapper"> <div class="header"></div> <div class="menu">здесь меню, которое на картинке</div> <div class="content"></div> </div> <div class="footer"></div> </body> Приводить весь CSS-код самого макета смысла не вижу, единственное, что хочу уточнить это: .wrapper { margin: 0 auto; width: 100%; } .header, .content, .footer { margin: 0 auto; width: 991px; } А дальше, нужно оптимальное решение, которое решит данную задача, в соответствии с картинкой. С минимальным количеством CSS- и HTML-ко…
0 votes10 answers -
Красивый checkbox
Решила выпендриться и украсить форму, а в частности checkbox и кнопки. Взяла плагин (http://www.ruseller.com/lessons.php?rub=28&id=339) и прикрутила. Вот что получилось http://linker.nichost.ru/ Все отлично, вот только в FF checkbox нажимается только когда щелкаешь в верхней части, на нижнюю часть checkbox'a он даже не реагирует. В Chrom такой проблемы нет, например. Значит это заморочка FF, вот только что ему не нравится - я понять не могу И как отловить ошибку, тоже. Помогите, пожалуйста! Хоть намекните где копать.
0 votes3 answers -
disabled не дает пройти валидацию
у меня на страничке есть такая строчка <link rel="alternate stylesheet" type="text/css" media="screen,projection" href="../print.css" title="printview" disabled /> и валидатор (xhtml strict) пишет как-нибудь можно это исправить? disabled нужен для корректного включения/выключения стилей в ие на странице я использую прием описанный тут - http://cssing.org.ua/2007/04/07/print-vers...ith-javascript/
0 votes4 answers -
Проблема с вёрсткой
Здравствуйте. Делаю свою первую вёрстку на дивах+ таблицы.. в дримвевире. в редакторе всё смотрится как положено, а в браузере не порядок... в лисе футер не уходит в низ, в ИЕ7 вообще нижняя прокрутка появилась и бекграунт загружается как будто картинка на 10 мегабайт частями с верху в низ. хотя картинка заливки всего 1х2 пикселя. я понимаю что где-то накосячил, но ума не приложу где именно. Вот код CSS html,body{ height:100%; margin:0px; padding: 0px; background:url(images/vipseo_01.gif); } #logo { width:371px; height:309px; position:absolute; top:0px; left:0px; background:url(images/logo.png) no-repeat; } #menu { width:400px; height:78px; position:absolute; top:0…
0 votes7 answers -
Помогите. В IE 6 стиль показывается по-другому.
Есть такой стиль, прописанный в файле css .list3 li a { background:url(images/bull-1.gif) no-repeat left 6px; padding:0 0 0 13px; text-decoration:none; display:block;} Во всех браузерах показывается норм, а в IE6 - лишний отступ между буллитом и текстом. Как исправить? Как пользоваться конструкцией: <!--[if lte IE 6]--> Пожалуйста, подскажите, кто с таким сталкивался.
0 votes24 answers -
Лучшие текстовые редакторы с подсветкой синтаксиса
Привет всем, хочу спросить у гуру и новичков, каким текстовым редактором с подсветкой синтаксиса большого количества языков программирования и разметки вы пользуетесь? Я начинал с Dreamweaver но после работы с порядка 10 сайтов, он мне показался очень тяжелым. Совместно с ним я пользовался Notepad++ но наверно из за своей бесплатности он не предлагает автопродление кода, что влияет на быстроту написание. В данный момент сижу на CodeLobster, и на момент написания поста меня он удовлетворяет. В нем есть Emmet и Less! Может кто поделится своим опытом с данными или другими редакторами? P.S. Не нашел раздела для данной темы и поместил сюда. Админы сделайте пожалуйста раздел "П…
0 votes11 answers -
Всплывающая подсказка не работает в ИЕ6
Собственно проблема понятная, код тоже прост. Дело в том, что в ИЕ6 не работает всплывающая подсказка, а точнее при наведении на синий блок, который является ссылкой, её span (который является всплывающей подсказкой), не появляется. Вопрос: Почему не работает в ИЕ6??? http://psywalker.ru/Forum/VsplivPodskazka/main.html
0 votes14 answers -
В каком случае рационально использовать expression или другие ухищрения для релизации min-width для ie6
Вот такой случай не знаю стоит ли заморачиватся и делать полностью кроссбраузерно как положено. Посмотрев некоторые работы по верстке увидел что некоторые забивают на него. Может и правильно фиг его знает, я не знаю какой их проф уровень может они только учатся как и я. Хотелось бы услышать мнение более опытных или продвинутых верстальщиков. В чем суть. Рассматриваеться только ie6. Есть футер div 100% шириной. В нем есть бекграунд. Синего цвета. Все остальное на сайте имеет фиксированную ширину 998px. Когда происходит ресайз окна футер ведет себя нормально до появления скрола. В скрине видно когда размер окна около 1024px; Далее продолжая ресайз до появления …
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-