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
-
z-index
Есть верхнее меню, которое расположено горизонтально вверху. Есть картинка-шапка, которая должна размещатся под этим меню, но я никак немогу разобратся как с ней боротся, в ИЕ7, все впорядке, без прописывания z-index все отображается как положено. Но в ФФ, и ИЕ6, эта картинка налазит поверх меню, тем самым образом закрывая его полностью, мучаюсь с z-index, но немогу найти решения. Возможно кто то сталкивался и подскажет куда рыть, возможно есть какието другие варианты решения эжтой проблемы. Заранее благодарен. Вот код в цсс заголовка: #ja-header { text-align: left; line-height: normal; position: relative; float: left; z-index: -1; Css menu: #ja-mainnav div…
0 votes2 answers -
как сделать...
допустим есть 3 страницы - внизу показываются ссылки т.е. 1 2 3 - как выделить ссылку на которой человек находится ..пробовал с делать активной и посещенной но цвет остается таким же когда ее посетят а надо просто выделять цветом ту страницу на которой находится человек =) ... надеюсь неглупый вопрос пример: посмотрите в низу форума ссылки 123....19 (синим цветом) - зашел на любую страницу ссылка стала черной пошел на другую страницу та на который был стала синей а на которой находишься стала черной ...проблема как сделать? мучаюсь
0 votes2 answers -
Обьясните тупому, чем отличается id="" от class=""?
Сколько не смотрю исходные коды страниц, везде вижу применение и id="" и class="", только не могу понять чем они отличаются, что в каких случаях применяется и т.д. и т.п. По функционалу вроде одно и тоже, единственная разница, которую заметил - это каким образом записывается в стилях (#id, .class). А еще то, что одному элементу двух и более id не присваивают, а с class история другая... Подскажите?! Может я вообще неправильно это все использую..
0 votes2 answers -
HTML письмо
Народ подскажите, через какую программу нужно слать HTML письмо, не как приложение!
0 votes2 answers -
Как сделать, чтобы div сдвигался до опред. ширины?
Всем доброго времени суток! Есть обрамляющий div id="header" #header { display: block; position: absolute; top:0px; } Внутри 3 div-a подряд - 1) div id="imglogo" #imglogo { position: absolute; top: 0px; left: 20px; display:block; } 2) div id="bannertop" #bannertop { display:block; position:absolute; left: 260px; top: 28px; } 3) div id="panel" #panel { width: 250px; padding-left:20px; padding-right:20px; padding-top:60px; display:block; float:right; position: relative; font-size:11px; } При схлопывании страницы - 3й див (панель который) залазит на первые 2. Как сделать, чтобы при определ?нной минимальной ширине появлялась полоса прокрутки, а 3й див переставал ползти. Пробо…
0 votes2 answers -
доступ к DOM anchorHTML
Всем здрасте! Вобщем мне нужен доступ к string'y "between tags" в <a href="http://example.com">between tags</a> подскажите плз какой аттрибут тэга <a> надо испльзовать. В литературе DOM ниче не нашел. Спасиб!
0 votes2 answers -
absolute проваливается сковозь relative
Наблюдаю такой вот баг в FF, Opera Есть такой вот код: <td style="position:relative"> <div style="position:absolute"></div> </td> Так вот DIV выпадает из TD, тоесть DIV позиционируется относительно ближайшего позиционированного элемента, не видя позицонированого TD. В IE работает. Может кто-то сталкивался...
0 votes2 answers -
Размер экрана
Меня интересует оптимизация сайта под разные разрешения экранов Как определять разрешение экрана? Как сделать так, чтобы сайт мог выбирать свои стили под различные расрешения? Можете указать пример кода так, чтобы на размере 1280 на 800 font-style был 12, а на 1024 на 768 - 10?
0 votes2 answers -
Подсчет МБ - размер файла при закачке - PHP
Всем добрый день! Подскажите, пожалуйста, как округлить при выводе результат - килобайты и мегабайты. Закачиваю файл, отображаю размер файла: И килобайты выглядят так: 884.404296875 А мегабайты так: 1.09042358398 Можно как-то округлить цифру, чтобы выглядило 884.40 kb 1.09 mb
0 votes2 answers -
3 колонки, шапка, подвал - контент вверху html (после шапки)
Собственно обычный вариант, но важность представляет то, что поместить контент надо как можно выше к метам, сразу после шапки - SEO вариант. Макет должен быть резиновым по правому, левому блокам и контенту вниз и в боки. Типо того: <div id="header"> </div> <div id="content"> <div>Контент</div> </div> <div id="leftblock"> </div> <div id="rightblock"> </div> <div class="clear"></div> <div id="footer"> </div> Рассмотрел кучу примеров, мое решение - .mainbody #header { width: 100%; } #content { position: absolute; top: auto; left: 20%; width: 59%; min-height: 40px; margin-top:…
0 votes2 answers -
Теги <TD> с CSS - подскажите пожалуйста
Мучаюсь уже которое время и ни как не могу понять если ли решение моего вопроса. И книги читал, и в сети шарился но никак не найду ответа на следующий вопрос: К примеру есть таблица: <table class="sample"> <tr> <td class="sample1"> text </td> <td class="sample1"> text </td> </tr> <tr> <td class="sample1"> text </td> <td class="sample1"> text </td> </tr> <tr> <td class="sample1"> text </td> <td class="sample1"> text </td> </tr> </table> В стилях прописано для примера ну вот так: .sample { width: 95%; border:0px; } .sample1…
0 votes2 answers -
Резиновый дизайт с двумя картинками
Нужно, чтобы из двух картинок, сложеных последовательно по горизонтали получалось одна, при том, нужно, чтобы их сумма по длине равнялась ширине экрана при всевозможных расширениях. как быть? Пытаюсь засунуть в таблицу вот так: при расширении 1024 на 768 - общая картинка становится шире экрана. Подскажите, пожалуйста, как это делается?
0 votes2 answers -
вложенная таблица - помогите плизз
Не знаю,где ошибка,если не трудно помогите пожалуйста. дело в том,что есть 2 таблицы, одна из них вложена в другую - и вроде должна отображаться сверху, но она съезжает вниз,как будто у нее параметр align - левый нижний угол. никак не могу понять в чем дело, параметр valign почему-то не помогает, пробовала в разные места его засунуть. вот код: <table width="803" align="center" border="5" bordercolor="#422464" > <tr><td width="795" colspan="2"><div class="tex" align="center"> <h3>...</h3> </div></td> </tr> <tr class="menu" height="45" align="center"><td width="795" colspan="2"> <a href="index.htm"&…
0 votes2 answers -
Подскажите по динамическому меню
Хочу разместить на своем сайте динамическое многоуровневое меню. Сделал первый вариант в виде списка с оформлением на CSS, но получилось несколько коряво. Начал искать, и наткнулся на программу Sothink DHTML Menu. В ней сделал красивое меню, но затем обнаружил, что для включения этого меню необходимо подключить еще два скрипта общим размером почти 100kb. Подскажите, есть ли более экономичное, красивое решение, или лучше дорабатывать свое меню?
0 votes2 answers -
Как убрать ползунок и Как привязать картинку
Как привязать картинку к низу страницы?Нужно чтобы при любых изменениях колонки картинки (помечены крестиком) была привязана к нижней горизонтальной полоске (тоже картинки я е? пометил на рисунке римской цифрой два) Как убрать нижний ползунок?Если убрать шапку и низ (Римские цифры 1 и 2) то ползунок пропадает.Также он пропадает если шапку сильно сдвинуть или сжать но тогда справа страницы остается ощутимая пустая фоновая область. Код шапки <tr> <td height="235" colspan="5"> <img src="Images/MegaTools.jpg" width="100%" height="100%" /></td> </tr> Код картинки которую надо привязать <tr> <td height="256"> <img src="Images/Drev…
0 votes2 answers -
Позиционирование div'а
Здравствуйте всем, сайт заточен под разрешение 1024x768. Использую слои, главный слой располагается всегда по центру, его ширина 1000px. CSS такой: position: absolute; left: 50%; margin-left: -500px; При уменьшении размеров окна браузера слой заезжает влево, полос прокруток не появляется. Соответственно, невозможно разглядеть, что находится слева. Что можно предпринять в этом случае? Спасибо!
0 votes2 answers -
Блоки
Всем привет. Такая проблема. Верстаю сайт блоками и хочу сделать сайт в три ряда, но с третимя рядом проблемы, смотрите: Код сайта: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="hb.css" type="text/css"> <link rel="stylesheet" href="fp.css" type="text/css"> </head> <body> <div id="title">Шапка</div> <div id="bread">Реклама</div> <div id="col1"> <div class="panel">Навигация</div> <div…
0 votes2 answers -
Слой котоырй можно прокручивать.
В нутри первовго слоя у которого задана ширина и высота находится второй слой. Подразумевается что второй слой будет больше первого по высоте. Но при этом нельзя изменять высоту первого слоя. Надо разместить второй слой в первом, что бы часть слоя которая не влезла скрылась. Но при этом что бы посмотреть оставшуюся часть надо было прокрутить слой - полосой прокрутки. Явный пример - фреймы, но фреймы юзать нельзя.
0 votes2 answers -
Отступы в IE6.
При верстке сайта столкнулся с проблемой, не понятно откуда взялись отступы в блоках в IE6. Никакие из принятых мною мер не принесли результата. Нужно сделать рамку с закругленными концами. Для этого я использую 4 изображения закругленных концов 5х5 пикселей и 2 блока с горизонтальными линиями фиксированной ширины и высотой в 5 пикселей. Во всех браузерах отображается правильно, в IE6 блоки, хранящие картинки имеют высоту гораздо больше 5 пикселей (выделено зел?ным цветом). Чтобы лучше понять о ч?м ид?т речь взгляните в браузере. CSS .clear { clear: left; } #container { width: 944px; margin: 200px auto; height: 100%; } .bottom_line { margin: 0px; padding: 0px; …
0 votes2 answers -
в IE и FF исходный текст (код html) открывается в новом маленьком...
в IE и FF исходный текст (код html) открывается в новом маленьком окне, а в Опере на всю страницу. Можно ли настроить чтобы в Опере открывались в маленьком окне? как в IE и FF
0 votes2 answers -
Нужна помощь с div в ие6
Добрый день. Подскажите плз в чем проблема. Простой код во всех броузерах кроме ие работает отлично: <html> <head> <title>Div test</title> <style> body { margin: 0; text-align: center; } .container { width: 982px; margin: 5px auto; } .subcontainer { border: 1px solid black; float: left; width: 980px; } .header { background-color: red; height: 30px; margin-bottom: 5px; } .item { border: 1px solid blue; display: inline; float: left; height: 135px; width: 180px; margin: 0 7px 5px 7px; } </style> </head> <body> <div class="container"> <div class="subcontainer"> <div class="header"&…
0 votes2 answers -
Перестали работать <a> при float=right
Добрый день. Вот такая трабла возникла. Макет состоит из двух столбцов. Нужно, чтобы технически правый столбец реально в коде шел первым. Сделал его с float=right. После этого в опере и ФФ перестали работать ссылки, расположенные в этом блоке. Тоесть не нажимаются. Страничка находится здесь http://tour.topotels.com/gallery.html Класс правого столбца .content { text-align:left; float:right; width:600px; position:relative; display:inline; margin:0px; padding:0px; padding-right:25px; }
0 votes2 answers -
Выравнивание блочных элементов.
Вот ресурсик мой: www.eds.gkng.ru. Проблема в чем. Вот есть там сейчас в области контента несколько элементов в виде фиолетовой карты. Надо его выровнять по центру. Самое инетересное, что текст выравнивается, а блок нет. Но это еще не все. Самое жесткое, что таких блоков может быть быть несколько (много даже). Я их всех прилепляю флоатом, как можете видеть. Т.е. в зависимости от разрешения монитора у юзера в строку будет влеплено столько блочков, сколько помещается, остальные все перенесены на след строку. И вся эта конструкция должна быть выровнена по центру. - вот с этим то и загвоздка. Если есть у кого мысли на эту тему, помогите. Заранее спасибо Да. Там только нарабо…
0 votes2 answers -
Выравливание по нижнему краю body
Доброе время суток, уважаемые гуру. Подскажите пожалуйста мне, неучу, как выполнить выравнивание по нижнему краю ? Да ещ? так, чтобы при добавлении контента, предшествующая информация сдвигалась вверх, и скроллинг не появлялся. Спасибо.
0 votes2 answers -
Объединение ячеек силами CSS
Проблема довольно простая. В сети в книге не нашел. Необходимо объеденить ячейки в таблице с помошь CSS. Имхо довольно неудобно писать к каждой ячейке rowspan="n", особенно если их много.
0 votes2 answers