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
-
фон на всю ширину для footer`a заданной ширины в 3х колоночном дизайне
фон на всю ширину для footer`a заданной ширины в 3х колоночном дизайне. Верстаю макет 3х колоночного. Нужно что бу у футера был растягивающий фон. Я сделал так: <body> <div wraper> ... <div footer></div> </div> <div footerstyle></div> То-есть под основным телом страницы создал дополнительный слой, в css написал: #footer { height: 100%; width:100%; background: #326ca6; } #footerstyle { background: #326ca6; width:100%; height: 100px; position: relative; margin-top: -100px; } ps. Для css footer высота изначально 100px В итоге фон залазеет куда надо, но конечно поверх контента футера)Конечно можно установить разные z индекс…
0 votes3 answers -
span и иконка
http://getbootstrap.com/css/#helper-classes-carets <span class="caret"></span>Как сделать так(css), чтоб приведенная конструкция выводила иконку или картинко? (ручками, без фреймворков)
0 votes1 answer -
Reset (прислал верстальщик)
reset.css - прислал верстальщик. Я обычно просто, чтобы не париться, прописываю * {margin:0; padding:0;} Будет ли удобнее и правильнее с таким reset? /* ========== Reset list ========= */ body {margin:0;padding:0;} img {border:0;} :focus {outline: 0;} a {outline:none;} /* ————————-- */ /* Headers all reset */ h1, h2, h3, h4, h5, h6 {margin:0;padding:0;} /* ————————-- */ /* List reset */ ul, ol, li {margin:0;padding:0;list-style: none;} /* ————————— */ /* Definition list (if use) */ dl, dt, dd {margin:0;padding:0;} /* ————————— */ /* Tables (if use) */ table {border-collapse:collapse;border-spacing: 0;} /* ======= End of main list reset ========= */ …
0 votes27 answers -
Мозила и Эксплоэр
столкнулась с проблемкой. в мозиле моя страничка с зафиксированными по окружности кнопочками нормально работает. в эксплоэре же фон нарезается, а кнопочки выворачиваются в другую сторону...никто не подскажет, может что-то прописать надо?
0 votes9 answers -
Как открыть ссылку в новой вкладке в IE
Как в IE открыть ссылку в новой вкладке? (а то при использовании target="_blank" этот продукт жизнедеятельности Мелкомягких, запускает свою копию)
0 votes5 answers -
Как сделать отступ между Li:before и текстом
https://codepen.io/nikki4/pen/BGLNOQ Как в указанном примере расположить слово "текст1" по длинный?
0 votes2 answers -
Почему в Мозиле не отображает шапку?
Почему в Мозиле не отображает шапку? И не корректно отображается шаблон.тут
0 votes6 answers -
Где взять шаблон сайта?
Дорогие, форумачане! Скажите где можно взять шаблон для сайта, с уже нарезанными картинками, просто в Photoshop не очень хорошо работаю....
0 votes16 answers -
Растягивание меню на всю ширину блока
Всем доброе субботнее утро! Столкнулся с проблемой, нужно сделать такое: Код: <div class="letters"> <ul class="alphavit"> <li><a href=/directory/index/%D0%90>А</a></li> <li><a href=/directory/index/%D0%91>Б</a></li> <li><a href=/directory/index/%D0%92>В</a></li> <li><a href=/directory/index/%D0%93>Г</a></li> <li><a href=/directory/index/%D0%94>Д</a></li> <li><a href=/directory/index/%D0%96>Ж</a></li> <li><a href=/directory/index/%D0%97>З</a></li> <li><a href=/directory/index/%…
0 votes1 answer -
Как сделать чтобы header и навигация прокручивались вместе со странице страница они должны быть в зоне видимости ?
Как сделать на сайте http://wedding-art.dp.ua/ чтобы header и навигация прокручивались вместе со страницей они должны быть в зоне видимости ? Помогите пожалуйста,ставил position:fixed но элементы которые под ними вставали на их место.
0 votes6 answers -
960gs
Скажите , а как работать с сеткой 960 гс v HTML в как ее туда впихнуть.
0 votes10 answers -
Вертикальное меню с выпадающим списком
Здравствуйте! Делаю вертикальное меню с выпадающим списком. HTML: <div class="menu"> <ul> <li><a href="#" class="active_page">Первый пункт</a></li> <li><a href="#">Второй пункт</a></li> <li><a href="#">Третий пункт</a></li> <li><a href="#">Четвертый пункт</a></li> </ul> </div> CSS: .menu ul { margin: 0; padding: 0; width:133px; list-style-type: none; } .menu ul li a { text-decoration: none; color: #A08A50; padding: 3px 5px; background-color: white; display:block; } .menu ul li a:visited { co…
0 votes4 answers -
XMLHttpRequest не работает в chrome
Привет. Проблема в следующем. Есть одна страничка, на которой две вкладки, на второй вкладке исполняется js. В firefox'e все как надо, запускаю localhost и на какой-бы вкладке изначально я не оказался, анимация svg (js выполняет) работает, после перехода с 2ой вкладки на первую и обратно, анимация также работает. Что происходит в Хроме: Если я запускаю страницу (перезапускаю) и оказываюсь на второй вкладке, то анимация есть, стоит перейти с 2ой вкладки на 1ю и обратно, анимация пропадает. Суть в том, что в хроме при любом переходе между вкладками js перестает работать, либо проблема в XMLHttpRequest. Привожу js код, который исполняется на второй вкладке: var svgDoc; v…
0 votes3 answers -
в IE появился отступ таблицы справа
На странице есть главная таблица, состоящая из трех колонок. В левой ячейке стоит выравнивание влево, в ячейке - таблица, у которой тоже включено выравнивание влево. В средней ячейке стоит выравнивание по центру, в ячейке - таблица, у которой тоже включено выравнивание по центру. В правой ячейке стоит выравнивание вправо, в ячейке - таблица, у которой тоже включено выравнивание вправо. В Опере и Лисе все отображается правильно, в IE в правой ячейке у таблицы появился отступ справа около 20 пикселей. Откуда он взялся и как его убрать? Пожалуйста, подскажите..
0 votes7 answers -
лишний пробел после ссылки как исправить ?
Если html код выглядит так : <a href="#" >один</a> <a href="#">два</a> <a href="#">три</a> после ссылок появляется пробел. Если так: <a href="#" >один</a><a href="#">два</a> <a href="#">три</a> пробела нет - как это исправить, plz
0 votes9 answers -
Как сделать, чтобы при появлении вертикальной прокрутки, divы не выходили за правый край контейнера?
DEMO Когда содержимое не помещается в overflow: auto, то элементы внутри прокрутки выходят за свой контейнер появляется горизонтальная прокрутка (Смотри загруженное изображение) Не понимаю, как сделать, чтобы блок overflow: scroll становился такой ширины, как и элементы внутри (расширялся), а не появлялась горизонтальная прокрутка.
0 votes8 answers -
Расположение блоков рядами
Здравствуйте! У меня такая ситуация. Вот, нарисовал недавно дизайн сайта: Ну и, соответственно, нужно сверстать. Поскольку я дизайнер, то верстаю не слишком часто и до этого в основном, по старинке, верстал таблицами. Сейчас же решил, что это совсем уж прошлый век, поэтому сверстал все дивами и цсс. Вот такой код получился в первоначальном варианте: сам сайт: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Магазин спайса</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/…
0 votes11 answers -
Выравнивание меню из списка. Как?
Доброе время суток. Сделал горизонтальное меню из списка. Помогите разобраться с выравниванием. Ширина фоновой картинки 1000px, высота 30px. Надо текст выровнять по горизонтале по центру и по вертикале центру. Как? CSS .menu{ margin: 0; padding: 0; float: left; font: bold 15px Georgia; width: 100%; background-image:url(images/bg_navbar.gif); /* фоновая картинка 1000Х30px*/ } .menu li{ display: inline; } .menu li a{ float: left; color: #000; padding: 5px 15px; text-decoration: none; } .menu li a:visited{ color: #000; } .menu li a:hover, .menu li .current{ color: #FFC; } HTML <ul class="menu"> <li><a href="#" title="" class="current"&…
0 votes3 answers -
Перекрытие двух css стилей
Ребята, есть вопрос, помогите, плиз. Есть горизонтальное выпадающее css меню. Оно написано исключительно на css. И есть анимарованная кнопка, тоже на css. На одной из страниц у меня одна из подобных кнопок находится под выпадающим меню достаточно близко и когда в выпадающем меню наводишь курсор на пункт меню, который пересекается с кнопкой, которая под ним, то начинает срабатывать кнопка, а не продолжает работать меню. Подскажите, как мне сделать так, чтобы меню навигационное всегда работало, независимо от того, на какие элементы она налезает. Заранее благодарен.
0 votes5 answers -
Две проблемы с тач-устройствами
Здравствуйте, коллеги! Столкнулся с двумя проблемами при тестировании верстки на ipad'е, прошу совета. 1. Допустим, на странице есть картинка-ссылка и скрытый блок с position:absolute, который в видимом состоянии перекрывает эту картинку-ссылку. При тапе на некий триггер блок становится видимым, при тапе на самом блоке он прячется. И вот когда происходит касание блока, открытого над картинкой-ссылкой, то не только блок прячется, но и ссылка активизируется, т.е. происходит переход по ссылке. Как побороть такое поведение? 2. Эта проблема совсем мистическая. Есть классическое выпадающее горизонтальное меню на ховерах. На ipad'е была проблема с однозначностью работы (нужно, ч…
0 votes5 answers -
Изменение стиля стороннего скрипта
Добрый день, уважаемые программисты! Буду очень признательна за совет. Подскажите, пожалуйста, как решить след. проблему: На сайт тур. компании подключается сторонний скрипт подбора тура по параметрам, вызывается так: <script type="text/javascript" src="http://www.aaa.ru/public/index/js/aaa_api.js""> </script> <script type="text/javascript"> selector(); </script> <div id="aaa_content"></div> Есть ссылка на файл стилей,где можно получить текст файла стилей : http://www.aaa.ru/public/index/css/ovr-search.css Т.к. не подходит цветовая гамма результата работы скрипта цветовой гамме сайта, необходимо изменить стили получаемого результата…
0 votes16 answers -
Position fixed на мобильных
Все привет! Подскажите знающие люди столкнулся с таким багом при верстке адаптивной версии сайта, Значит есть мобильное меню при нажатии на определенный блок выплывает блок с свойством position:fixed; и в этом блоке уже навигация по сайту. На десктопе все ок работает, баг идет именно на мобильном, когда открываешь сайт с телефона и открываешь моб меню, так как стоит свойство position:fixed, то есть скролл и если начинаешь скроллить, обычно сначала вниз, после чего на моб браузере соотвественно появляется адресная строка браузера, но при обратном скролле т.е вверх, адресная строка как положено пропадает и остается место от нее на несколько долей секунд, кто сталки…
0 votes0 answers -
li ul как изменить маркер для всего сайта CSS
Нужно заменить маркер на изображение во всех списках.
0 votes6 answers -
Ссылка с флешролика на другую страницу
Люди, подскажите, пожалуйста, что нужно сделать чтобы ссылка с флеш ролика заработала вот с этого - http://www.cbskiev.ru/news/gogolinfo.php , подскажите что я делаю не так
0 votes19 answers -
Drupal+Smarty: настройка профиля пользователя
Добрый день! Мне необходимо кастомизировать страницу пользователя (например, www.example.net/user/20). Знаю как решить данную задачу, если вместо Smarty используется PHPTemplate. А в указанной связке - кто-нибудь сталкивался с этой проблемой? Помогите, пожалуйста
0 votes7 answers