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
29,542 questions in this forum
-
Растягивание блоков по высоте.
Здравствуйте!Вопрос следующий:Есть блок-родитель тянущийся по высоте на 100%.Внутри 2 дочерних блока.У верхнего высота 70px, а вот нижний должен растянуться по всей оставшейся высоте.Как это сделать без полосы прокрутки?
0 votes2 answers -
Не могу обуздать картинки
Не судите меня строго,я начинающий.У меня такая проблема.Есть некая картинка,на весь экран, на ней два флажка ссылками.При уменьшении экрана флажки разлетаются. По логике надо бы картинку с флажками завернуть в div,но как это сделать технически??не знаю. Подскажите пожалуйста. <head> <title>Шах Лав Вест</title> <style type="text/css"> body { background-color:#420200; background-image:url(http://shahlavwest.ru/images/welcome.jpg); background-repeat:no-repeat; background-position:center } .flag_1 { float: left; padding: 500px 0px 0px 220px } .flag_2 { float: right; padding: 500px 220px 0px 0px } </style> </head> <body> <div c…
0 votes1 answer -
Картинки после текста
Ребята помогите, не могу сообразить! Есть страница http://video.seodacha.ru/cat/videokamery-ulichnye/innovi-z10 На этих страницах может быть неограниченное количество картинок. Вопрос в том, чтобы сделать так, чтобы текст не прилегал к картинке, а начинался ровно после горизонтальной линии картинок.
0 votes2 answers -
два div relative + центрование второго div внутри первого
Как отцентровать wrapper внутри container 1) по горизонтали и вертикали ? 2) по горизонтали ? 3) по вертикали ? <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Html</title> <body> <style> * { margin:0; padding:0; } html,body { background: none; height: 100%; width: 100%; } .container { display: block; position: relative; height: 10…
0 votes1 answer -
Нужно ли задавать высоту и ширину для картинок?
Провел аудит своей страницы в хроме и обнаружил такое замечание: Как указание высоты и ширины ускорит загрузку страницы?
0 votes3 answers -
flash поверх Html
Привет, делаю сайт, хотелось бы построить что нибудь на flash. Подумал, что не у всех мои флешки могут отображаться, что делать? Может стоит написать менюшку кодом + сверху на него повесить flash, чтоб если вдруг flash не работает, отображался Html Ну я не знаю даже как это сделать
0 votes3 answers -
Несколько div-ов в ряд, как их растянуть на всю ширину экрана
Сайт пример - http://testsite482.vacau.com/6/ Идет несколько div-ов в ряд. Один с синим фоном, другой с зеленым, третий уже внизу и с красным. При нажатии на кнопку "2" на первом или "3" на втором div-е идет прокрутка с помощью явы до следующего. Вопрос такой, как растянуть эти дивы на всю ширину экрана, потому что впоследствии на каждом из фонов должен быть текст прямо по середине, и не хочется, что бы на разных разрешениях экрана этот текст скакал. Т.е что бы синий фон был ровно по ширине и высоте экрана и ни сантиметром дальше. Нажал на кнопочку 2, он прокрутился до зеленого, который в свою очередь тоже будет на весь экран, итд. Задача по сути исходит из за дальней…
0 votes0 answers -
Как сделать подвал в самом низу странички
Не могу сделать подвал внизу странички. Дело в том что, если разрешение экрана не большое (например, 1336x768) всё отображается нормально, а вот если больше, то после подвала видно фон. То есть, если взять смарт и смотреть в альбомном режиме всё ОК, а вот если в книжном, получается что идет шапка, потом текст, потом подвал а потом много пустого места с фоном. Хочется что бы подвал был в самом низу. Делал как описано тут - http://htmlbook.ru/layout/fiksirovannyy-podval Но, теперь на маленьком разрешении текст основной части не влезает, подвал часть текста закрывает и надо скролить что бы прочитать что написано, при этом подвал остается на месте.
0 votes2 answers -
проблема с font-face в firefox
Доброго времени суток! Пытаюсь добавить на страничку сторонний шрифт, во всех браузерах работает, а в firefox нет: @font-face { font-family: 'Open Sans Light'; src: url('font/OpenSansLight.ttf');}Вот что по этому поводу пишут на хабрe: http://habrahabr.ru/sandbox/50935/ Но для решения этой проблемы они предлагают изменить настройку браузера, у меня этот способ не заработал. Есть какие-нибудь способы обойти этот баг? И этот баг проявляется только на локальных страничках с локальными шрифтами или как (тут я тоже не совсем понял)?
0 votes2 answers -
Проблемма с блоками
Извините, сделал ошибку в названии темы Подскажите в чем проблема? Вот есть расположение блоков: <!DOCTYPE html><html><head> <title>Дантист</title> <link rel="stylesheet" type="text/css" href="style.css"> <meta charset="utf-8"></head><body><div class="container"> <div class="block1"> <a href="#"><img src="img/logo.png"></a> </div> <div class="block2"></div> <div class="block3"></div></div></body></html>и css *{ padding: 0; margin: 0;}.container{ width: 1070px; margin-left: auto; margin-right: auto; background-color: #f5f5f5; height: 10…
0 votes2 answers -
Двухуровневое меню
Добрый вечер. Есть вот такое меню, но у меня не получается спрятать второй уровень подменю Чтобы он также открывался, как и первый уровень при наведении курсора. Подскажите что я не так делаю? Сам код: http://jsfiddle.net/senjalp/gmzpn320/19/
0 votes3 answers -
проблемы с позиционированием
Есть макет вот такой вот шапки http://prntscr.com/6iqvhe Проблема в красной плашке, как бы выступающей за пределы блока. Подскажите как это можно реализовать.
0 votes2 answers -
Выпадающее меню западает
Ребятки,помогите в верстке,есть сайт на Wordpress. Проблема в том что выпадающее меню западает за экран. Вот сайт: http://chobd.esy.es/ Вот скрин:
0 votes0 answers -
div верстка
Парни у меня такая проблема ... как сделать высоту резиновой сайтдбаров и контента до футора ... точнее чтобы фон у меня был всегда до футора, а не так чтобы фон занимал то место на котором написано что-либо!!
0 votes2 answers -
выравниевание ссылки и submit'а по горизонтали
Добрый день! Проблема в том, что в разных браузерах выравнивание отображается по-разному. В чем я ошибся? Что исправить или что добавить?(рис.) #for_clients{ /*-- margin:10px 0px; padding:0px 10px; --*/ text-align:right; } #for_clients a{ font:10pt Arial; color:#06C; text-decoration:none; } #for_clients a:hover{ color:#C00; text-decoration:underline; } #for_clients div input.btn{ border:none; background-color:transparent; background-image:url(images/btn_off.png); background-repeat:no-repeat; height:19px; width:48px; margin-top:3px; vertical-align:inherit; } #for_clients div input.btn:hover{ background-image:url(images/btn_on.png); cursor:point…
0 votes1 answer -
знания PHP
Привет всем. У меня возник такой вопрос : Обязательно ли знать php для того что бы верстать шаблоны (Я верстальщик , но с cms ещё дела не имел, посмотрел на готовый шаблон Joomla там увидел много php кода , вообще не понятного для меня) под ту или иную cms ? Вообще хочу начать свое изучение cms с Joomla т.к. слышал что эта кмс легка в обращении , и в ней легко разобратся новичкам. Или возможно вы мне посоветуете .. с чего лучше начать , изучать php или сразу переходить к изучению верстки под cms. И Спасибо всем прочитавшим за затраченое время
0 votes1 answer -
Как правильно подбирать шрифт?
Подскажите как правильно подбирать шрифт при верстке?
0 votes1 answer -
Подскажите как сделать
Нужно расположить три div блока фиксированой длины и высоты горизонтальность. Я понимаю что для центрального блока не заданно обтекание. Но когда я задаю обтекание то не получается задать фиксированную точку по центру. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Автобиография</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="keywords" content=""> <meta name="description" content=""> <link href="style.css" rel ="stylesheet type="text/css"> </head> <body> <div class="lmenu">&l…
0 votes6 answers -
Прозрачность элемента
Доброго времени суток, господа! стоит такая задача: есть три таблицы, состоящие каждая из одной ячейки и вложены друг в друга. Необходимо сделать вторую таблицу полупрозрачной, а третью, вложенную в нее - непрозрачной. Прочитал теорию про opacity, но что то у меня не получилось: <style> .semi { opacity: 0.5; } .semik { opacity: 1; } </style> <table bgcolor="006FFF" width=50% height=50%><tr><td align="center" > <table bgcolor="red" width=50% height=50% class="semi"><tr><td align="center"> <table bgcolor="green" width=50% height=50% class="semik"><tr><td> Эта таблица должна быть непро…
0 votes3 answers -
Ромбовидное меню.
Столкнулся с весьма интересной задачей - написать ромбовидное меню. Немножко почитав CSS3 собрал примерно такую штуку. Отлично работает во всех адекватных браузерах, но когда начал это оптимизировать под IE 7-8 возникла проблема. Если быть точнее - то фильтр DXImageTransform.Microsoft.Matrix работать адекватно со свойством overflow:hidden отказался напрочь. Если у кого-нибудь есть идеи как можно побороть данную беду - буду очень признателен. Не хочется из-за explorer'а пересматривать всю концепцию данного меню.
0 votes4 answers -
psd шаблон для новичка
Напишу, что видел раздел с psd шаблонами. Но там я не нашел шаблон не сложного уровня. Меня интересует psd шаблон на тематику интернет магазина с основными элементами: шапка, футер, меню и основное содержимое. Буду благодарен за помощь
0 votes0 answers -
помогите с css меню
я напроч запутался в иерархии css вобщем есть у меня меню при навидении на блок меню выпадает подменю, так вот подменю должжно быть разной ширины для разных пунктов меню ссылка на пример http://jsfiddle.net/p6LHn/1/ вот код css /**Меню css**/ ul.ldd_menu { margin: 0px; padding: 0; display: block; height: 50px; background-color: #0051A1; list-style: none; font-family: "Trebuchet MS", sans-serif; border-top: 1px solid #3474C6; border-bottom: 1px solid #3474C6; border-left: 10px solid #0051A1; -moz-box-shadow: 0px 3px 4px #007BC2; -webkit-box-shadow: 0px 3px 4px #007BC2; -box-shadow: 0px 3px 4px #007BC2; } ul.ldd_menu…
0 votes2 answers -
Action у формы
Доброго времени суток, вопрос в следующем - может ли action у формы вести на html? метод при этом post что в таком случае обрабатывается? php-код вставлен в html?
0 votes3 answers -
Перевод сайта из em в pt
Здравствуйте! До этого момента верстал всегда в em, однако сегодня внезапно понадобилось переверстать страницу в pt и начались трудности: текст, который я указываю в pt при верстке раза в полтора больше, чем в макете photoshop. Размер указываю тот же, что и в макете. Всю голову сломал, не пойму в чем дело... Не подскажете из-за чего это может быть и какие правильные техники верстки в pt? Заранее большое спасибо!
0 votes3 answers -
position:absolute и height
Добрый вечер. Для блока свойство position имеет значение absolute. Как в этом случае мне указывать высоту блока? Height и min-height не работают .main { padding: 0px 12px; width:500px; position:absolute; margin-top:155px; height:455px;}
0 votes1 answer