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
-
Перенос текста внутри тега li
Возможно ли перенести текст внутри тега li? Пример: компания производители список товаров Нужно чтобы было: компания производители список товаров Задание фиксированой длины списка не подходит, так как все элементы списка должны быть разной длины.
0 votes11 answers -
HTML5 and CSS3
Можно ли верстать кроссбраузерно(IE ниже 7 не учитываем) используя новые веб-технологии html5 и css3? И как легче приучить себя верстать на html5? поделитесь опытом кто как первый раз применял на практике
0 votes6 answers -
Помогите z-index
Почему красный не перекрвает зелёный? z-index задал вроде правильно!Получается вот так http://mepic.ru/view/?id=c0936491def5d858001c54a643eccc24 , а нужно наоборот.Подскажите что не правильно! ВОТ КОД <!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> <style> .feature_img { background:#F00;/*КРАСНЫЙ ЦВЕТ*/ height:100px; width:170px; z-index:1; } .content_background{ background:#699;/*ЗЕЛЁНЫЙ ЦВЕТ*/…
0 votes2 answers -
Статический фон по углам сайта
Здравствуйте! Пробую сделать сайт со статическим фонам по его углам. Вёрстку делаю через дивы. Вожусь достаточно давно, перечитал кучу советов, но всё равно что-то не работает Вот код: <div align="center" style="width: 100%"> <div align="center" class="TableMainTopRight"> <div align="center" class="TableMainTopLeft"> <div align="center" class="TableMainBottomLeft"> <div align="center" class="TableMainBottomRight"> <div align="center" style="padding: 20px 0px 60px 0px"> <div style="background-color: #FEFCF7; height: 100%;…
0 votes3 answers -
Выравнивание в столбце
Доброго времени суток! Хочу во втором столбце сделать выравнивание текста по правой стороне. Вроде должно быть так, но работать не хочет. Укажите на ошибку. <style type="text/css"> .pricelist { border-collapse: collapse; } .pricelist TD, .pricelist TH { padding: 3px; border: 1px solid #228B22; } .pricelist TD { background: #F0FFFF; } .pricelist .category { background: #008000; color: white; font-weight: bold; text-align: center; } </style> <table width="600px" cellpadding="0" cellspacing="0" class="pricelist"> <col width="500px" align="left"> <col width="100px" align="right"> <tr> <td colspan="2…
0 votes1 answer -
Проблема с картинкой в опере
Суть проблемы в след. Есть контейнер DIV с закругленными углами до такой степени, что получается круг. Внутри него еще контейнер DIV с overflow: hidden и также с закругленными углами как и первый. И наконец в нем тег картинки - IMG. Во всех браузерах, кроме IE ниже 9, все отображается нормально, в соответствии с ожиданиями, картинка не выходит за границы контейнера, и на вид становится тоже круглой, но в Opera этого не происходит. Картинка не выходит за рамки, но на радиус углов не реагирует - остается квадратной В опере: Остальные: Разметка HTML: <div class="user_photo"> <div class="comm_photo"> <img src="{foto}" alt="" width="70" /> …
0 votes2 answers -
контроль скачиваний треков
Ребят подскажите, как рядом с ссылкой наскачивание трека поставить количество скачиваний, это какойто счетчик или ещё что? Какие есть варианты?И можно ли это сделать без хранения файлов на хосте? Заранее спасибо.
0 votes2 answers -
всплывающая подсказка title и ее стилизация
Всем привет. Возник вопрос: как к всплывающей подсказке добавить стилей css(изменить ширину, цвет текста и т.д.) и вообще возможно ли это?
0 votes2 answers -
Резиновое меню
Собственно проблема в том, что у пунктов неравномерный отступ. Вот сайт: http://superpuff.ru/ Кто знает почему?
0 votes2 answers -
Проблема с тегом object и лайтбоксом Highslide
Народ! Нарисовал фотогалерею для вот этого сайта http://chkalov3.narod.ru/photoalbum.html Фотогалерея сделана с использваонием плагина Highslide 4/1/13 А видео вставлено через тег [object] Проблемы: 1. Почему-то в IE9 при загрузке изображения через Highslide фон сайта становится сплошным серым, хотя должен быть прозрачным (как в гуглхроме) 2. При загрузке изображений через Higslide они становятся на заднем фоне видео-изображений вставленных через тег object... (см скрины). Некрасиво. Хотелось бы сделать так , чтобы видео из objecta тоже были бы на заднем фоне Higslidoвских картинок. Кто сталкивался с данной проблемой - подскажите пожалуйста как решить? код страницы так…
0 votes3 answers -
3 колонки и футер
Прошу, пожалуйста, посмотрите что я сделал не так: http://jsfiddle.net/Vg5mR/ Футер не хочет прижиматься, а wrapper не растягивается по высоте контента.
0 votes1 answer -
Не скрывается блок display:none в мобильных браузерах
Не знаю проблема ли конкретного symbian телефона (другого нет под рукой), но на нем в разных браузерах (опера и встроенный) в мобильном режиме <div id="h_block" style="display:none;" > отображается как ни в чем не бывало и нормальных способов скрыть это я не нашел. В обычном (не мобильном) режиме все ОК. Подскажите, как победить?
0 votes0 answers -
проблемы с блоками
Добрый вечер знатоки css и HTML, у меня появилась проблемма, вернее она была но вот никак немогу ее решить, прошу помощи ! вобщем есть сайт вордпресс движок, есть неплохой шаблон, который я немного переделал, но вот незадача мой sidebar нижная его часть, уходит влево, при условии что основного контента мало , тоесть некоторые блоки уходят под контент и правый sidebar не растягивается по вертикали вот прилагаю ссылку http://osadovod.ru/tag/malina А вот если контента много http://osadovod.ru/bolezni-i-vrediteli-rastenij-chast-pervaya-bolezni.html код темы замудренный, вот див который отвечает за бар #sidebar{float:left;width:322px;} Голову уже сломал как сделать так чт…
0 votes6 answers -
Позиционирование блоков
Суть такова есть контейнер внутри несколько блоков которые расположены в ряд через float:left; или display:inline-block; на результат не влияет. Проблема такова что количество блоков может метятся и я мне необходимо задать одинаковый класс всем блокам выходит чтото вроде (допустим 3 в ряд) <div class="cont"> <div class="inside"> контент </div> <div class="inside"> контент </div> <div class="inside"> контент </div> <div class="inside"> контент </div> <div class="inside"> контент </div> </div> и ЦСС .cont {width:630px;overflow:hidden;} .inside {float:left;wi…
0 votes0 answers -
Открытие только одного нового окна
Добрый день! Задача такая: Необходимо по ссылке открывать новое окно - плеер с онлайн вещанием с определенными параметрами. !Но если это окно уже открыто, то еще одно не создавать, а в уже открытом просто перейти на новый url. Вот код: <div align="left" style="padding-top:10px; padding-left:3px"> <FORM> <input TYPE="button" VALUE="Открыть видеоплеер" style="width:150px; height:25px" onclick='window.open("http://...?domain=2&instance=3&date=010612&time=1500","","Width=900,Height=500,location=0,resizable=0,left=400,top=100,menubar=0");'> </FORM> …
0 votes5 answers -
как в яндексе
помогите пожалуйста дивно сверстать блок, поведение которого при сжатии окна по ширине похоже на поведение блока #wd-wrapper-_mail-1 главной страницы яндекса моя попытка проблемы в том, что когда ширина .aside становится меньше ширины .mail_outer , то: 1) часть .mail_outer обрезается(а по задуманному должна раздаигать .aside); 2) отступ(ы) пропадают(background: orange) ps при любой ширине окна браузера firebug все равно показывает величину .mail_outer равной 190px. это странно
0 votes3 answers -
Позиционирование картинки в SPAN
Помогите выровнять кнопку по вертикали. Щас она задрана вверх относительно текста. <span style='border:1px inset;padding:5px;'><a href='#' class='link_black' style='display:inline-block;'>some@mail.ru</a><input type='image' onclick='login_menu()' src='pic/24/logout_24.png'></span>
0 votes1 answer -
Как ищет IE?
Странное явление обнаружил. Если стили и разметка загружаются с FTP, страница благодаря https://code.google.com/p/html5shiv/, отображается корректно. Если все загружается локально, при наличии Инета конечно, Ишачек корчит страницу как хочет, напугал признаюсь. А что думают профики, какая разница Ишачку? Ссылка ведь на библиотеку в любом случае прописана однозначно.
0 votes2 answers -
Централизация изображений на странице
Суть задачи: На странице должна быть отображена лишь картинка с неизвестными размерами (то есть может быть разрешением 100х200, а может и 1920х1080). Первое: нужно выровнять эту картинку строго по центру (то есть и по вертикали, и по горизонтали). Второе: нужно ограничить в размерах изображение с помощью свойств max-heigt; max-width; относительно размеров окна браузера: если изображение больше, то уменьшается до тех пор пока не влезет, остальные остаются как есть. Покопавшись я нашел довольно много примеров для выравнивания картинки по центру, но проблема в том, что во всех примерах не было манипуляций с размерами изображения. Если ставить ограничение размера в пикселях (…
0 votes0 answers -
небольшой вопрос про свойство left.
Привет всем,столкнулся с такой проблемой.. Вот сам код <div style="background-image: url('66-1024.jpg'); background-repeat:no-repeat;background-position:50% 0%; width:auto; height:700px;"> <div style="margin-right:0;position:relative; left:340px;color:red;font-size:29px;">text</div> </div> устанавливаю свойство left для текста и получается так,что справа создается поле.Вот как его можно убрать? вот скрин Моя ссылка
0 votes4 answers -
отключаются стили
подскажите пожалуйста почему при просмотре странички через ie8, в блоке .rotator отключаются все стили? использованный js-ротатор контента в ie работает без проблем. пример
0 votes4 answers -
Z-index
Здравствуйте! пытаюсь с помощью z-index вывести слой с блоком наверх (собаку под блок), ничего не выходит... что не так с кодом: .main_fon { background: url(../images/main_fon.png) repeat; position:reletive: z-index: 2; } ........... #dog{ background: url(../images/dog.png) no-repeat; width:170px; height: 156px; position: absolute; z-index: 1; right:66px; bottom:60px; }
0 votes2 answers -
Разъезжается содержание при наведении мышкой(hover)
Здравствуйте! Столкнулся с проблемой. Создал список <div class="menu"><ul> <li><a href="">1</a></li> <li><a href="">2</a></li> <li><a href="">3</a></li> </ul> </div> Прописал CSS: .menu ul{ list-style-type: none; } .menu li{ display: inline; margin: 10px 20px; } .menu a{ text-decoration: none; } .menu a:hover, .menu a:active{ background: #cf36cf; color: #ffe; padding: 5px 10px; Но при наведении мышкой, меню сдвигается. В чем дело? Ни как не могу разобраться. А нужно, что бы при наведении был …
0 votes2 answers -
w3.org валидатор ругается на собственный же код
Здравствуйте. Так вот здесь _http://www.w3.org/TR/CSS21/fonts.html#propdef-font есть такой пример p { font: 12px/14px sans-serif }(так же видел у вас на сайте его), забиваем этот код в валидатор _http://jigsaw.w3.org/css-validator/#validate_by_input+with_options. Выводит ошибку. В чем смысл? Сначала думал может что намутили по версиям. Но проверил в доп. настройках все версии выводят ошибку.
0 votes1 answer -
Музыка на сайте. (используя петлю, Loop)
Друзья подскажите как вставить на сайт n...... кол-во плееров до 90 шт ОБЯЗАТЕЛЬНО с loop. Весь код онлайн (дома). Вот код но петля не работает. Как грамотно делаются такие вещи? Спасибо. <object type="application/x-shockwave-flash" data="player/player.swf" id=audioplayer1 height=24 width=290> <param name=movie value="player/player.swf"></param> <param name=FlashVars value="playerID=1&soundFile=Track 03.mp3"> </param> <param name=quality value=high></param> <param name=menu value=false></param> <param name=wmode value=transparent></param> <param name=loop value=true></param> </object&g…
0 votes0 answers