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
-
Блок на растягивается на height:100%; min-height: 100%;
Подскажите пожалуйста, почему мне не получается растянуть блок во всю высоту браузера? Вроде бы везде где нужно стоит height:100%; min-height: 100%; http://77.105.164.89/stat.aspx
0 votes3 answers -
CSS свойство clear
http://htmlbook.ru/css/clear http://www.w3.org/TR/CSS21/visuren.html#propdef-clear Из htmlbook-а (я так понимаю) clear навешаный на плавающий блок, запрещает обтекать себя другим элементам. И нифига так не работает. Из W3 (если я правильно понимаю инглиш) следует, что clear надо навешивать на тот элемент, контент которого может обтекать плавающие блоки. Пример я отредактировал так <!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=utf-8" /> <title>clear</title> …
0 votes4 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 -
Позиционирование
День добрый. Столкнулся с проблемой позиционирования. Вот код <html> <head> <style type="text/css"> #basket{ margin:0px 0px 0px 300px; width:200px; height:70px; padding:5px; float:left; } #basket > div{ border-radius: 3px; border: 1px solid #CCCCCC; background-image: -o-linear-gradient(top, #FAFAFA, #F2F2F2); padding:5px; overflow:hidden; border-bottom-color: #138CB3; border-left-color: #1391B9; border-right-color: #1391B9; border-top-color: #1496C0; } #basket > div > img{ float:left; border:none; } #basket-text{ margin:8px 0px 0px 60px; } .wiev-hover{ display:none; position:absolute; width:350px; min-height:200px; border-radius: 3px; border-b…
0 votes4 answers -
Wordpress и навигация
Кто подскажет какие есть варианты, что бы организовать такое меню на wordpress ? Нашел один не плохой вариант http://wpmegamenu.com/
0 votes0 answers -
Верстка макета
Как можно сверстать логотип с меню и телефоном? И еще интересует верстка левой верхней части контента которая под логотипом. абсолюты - не подходят, потому что при масштабировании все съезжает.
0 votes2 answers -
Оптимальный стиль описания вложенности тегов
Здравствуйте! Подскажите, пожалуйста, какой из двух вариантов написания вложенности является оптимальным и почему: 1. div.block > div > p 2. p.name Заранее благодарю за ответ!
0 votes5 answers -
Выровнять кнопки
Народ привет. Хочу поместить социальные кнопки, кнопки вставил, но пока не могу выровнять их. <div id="content"> <div class="addthis_sharing_toolbox"></div> </div> </div> <div id="footer"> </div> .addthis_sharing_toolbox {line-height:40px;text-transform:uppercase;color:#999;font-size:11px;border-top:1px dotted #ccc;padding-top:15px;margin-top:15px; } Кнопки вставляются, но пока не могу их выровнять по середине. Код кнопок виден только в исходном коде странице. Подскажите пожалуйста как ещё вставить текст перед кнопками?
0 votes0 answers -
Radio блок
Доброго времени суток. Я нашла вот такой милый скрипт на радио http://www.radiobells.com/radio4site/ , Плюсы, я могу поставить сама ссылку на радио, чтобы не тянулось через третьи руки. Но есть и минус, я не могу в нем поменять цвет/картинку кнопки и -/+ звука, так как это все подтягивается скриптом. Есть такого типа скрипт, но чтобы можно было свой стиль кнопки и звука сделать, но так поставить линк свой. Или как сделать замену картинки в этом скрипте насильно?
0 votes4 answers -
Проблемы с вёрсткой
Здравствуйте. Помогите пожалуйста, нужно сделать вёрстку сайта похожую на http://www.gazprombank.ru/. Главная фишка сделать главную картинку как на этом сайте (http://www.gazprombank.ru/). При уменьшении страницы картинка обрезается, а блоки расположенные справа от ней сдвигаются на место картинки. Кто-нибудь подскажите примерно как такое сверстать?
0 votes1 answer -
Маркер в горизонтальном списке
Здравствуйте) Сегодня чего-то очень туплю) Специально добавил вопрос в категорию для начинающих. Верстку забыл совсем) Вот сам вопрос: список сделал горизонтальным через display: inline, маркер к списку никак не добавляется. Можно вообще добавить к inline маркер? С float:left все работает О'кей. И еще один вопрос. В последней Opere не отображаются свои шрифты из @font-face, что делать? Весь форум облазил, не нашел ответа, вариант из харбахабра работает, но очень криво.
0 votes1 answer -
Резиновый правый sidebar в Safari и Chrome
Здравствуйте, не получается кроссбраузерно сделать резиновый правый sidebar в Chrome и Safari. Проблема в том, что если ставлю для правого sidebar: margin-left: 250px; (ширина левого 250px; float: left;) то правый тянеться не до конца. Когда использую хак для IE6 и только в нем для правого sidebar ставлю margin-left: 250px, то все ок. Но хочется без хака. Вот пример бага: http://local-schillerfan.vws.com.ua/tools/makeup/makeup.html Цель, без хаков сделать кроссбраузерно валидно резиновый правый sidebar до конца экрана. Мучаюсь уже второй день.
0 votes0 answers -
Коирование текста
Здравствуйте. Вопрос может быть не совсем про html, но тем не менее мб кто-нибудь сталкивался. При попытке копирования текста из MSWord, он копируется одним абзацом. Пример: МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ<br />Федеральное агентство по образованию<br />Тихоокеанский государственный экономический университет<br /><br /><br /> <br /> <br />Напалков А. А.<br />Никулина Т.А.<br /> <br /><br /> <br />МАРКЕТИНГОВЫЕ ИССЛЕДОВАНИЯ<br />Учебное пособие<br />для студентов очной и заочной форм обучения<br />с применением дистанционных образовательных технологий<…
0 votes1 answer -
вставить видео в html
Хочу вставить flv видео в html страницу, но оно не воспроизводится. Пишет "для отображения этого содержимого требуется плагин". Подскажите, в чем ошибка или подскажите другой? Можно воспроизводить swf также Вот сам код <html> <head> <title>Видео</title> </head> <body> <center> <OBJECT CLASSID="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95F" HEIGHT=480 WIDTH=640 NAME=Msshow1 ID=Msshow1> <PARAM NAME="FileName" VALUE="бХДЕН/1.mpg"> <PARAM NAME="autoStart" VALUE="true"> <PARAM NAME="showControls" VALUE="true"> <PARAM NAME="PlayCount" VALUE="20"> <embed src="coffee.flv" width="640" height="480" controller=…
0 votes1 answer -
<div> и align не на всю ширину страницы
Есть <div> в нем <img align="left"> <img align="right"> <table align="center"> </div> Но браузер делает отступы от краев окна, а не <div> <div width="fixed"> ничего не меняет Как отформатировать страницу чтобы картинки оказались с отступом от краев экрана? Можно наверно попробовать margin, но это не совсем то - Если <div> был бы фиксированной ширины при изменении размеров окна отступы тоже изменяли бы свой размер, а если сделать margin, то отступы будут неизменными. В общем жду ваших советов. Всем спасибо, сам разобрался. Заменил <div> на <table>
0 votes0 answers -
z-index
помогите пожалуйста решить проблему на странице z-index блока .header .nav_top_1 ul li a.punkt_1 больше чем z-index блока .wrap .leaf_top_left . однако блок .wrap .leaf_top_left всё таки перекрывает блок .header .nav_top_1 ul li a.punkt_1 в частности и блок .header .nav_top_1 в общем в результате невозможно кликнуть по пункту меню. хотелось бы чтобы меню было кликабельно
0 votes3 answers -
Редактирование маркированного списка
Доброго времени суток! Хочу сделать карту сайта и смещение <ul type="square"> <li><a href="http://pechati89.ru/">Главная</a></li> <li><a href="http://pechati89.ru/?page_id=44">Заказать печать</a></li> <li><a href="http://pechati89.ru/?page_id=16">Контакты</a></li> <li><a href="http://pechati89.ru/?page_id=18">Карта сайта</a></li> <li><a href="http://pechati89.ru/?page_id=18">Документы</a></li> </ul> Как сделать смещение лесенкой, а у меня список в одну вертикальную линию!
0 votes4 answers -
Инжект iframe слева от страницы
Пытаюсь решить такую задачу. Нужно динамически, средствами JS вставить в загруженную страницу iframe, таким образом, чтобы вся страница сместилась вправо относительно добавленного iframe. Я так понимаю, нужно правильно настроить у добавляемого iframe стили, но к сожалению, я не силен в CSS. Вот собственно в этом и вопрос, какие стили мне установить для добавляемого фрейма, для решения такой задачи. Своими силами решить не получается, надеюсь на помощь, заранее спасибо.
0 votes4 answers -
Не пойму как сделать вкладки
Вот пример - http://jsfiddle.net/7amQP/ Необходимо чтобы желтый цвет сливался, то есть, сама вкладка должна быть одним целым с содержанием. Не могу понять как убрать разделитель. Надо чисто визуально сделать, без переключений, анимации нажатия и т.д.
0 votes2 answers -
Фон градиентами
Сделал вот такой вот фон градиентами: http://jsfiddle.net/3bp7m/ Всё было бы отлично, если бы жутко не тормозило (видимо долго прорисовывается градиент), да, в примере всё ок, т.к. там 300х300px размер, а если сделать, например, 1000 в ширину или в высоту - начинаются лаги. Подскажите, пожалуйста, как это побороть. Либо чем это можно сделать (без картинок)?
0 votes3 answers -
Почему не работает код?
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div class="img"> .img { background: url("images/1.png") no-repeat; height: 100px; width: 100px; } .img:hover { background: url("images/2.png") no-repeat; height: 100px; width: 100px; } </div> </body> </html>
0 votes4 answers -
Как такое Правильно сверстать?
Ребята помогите пожалуйста, посоветуйте, как правильно сверстать такие вот "объединенные" поля формы: http://hkar.ru/tSjH (смотреть только на строку дата рождения) Я так понял в таблице в базу данных, дата рождения будет записываться в одно поле, соответственно, и сервер должен получить одну переменную, как правильно сверстать это, чтобы у программера не было гемора? Заранее спасибо!
0 votes2 answers -
Выравнивание текста относительно изображения
Добрый день! Наиглупейший вопрос, извиняюсь... Есть изображение (логотип) + наименование организации. Лого слева, текст справа. Как правильнее отцентрировать текст по центру логотипа, что бы решение было максимально адаптивным? Всякие align=middle, vertical-align и padding-top для текста не помогли: то текст скачет, то перескакивает на маленьких разрешениях... Заранее спасибо!
0 votes2 answers -
выпадающее меню.
помогите плиз с выпадающим меню, нигде не могу найти информацию о таком, вот ссылка на сайт с таким меню, извините если не по правилам, не знаю как картинку вставить. http://laroshe.ru/ (там где выбрать бренд)
0 votes1 answer -
К тегу <a> можно применить только padding-right\-left?
По задумке у тега <a> с каждой стороны должно было быть по отступу 20px. Особо не рздумывая ввожу padding: 20px; однако отступ получается только справа и слева. Даже конкретно если прописать padding-top, то ничего не срабатывает. Может ли кто-нибудь поделиться опытом?
0 votes3 answers