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
-
Фон
Нужно разместить за div(шапка) блоком другой div(градиентный фон) и так что бы он не сдвигал другие блоки. Как сделать? Пробовал через postion и z-index в итоге ничего не вышло. crystalsite.tw1.ru
0 votes4 answers -
нижнее закругление навигации немного обрезано
не могу понять в чем дело ,нижнее закругление навигации немного обрезано.Может подскажете в чем дело? HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <link href="css/style.css" media="screen" rel="stylesheet" type="text/css" /> <!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" type="text/css" /><![endif]--> <!--[if IE 8]><link href="css/ie8.css" rel="stylesheet" type="text/css" /><![endif]--> <!--[if IE 9]><link href="css/ie9.css" rel="stylesheet" type="text/css" /><![endif]--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/j…
0 votes1 answer -
fixed и float
Подскажите как использовать вместе position fixed; и float: right; ? position игнорирует обтикание float. По разному уже пробывал но ничего не получается. вот html и css <style> #cart { float: right; background-color: #67E667; width: 0px; overflow:hidden; } .wrap_inner { border:1px solid; width:200px; } #fx {position: relative;} #btn { float: right; } </style> <div id="fx"> <div id="cart"> <div class="wrap_inner"> <div id="text2"> текст </div> </div> </div> <a id="btn" href="#">Корзина</a> </div>
0 votes1 answer -
Растягивание блока.
Есть три блока (div) с display: inline-block, левый и правый нефиксированной ширины (выравниваются по их содержимому), а средний должен растягиваться от левого до правого блока. Если ставить width: 100%, то блок растягивается вообще на всю страницу, выталкивая при этом блоки вверх и вниз, width: auto ничего не делает. Можно, и даже лучше было бы сделать эти блоки float (чтобы не было отступов между блоками), но опять же всё выталкивается при width: 100%.
0 votes4 answers -
как сделать меню шире
Подскажите, как тут в верхнем меню сделать его подпункты шире, например Гадания-Гадания на Рождество (уже не влазит по ширине)
0 votes1 answer -
Футер
Привет всем. Помогите, пожалуйста, привязать футер ко всему, что выше. Нужно, что бы футер был соединен с лежащим выше блоком, но левая часть рисунка на футере, на этот лежащий выше блок, наезжала. И что бы правый сайдбар касался футера. Вот сайт: http://morda77.ts6.ru/ Кто сможет помочь, пишите, вышлю ключи по FTP. Спасибо.
0 votes0 answers -
Ширина блока при отсутствии указания значения
http://rubbish.staff-base.com/div-menu.html Не могу понять поведение красных блоков. Если ширина обозначена, как в синем модуле, то поведение предсказуемо и понятно. Во втором (зелёном) модуле, второй красный блок (в Point5) становится шире из-за большего числа подпунктов. Почему так? Спасибо
0 votes6 answers -
Меню вкладками
Здравствуйте. Необходимо сверстать простейшее меню с вкладками. Например, с двумя. Содержимое вкладок - снизу. Нет ни какой проблемы в том чтобы реализовать такое меню как вариант выпадающего меню, но оно "не работает" так как надо. 1) одна из вкладок должна быть открыта по умолчанию. 2) вкладка активируется щелчком мыши и остается активной, до щелчка на следующей вкладке. В общем все стандартно Графических изысков не требуется.
0 votes3 answers -
Див имеет отступ. а не надо
Всем привет. вопрос прост. Доктайп стоит html 5 (бордер добавлен для видимости, без него тоже есть зазор) для DIVа прописан стиль такой #main { margin: 0 auto; width: 1200px; min-height: 1200px; border: solid 2px red; } Проблема: margin: 0 auto; не работает как надо. Сверху и снизу есть зазор. вопрос: а почему? как убрать?
0 votes2 answers -
Выровнить
Здравствуйте дорогие друзья. Подскажите пожалуйста, вот HTML код <!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> <!-- В контакте --> <link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet"> <script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script> <script type="text/javascript" src="http://vk.com/js/api/share.js?11" char…
0 votes1 answer -
Задействовать определённую область
Здравствуйте, столкнулся с проблемой, что есть формочка (рамочка и внутри нужно вывести информацию). Собственно вот скрин, что бы лечге было понять. http://s2.ipicture.ru/uploads/20130721/oBrmVi5G.jpg Я сделал этот блок под MAIN BOX в диве и эта формочка установлена как задинй фон (background). Как мне сделать так, чтоб информация была только в синей области ? padding ? или как-то по другому, либо не в диве делать а ещё как то?
0 votes5 answers -
Непонятное с шрифтом
Вот начал верстать http://texteredsa.besaba.com/ и тут же проблема необычная. посмотрите на цвет текста, на шрифт сам, он сильно отличается от фотошопа http://s020.radikal.ru/i709/1407/10/13ab9edd775f.png все цвета я сверил, шрифты тоже, размеры тоже. от куда такое отличие? может дальтоник)
0 votes5 answers -
Помогите с таблицей
http://pixs.ru/showimage/tablicajpg_4033217_12594669.jpg Подскажите как реализовать табличку. Вопрос заключается в том как выделить строки группами, с незвестным кол-вом строк в группе. На ум приходит только делать каждую группу в <tbody>, а потом через nth-child even/odd выделять... Но может есть более правильное решение???
0 votes5 answers -
Вопрос по diva-м
Есть верстка http://test.velesgodstudio.ru/ Суть проблемы: При уменьшении окна браузера блок контейнер съезжает в лево. Что хочу: Что бы он оставался по центру, и при уменьшении окна браузера, контейнер скрывался, как блок logo Только изучаю, прошу подсказать в какую сторону копать?
0 votes3 answers -
Оформление ссылок
Доброго времени суток всем! Даже не знаю как правильно сформировать вопрос...Имеется вот такая картинка: Эта картинка будет использоваться как фон для пяти ссылок, как надо прописать что бы "не активная" ссылка имела серый элемент картинки, а при наведении картинка менялась бы на цветной элемент? Говорю сразу вариант разрезания картинки не подходит. Заранее спасибо!
0 votes2 answers -
Форма в плавающем div
В Top-Bar на странице есть пунктик меню при наведении на который мышкой всплывает ДИВ с формой авторизации внутри. При перемещении мыши за пределы этого ДИВ форма скрывается. Понятное дело в браузере действует система запоминания значений полей. И если навести мышку на подсказки, появляющиеся под текстовым полем, ДИВ тоже исчезнет. Как можно обойти это? Или лучше решения чтобы форма появлялась по клику на этом пункте и исчезала по клику за пределами ДИВа? В качестве фреймворка использован Zurb Foundation
0 votes1 answer -
Выравнивание div'ов
Привет, друзья! Заинтересовался версткой. Это первая попытка. Возник вопрос с позиционированием трех div в одну строку. Пробовал разные варианты Display, не помогает. Float: left частично решает проблему, но работает не во всех браузерах. Собственно, сайт. Вот ccs код. Помогите, пожалуйста! * { margin: 0; padding: 0;}@font-face { font-family: seqoe_wp_light; src: url(Font/SegoeWP-Light.ttf); font-family: seqoe_wp_regular; src: url(Font/SegoeWP.ttf);}body {}.container { margin: 0 auto; width: 1249px; height: 1499px;}header { height: 89px; padding-left: 141px;}.logo { font-family: seqoe_wp_light; font-size: 42px; background: url(images/logo.png) no-repeat; background-posit…
0 votes4 answers -
Верстка фона
Добрый день. Подскажите как верстать такие фоны? Это все целая картинка
0 votes3 answers -
Доставка шрифтов
Вопрос к олдам. Каким образом доставлялись шрифты посетителям в те времена, когда применялся тег font? Или в атрибуте face указывались только безопасные шрифты?
0 votes2 answers -
Фоновое открытие сайта
Здравствуйте. Мне нужна ваша помощь. Какой код или скрипт нужно прикрепить к сайту, чтобы при его открытии открывался второй сайт, как например при нажатии кнопки закрыть на ПОП-ап системах. Заранее спасибо.
0 votes3 answers -
Панели
Объясните пжлст как делаются панели. Увидел-понравилось, тож такую хачю. Вот пример — каталог, статьи, оформление контента в серой рамочке. Как это делается? http://www.mattras.ru
0 votes1 answer -
IE7 и танец с бубнами
Доброго времени суток. http://beavers-net.narod.ru/primers/av_trouble.html Есть такая вот страничка.. <meta http-equiv="X-UA-Compatible" content="IE=7" /> так что открывать можно любым осликом gte 7. IE как-то странно себя очень ведет..Он считает, что .wslide .tslide, .wslide .rslide{display:block;} - совершенно другая вещь, нежели .wslide .tslide{ display:none; } .wslide:hover .tslide{ display: block } Всмысле, разнится положение этих блоков при ховере. Баннеры янды тут ни при чем - гонял на локалке, прежде чем выложить. Буду счастлив любой идее по поводу сорта травы для несчастного ослика.. С уважением, Олег.
0 votes2 answers -
При увеличении правого столбца, подвал не падает
Вот код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:vml="urn:schemas-microsoft-com:vml"> <!-- Для Яедекс карты --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <META name="description" content="<? echo $p_n_s[description][1]; ?>"> <META name="keywords" content="<? echo $p_n_s[keywords][1]; ?>"> <title><? echo $p_n_s[title][1]; ?></title> <link rel="stylesheet" type="text/css" href="sostav/style.css" /> <link rel="shortcut icon" href="glavdising/favicon.ico" /&g…
0 votes2 answers -
Оформление цитат
Нужно левую кавычку поднять чуть выше. Если задаю картинке отрицательный отступ, то ничего хорошего не выходит. Добавить сверху padding (по аналогии с закрывающей кавычкой) не дает результата - картинка пропадает за контент боксом. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> blockquote{ width:400px; padding:0 20px 0 0; text-indent:-16px; background:#ebebeb url(right_quotes.png) no-repeat 100% 100%; } blockquote:first-letter{ padding-left:16px; background:url(left_quotes.png) no-repeat 0 -5px; } </style> </head> <body> <blockquote>Главная идея книг…
0 votes5 answers -
Выравнивание по центру нескольких div
Добрый день, мастера. Решение своей проблемы я не смог найти поиском. Есть каталог в виде картинок. Каждая картинка обрамлена своим div, который имеет float: left. В результате имеем вывод картинок в виде матрицы с переменным количеством столбцов, зависящим от ширины браузера. Проблема в том, что выводимая матрица получается прижата к левому краю. Очень хочется, чтобы она была по середине. Все находимые в сети приемы выравнивают по середине только один div, в результате матрица превращается в одинокий столбец, но по центру. Нужно же, чтобы по центру была вся матрица. Спасибо.
0 votes3 answers