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
-
Как Убрать Свободное Пространство Между Таблицей И Окном Браузера?
Подскажите, пожалуйста, как убрать свободное пространство между таблицей и окном браузера? Заданы параметры: width=100%, height=100%. Возможно ли это сделать?
0 votes6 answers -
газетная (журнальная) верстка
подскажите как можно реализовать отображения основного материала на странице в 2 колонки, как в журалах?
0 votes8 answers -
Как растянуть div по высоте родительского элемента?
Всем привет! Собственно, у меня есть три колонки, две с фиксированной шириной по краям и одна в центре занимает все остальное пространство. Div#center служит для того, чтобы сделать границы между боковыми колонками и центральной. В нем находится заголовок и еще один div.content с границей по краям, при чем у заголовка границ быть не должно. Границы div.content соединяются с картинкой в td#content_footer, но только когда центральная колонка больше по длине, чем две соседние. Подскажите, как можно сделать так чтобы границы div.center примыкали к картинке в td#content_footer. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/…
0 votes3 answers -
Необычное оформление ссылки
Как оформить так ссылку, т.е. ссылки единый стиль дивом, а внутри два разных цвета?
0 votes24 answers -
выравнивание изображения в ячейке
добрый день. подскажите, пожалуйста. есть таблица, с ячейками 200х200 пикселей. в каждой ячейке должна быть картинка, с высотой 200 и разной шириной. ячейка при этом должна сохранять ширину 200. короче надо чтоб в ячейке отображались только 200 пикселей из середины картинки. т.е. чтоб картинка выходила за края ячейки. в общем выглядеть должно так: http://500px.com/Senecarus
0 votes7 answers -
выстроить li в два столбика
здравствуйте. подскажите, пожалуйста, как можно вот на этой картинке сделать список в два столбика: вот его код (li я сократила немного, чтобы вас не утомлять): <div class="za-post-inner"> <h2 class="za-postheader"> <div class="za-postcontent"> <div class="za-article"> <div id="article-index"> <h3>Article Index</h3> <ul> <li> <li> <li> <li> <li> <li> </ul> </div> </div> <div class="za-article"> </div> <div class="cleared"></div> <div class="za-postfootericons za-metadata-icons"> </div> <div class="cleared"></div> что нуж…
0 votes7 answers -
Прыгает текст при наведении
сверстал меню из иконок и текста и выделил это все добро borderом при наведении. когда наводишь на картинку текст прыгает как сделать так чтобы он не прыгал. вот здесь можно посмореть ->http://test19.testilpi.ru меню там где краны и т.п...
0 votes8 answers -
Выравнивание картинок с помощью Float:left и float:right
Здравствуйте, есть код <html> <body> <style type=text/css> .box{ border:1px solid red; height:50px; width:100%; } .box IMG { float:right; width:50px; height:50px; border:1px solid black; } </style> <div class=box><img src="url"></div> </body> </html> Почему картинка не вплотную прилегает к правому краю? или это из-за того что у меня IE 6.0 ? Как обойти эту проблему, и как вообще выравнивать картинки по правому или левому краю?
0 votes5 answers -
Позиционирование маркеров в списках
Есть допустим вот такой вот код: <style type="stylesheet"> ul { list-style-type: outside; } </style> <ul> <li>one<br/>gg</li> <li>two</li> </ul> как можно маркеры подвинуть правее - ближе к тексту?
0 votes3 answers -
вопос с DIV
Камрады, помогите пожалста нужно сделать вотк акую штуку. есть два дива с содержанием. Они в позиции float:left от дуг дуга находятся в в ТД-эшке где ещо куча вещей разных между ними есть расстояние необходимо сделать это расстояние такого же цвета как они Но выделять их в отдельную ДТ-ешку или красить всю ТД-эшку нельзя подсажите чё делать. создал между ними еще один див но так как он не заполнен он не отображается... <font face="Verdana"><div style="float:left; background-color:f4f4f4;">Ocomments</div></font> <div style="background-color:f4f4f4;float:left;"></div> <font face="Verdana"><div style="float:right; background-c…
0 votes8 answers -
Создание начального макета
Нужно создать вот такой вот макет что бы было без разделения (линий) между частями. Когда я делаю больше двух колонок, то у меня начинается белебера из-за недостатка опыта. Может быть есть тема в которой рассказывается по создание колонок. Работаю в Adobe Dreamweaver CS5 заранее благодарна всем.
0 votes33 answers -
css сделать плавное исчезновение тени (box-shadow) при покидании мышей блока?
https://jsfiddle.net/9a47rddr/ При наведении мыши - нет проблем. А можно ли средствами css сделать плавное исчезновение тени (box-shadow) при покидании мышей блока? Или без js не обойтись :(?
0 votes2 answers -
Опытные верстальщики, а как вы проверяете на крассбраузерность?
Не стал поднимать темы с бородой. Какой лучший и удобный, с вашей точки зрения, способ проверки на кроссбраузерность? Стоит ли пихать всё в одну папочку? Будут ли они конфликтовать друг с другом? Или же стоит воспользоваться специальными программами и сервисами? Но стоит ли им доверять? Про случай с какой-то виртуальной машиной вообще не понятно.. В общем нуждаюсь в совете
0 votes39 answers -
Как убрать тень между элементами?
http://jsfiddle.net/tr0zurq1/ Предполагается, что тень будет именно для каждого элемента: либо для <li>, либо для <a>, а не для <ul>. По-идее, между элементами тень не должна быть видна, поскольку, z-index псевдоэлемента, для которого сделана тень, меньше z-index'a элемента, для которого сделан псевдоэлемент. Но тень всё равно есть. Почему? Как расположить тень "дальше" пунктов меню? <ul> <li><a href="#">Борщ украинский с пампушками</a></li> <li><a href="#">Вареники с печенью в луке с салом</a></li> <li><a href="#">Курица, тушенная с галушками</a></li></ul>ul { posi…
0 votes14 answers -
проблема с фоном
постановка задачи следующая: есть такой макет. необходимо реализовать для доктайпа quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> чтобы div.one и div.two растягивались на всю высоту окна браузера. Буду благодарен за любую идею по реализации. Совершенно не имеет различия таблицами или дивами. Главное, чтобы работало.
0 votes18 answers -
Как отцентровать дивы?
Здравствуйте. Вопрос такой. Есть код: <body> <div class="center"> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> </div> </body> И CSS к нему: body { margin: 0; padding: 0; font-family: Arial; line-height: 25px; background: #fff;} .clear{clear:both;} .center { width: 100%;} .block { float:left; margin: 6px; …
0 votes6 answers -
Что такое st1:metricconverter?
Нестандартный тег. И все же встречается. Откуда он возник?
0 votes8 answers -
Подскажите: как сделать в CSS такое?
Здравствуйте, подскажите как можно сие реализовать посредством CSS: 1) Заглавная буковка другим цветом - РЕШЕНО 2) Оранжевая полоса - НЕ РЕШЕНО
0 votes18 answers -
две неподвижные фоновые картинки. как?
Здрасти) Вобщем такая ситуация, заказчик попросил сделать тянущийся по ширене сайт чтоб по бокам были фоновые картинки неподвижные. Картинки имеют определенную ширину, рабочаю область 80% но не менее 800рх. как я понимаю картинки должны быть именно в фоне или дивы привязать. они также должны скрываться если рабочая область не помещается и в то-же время от них не должен появляться скрол. при маленьких размераш рабочая облость не должна скрываться (обычно левый край) за облости видимости браузера. Если кто-то понял этот бред, можете поделится идеями или код
0 votes23 answers -
Фирменный бланк для письма рассылки
Здравствуйте, подскажите пожалуйста как делать фирменный бланк электронного письма, например как уведомления из социальных сетей и др. Предполагаю что нужно писать код, а как быть с изображениями, например лого. И как это письмо отправлять. Спасибо.
0 votes3 answers -
Смена background-image при работе с псевдоклассом hover
Здравствуйте! У меня стоит задача, что при наведении на блок li строка должна поменять цвет, в том числе и картинка. Я меняю картинку с помощью background-image: none; background: url(../img/check_icon_red.png) left no-repeat; Но теперь картинка позицианируется не там где должна, её можно поставить на место только вручную, через -100px. Нужно поставить ровно туда, где она была. Должна быть в одном ряду с другими
0 votes1 answer -
Валидатор что-то хочет
Вот "This page is not Valid XHTML 1.0 Strict!" я не понимаю что он хочет (в обоих случаях он выделяет жирным ковычки:
0 votes3 answers -
IE не видит некоторые стили
Я делаю оформление для своего блога. В разделе <head> указал внешний файл стилей: <link href='http://viter-alex.narod.ru/Scripts/copycode/styles.css' rel='stylesheet' type='text/css'/> Отображается нормально в Opera 10.10, Chrome 3.0.195.38, FF 3.5.5. Но в IE7 всё оформление пропадает: почему-то не видит стиль div.hl и некоторые другие. Может я в файле css что-то не так указал? Да, чуть не забыл, те же самые стили, но вложенные, распознаются отлично, например здесь
0 votes9 answers -
float и overflow
Всем привет! Есть код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title></title> <style> .block { background-color: #CCC; } .float { float: left; width: 50px; height: 50px; background-color: #0F0; } </style> </head> <body> <div class="block"> <div class="float"></div> <p>текст текст текст текст текст текст текст текст текст текст текст текст</p> </div> </body> </html> Ситуация такая: чтобы div.block захватил …
0 votes27 answers -
Запрет скроллинга google map
Добрый день, очень прошу помочь объяснить мне каким образом можно заставить перестать работать скролинг google map на сайте (сохранив при этом весь функционал карты работоспособным), при заходе на сайт с компа, но при этом оставить полностью всё как есть при заходе на сайт через моб устройства и ipod'ы, ipad'ы? О чём я говорю: как реализовать такую же карту как на http://www.zocdoc.com/search/?dr_specialty=153&address=&insurance_carrier=-1&refine_search= Если зайти через обычный браузер, то при наведении мыши на карту - она не скролится!, но функционал карты весь работает, а если зайти с ipod, ipadб то она совершенно спокойно прокручивается - вобщем нетронута…
0 votes2 answers