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
-
display:inline-block и IE
В общем хочу сделать что-то типо табличного вывода, есть куча div'ов в которых расположены нужные элементы, к каждому свойство display:inline-block и получилось всё замечательно(таблица по ширине странице, так как нужно), но это было в опере в IE открыл и ничего не вышло, помогите как можно справится с этой проблемой? <div style="width: 303px; display: inline-block; text-align: center; "> Опера 10-ая, интернет эксплорер - 6 заранее спасибо
0 votes13 answers -
Растягивание DIV
Есть два блока внутри одного, как сделать чтобы они не вылезали за пределы внешнего блока , при их растягивании. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML><HEAD> <TITLE></TITLE> <style type="text/css"> #main-menu { background:RED; height: 35px; } #content { border: 1px solid blue; padding-bottom:10px; } #main-sec1{ float:left; margin:5px; width:250px; border: 1px dotted black; } #main-sec2{ margin-top: 5px; margin-left: 265px; width:670px; border: 1px dotted black; } #main-bottom{ height: 52px; background: GREEN; } </style> </HEAD> <BODY> <di…
0 votes11 answers -
тег "потенциального" переноса слова
Помнится когда-то давно попадался мне тег, позволяющий совершать перенос слова, в том случае, если оно не помещается в строку. Пишешь типа: Десять синхро<teg>фазатронов И в браузере соответственно если слово укладывается в строку, то оно пишется сплошняком без дефисов, а если не укладывается то переносится: Десять синхро- фазатронов. Подскажите, пожалуйста, что это за тег... Или он мне приснился?
0 votes18 answers -
Элемент за правой границей экрана...
Возможно ли "сдвинуть" отпозиционированный элемент за видимую область экрана вправо, чтобы не появилась горизонтальная полоса прокрутки? P.S. Влево - без проблем... А вот как быть с правой стороной?
0 votes16 answers -
Невидимый див посередине страницы
Всем хай, как можно сделать невидимый див, который будет лежать поверх всех других дивов, и будет по середине страницы независимо от разрешения экрана, заранее спасибо
0 votes25 answers -
height 100% и шапка
Здравствуйте! Сталкнулась с такой проблемой: <html> <style> html body { margin: 0; padding: 0; height: 100%; } </style> <body> <div style="height: 80px; width: 100%; background: #fa0">header</div> <div style="float: left; height: 100%; width: 150px; background: #0fa;">object tree</div> <div style="height: 100%; background: #a0f;">container</div> </body> </html> Суть ее в том, что появляется скролл на 80px, то есть на высоту шапки. Как от него избавиться и сделать object tree и container нормальной высоты (100%-80px). Заранее спасибо.
0 votes34 answers -
Не работает Lightbox
Здравствуйте! У меня сложилась такая ситуация: 1. Скачал и установил лайтбокс с официального сайта, далее по этой инструкции его установил: http://webors.in.ua/31-instruktsii/49-podklyuchenie-lightbox-2-6-k-stranichke-sajta.html 2. Вот мой хэд: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License Name : OfficialWork Description: A two-column, fixed-width design with dark color scheme. Version : 1.0 Released : 20121012 --> <html xmlns="http://www.w3.org/199…
0 votes9 answers -
конструктор для div верстки
есть визуальный редактор для div верстки, чтобы поверхностного знания css, html хватило для создания страниц? те набросал блоки на форму и получил страницу.
0 votes2 answers -
Кнопка-ссылка.
Кнопка-ссылка. Помогите разобраться... Нужна кнопка-ссылка на анкер. Пишу <script type="text/javascript"> работает, но перестают работать остальные, пока страницу не перезагрузишь. Я чего-то недогоняю, почему он скрипты видеть перестает... Спасибо заранее.
0 votes31 answers -
Как выпадающий список сделать поверх нижнего блока? css
День добрый! Интересует следущий вопрос - как сделать так чтобы когда при нажатии сюда: http://cs613522.vk.me/v613522149/5d9d/EPrrwtL06qw.jpg Выползающий список перекрывал коричневый блок снизу? Я задал обоим элемента z-index и обоих position absolute и relative; Но почему-то список не перекрывает нижний коричневый блок. http://cssdeck.com/labs/juiozeil
0 votes3 answers -
Расположение курсора в input
Как переместить курсор в начало блока, не в середину, как сейчас? http://jsfiddle.net/USx7h/1/ Спасибо.
0 votes5 answers -
fontsquirrel не хочет конвертить шрифт в кириллицу
Добрый день. Столкнулся с проблемой при работе с сервисом fontsquirrel. При добавлении шрифта выдает Нашел решение - переконвертить в otf с помощью сервиса. Прокатило - белка шрифт схавала. И вроде бы вот оно счастье! Ан нет! Полученный кит не поддерживает кириллицу (в настройках указывал конечно. нет не первый раз это делаю). Уже всю голову сломал. Может кто сталкивался или что дельное подскажет? или я туплю где-то? Вобщем буду рад любой помощи. Название шрифта agLettericaUltraCompressed Вот тут выложил ttf и otf
0 votes8 answers -
Картинка с float:left вылазит из div
Есть у нас такой HTML код: <div id="big-cont"> <div id="img-cont"> <img src="images/thumb.jpg" width="50" height="100" /> </div> </div> #big-cont { border: 1px solid black; } #img-cont { float:left; } В результате картинка вылазит за пределы блока: А задача стоит простая - картинка должна идти слева в блоке с текстом. Если текст большой - то все ок:
0 votes11 answers -
Выпадающий список с поиском.
Срочно понадобилась такая фича- пользователь кликает по текстовому полю, появляется выпадающий список с опциями. Пользователь может прокрутить список и выбрать нужную ему опцию или начать вводить название опции тем самым уменьшая количество вариантов, что бы не прокручивать и не искать в здоровенном списке нужное значение. Кто нибудь знает плагин реализующий подобную функциональность на JQuery?
0 votes3 answers -
выпадающие меню без JavaScript
Помогите сделать выпадающие меню текстом! Без формы и изображений!
0 votes10 answers -
Выравнивание по центру в IE6
Понимаю, что может вызвать смех знатоков, но я зашёл в тупик, первый раз такое вижу! Внешний лист стилей, всё на дивах, всё как в лучших домах Парижу и Лондону. В Файрфоксе 3, в ИЕ7, в Опере 9.х - идеально, а в ИЕ6 нету выравнивания по центру, выравнивает слева код в css: —————— #head { margin: 0 auto; width: 1000px; height: 30px; } —————— Люди, в чём причина? Я уже два дня голову ломаю... Или перед собой не вижу или не знаю чего-то важного.
0 votes9 answers -
Шрифты в сафари
Всем привет. Подскажите пожалуйста, за счет чего нестандартные шрифты в сафари рендерятся неверным образом? Всего макетов 7 один из них залил на хост - http://falard.org/ Везде нормально, в сафари жесть =)
0 votes5 answers -
Шапка сайта
Всем привет! Столкнулся с такой проблемой... Есть шапка у сайта, состоит из 3-х картинок - левая и правая части фиксированной длинны, а средняя должна растягиваться. Но не знаю почему, мой код работает только в ФФ(полностью)... css: table.logo td.left-logo { background:url(../images/logo_part_1.png) no-repeat; width: 750px; height: 200px; } table.logo td.center-logo { background:url(../images/logo_part_2.png) repeat-x; width: 1px; height: 200px; } table.logo td.right-logo { background:url(../images/logo_part_3.png) no-repeat; background-position: right; height: 200px; width: 16px; } html: <table width="100%" border="0" cellpadding="0" cellspacing="0" class="logo">…
0 votes21 answers -
открытие увеличенной картинки в новом окне
http://tula-samovar.com.ru/indexa.files/samovars/shop/seals/08.JPG" border=0 />
0 votes6 answers -
HTML5 CSS Таблица. Расстояние между ячейками
здравствуйте. не смог в справочниках найти и методом тыка догнать, как делать расстояние между строк в таблице больше/меньше? cellspacing вроде тыкал уже не зная куда..че то не увидел результата. И можно ли это задавать в CSS?..или только в хтмл коде непосредственно на странице? Сам код таблицы: <table class="price"> <col class=""/> <colgroup span="2"></colgroup> <col class=""/> <thead> <tr> <th colspan="2" scope="colgroup" background="/img/table_greenbar.png";><a href="" title="">Заголовок</a></th> </tr> </thead> <tbody class="price"> <tr> <td colspan="2" scope="colgroup">…
0 votes6 answers -
В чем разница между margin и top-left выравниванием
Собственно сабж в чем разница между margin-top и top margin-left и left и так далее...
0 votes3 answers -
отправка письма Form action mailto
День добрый. хочу написать отправку текста на почту. использую простенький код: <form action=mailto:mypost@po4ta.ru enctype=text/plain> <input type=text> </form> ввожу текст в окошко, нажимаю enter. открывается почтовик по умолчанию ( у меня это стандартный виндосный outlook express), в поле куда послать - аддресс отображается верно, но в поле письма текста нету. почему так происходит, может, чтото неправильно делаю?
0 votes10 answers -
Проблема с версткой макета
Сижу мучаю макет... не представлю как это сделать, может здесь смогу помочь Вот макет: http://predvoditelev.ru/del/maket.zip (2.7mb) Превью: Общий фон (тёмносерая текстура) - размножаем (ФОН1). Основная часть (светлосерая текстура) - размножаем (ФОН2). Эта часть фикс. по ширине - распологаем по центру. Тень от основной части должна уходить за пределы экрана без появления прокрутки (ТЕНЬ). Футер прибиваем к низу. Код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> <meta http-equiv="Content-Type" content="text/html; c…
0 votes37 answers -
Hover при наведение на элемент сделать подсвечивание
Всем доброго времени суток! Цель: сделать чтобы при наведение на элемент он весь подсвечивался Проблема: подсвечивается только текст ссылки =( Структура у меня такая: HTML <table border="2" width="100%"> <tr><td class="ppp"><a href="#">Ссылка!</a></td> <tr><td class="ppp"><a href="#">Ссылка 2!</a></td> </table> CSS .ppp { background: #dddddd; padding-left: 8px; padding-bottom: 4px; padding-top: 4px; border-bottom: 2px solid #eeeeee; display:block; } Если делаю так (CSS): .ppp a:hover { background: #000000; } То подсвечивается только (!) фон ссылки... Как быть?
0 votes6 answers -
z-index в ie7
В =<IE7 дерево по z-индексу лежит выше, чем трава, но в ослике почему-то это не работает, и трава перекрывает дерево. Пробовал поиграть со значениями, позиционированием, но исправить так и не удалось. Линк
0 votes10 answers