HTML Coding

29,542 questions in this forum

1. 3 блока друг под другом

   Всем доброго времени суток! Хочется взять револьвер и вышибить себе мозги. Казалось бы задача простая, но то ли меня клинит, то ли неверно создана иллюзия простоты этой задачи. Условие: Есть 3 div'а. Назовём их условно: шапка, контент, футер (по логике их расположения на странице). Все они имеют фиксированную ширину 200px. Располагаются соприкасаясь друг по другом, позиционируются на странице по центру. Получается эдакий столбик. Контент имеет высоту 200px, располагается в этом столбике точно посередине. А теперь приведу абстрактную формулу, высчитывающую высоты шапки и футера (которые одинаковы) и дающую представление цели задачи. H = (max (100%, 200px) - 200px) / 2 Как …

   Asked by Mister Y, July 2, 2009

   0 votes
   12 answers
2. Прыгает ширина блоков на разных страницах

   Есть страница, верстка div'ами. Шапка: #header { float:left; height:70px; margin:10px 0 5px; padding:10px; width:900px; } Левый div (с меню) #leftcolumn { float:left; margin:0 5px 5px 0; padding:10px; width:195px; } Правый блок(с контентом) #rightcolumn { color:#333333; display:inline; float:right; margin:0 0 5px; padding:10px; width:678px; } При переходе по страницам, верстка прыгает. Перерыл всё... вроде всё жестко зафиксил, всё равно прыгает. Сам сайт _ttp://www.devilbiss.ru

   Asked by rolph, July 13, 2009

   0 votes
   12 answers
3. Фиксирование контента

   У меня проблема: текст сайта на моем компьютере стоит ровно как положено, а на всех других по-разному, происходит смещение то в бок, то вверх. Как сделать, чтобы он фиксировался на одном месте одинаково на всех компьютерах с разным разрешением??? Приведите, пожалуйста, примеры кода.

   Asked by Zarina, July 14, 2009

   0 votes
   12 answers
4. XML. Elelement.text почему то не работает в Firefox

   Оочень сильно удивился, когда firefox вместо содержимого элемента выдал undefined. Вроде бы и запрос то немудреный. Я бы даже сказал самый обычный. NodeList[0].childNodes[0].text либо же NodeList[0].childNodes.item(0).text одинаково реагирует undefined. IE и Opera отработали так как надо. Почему так? ЗЫ. При запросе атрибута элемента NodeList[0].attributes.getNamedItem('Name').value firefox отрабатывает.

   Asked by Eugen, July 15, 2009

   0 votes
   12 answers
5. Тег <code>

   Столкнулась впервые с тегом <code> по долгу службы, заодно и с интересной проблемой. Если тэгом этим обернуть, например, кусок из яваскрипта, или css класс - все чудненько отображается как положено - пользователь видит код, а не результат его работы. НО. Иногда будет необходимость показать пользователю, например, кусок страницы с тэгами HTML. И тут тег <code> не помагает Т_Т Код отрабатывается, а не показывается. Банально такая строчка обрабатывается, а не выводится текстом: <code> Text</code> Гугл что то промычал в примерах, но примеры тоже по-чему то обработались, а не показались текстом 0_о (скрипт Hello World =_=) Разъясните, плз, как с ним об…

   Asked by Anami, July 16, 2009

   0 votes
   12 answers
6. Не убирается первый элемент background li

   Друзья, привет. Оч нужна помощь. В общем не могу убрать изображение background у первого списка li меню ul. Также неполучается сделать padding: 0; Вот сам код: <div id="tpl_main_menu"> <ul> <li class="no_style"><a href="otdih.html">Отдых</a></li> <li><a href="apartamenti.html">Апартаменты</a></li> <li><a href="priroda.html">Природа</a></li> <li><a href="kontakti">Как добраться</a></li> </ul> </div> И сам css #tpl_main_menu { text-align: center; margin: 0 auto; width: 635px; } #tpl_main_menu ul { padding: 0; margin: 0; list-style…

   Asked by Вадим, July 17, 2009

   0 votes
   12 answers
7. Углы в Opera и Ie

   проблема вот в чём: Опера: Интернет Эксплорер: ?? Как сделать чтобы в опере и ie одинаково было? ——————————————————————————- Кстати, к слову, видите чёрные кнопочки наверху (это меню) в ie они меньше, чем в опере и background целиком не влезает. дело вот в чём: (ну хоть это и так понятно, но всё же) css: #menu a { display: block; width: 161px; height: 16px; font-size: 10px; font-family: arial; padding-top: 2px; background: url('/img/a_.gif'); color: white; text-align: center; } И в опере высота "a" = height(16px)+padding-top(2px) и получается высота a_.gif (18px) А вот ие не прибавляет паддинг к высоте и остаётся просто height 16px. ?? как сделать, чт…

   Asked by iavn7, July 22, 2009

   0 votes
   12 answers
8. Список по горизонтали

   Есть пациент: http://diystores.ru/ Суть проблемы - ниже шапки идут 5 блоков градиентом (1,2,3,4,5). В IE 6,7 съезжает 5ый блок на след. строку. Сам блок: <div id="sellPan"> <ul> <li><h2>1</h2></li> <li><p>2</p></li> <li><p>3</p></li> <li><p>4</p></li> <li><p>5</p></li> </ul> </div> CSS для блока #sellPan{width:100%; height:230px; position:relative; margin:0 auto; padding:0; background: url(images/top-bg.gif) 0 0 repeat-x #FFFFFF; color:#666; font:14px/20px Arial, Helvetica, sans-serif; font-weight:normal;} #sellPan ul {width:100…

   Asked by daykkin, July 23, 2009

   0 votes
   12 answers
9. Выравнивание слоёв.

   Здравствуйте. Есть код: // CSS .div1{ float: left; width: 20px; } <div class="div1">layer 1</div> <div>layer 2</div> В этом случае layer 1 будет иметь ширину в 20 пикселей, а layer 2 будет идти за ним в одну строку и растянут на всю страницу. Собственно вопрос, а как сделать на оборот? Чтобы layer 1 был растянут на всё страницу, а layer 2 был в правом краю и имел ширину в 20 пикселей.

   Asked by Flake, July 29, 2009

   0 votes
   12 answers
10. Растянуть div по высоте ячейки таблицы

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <style type="text/css"> .myclass { height: 100%; width: 100%; background: #000000; } </style> <table> <tr> <td valign="top" bgcolor="#00FF00"> aaa<br><br><br>aaa </td> <td valign="top" bgcolor="#FF0000"> <div class="myclass">mydiv</div> </td> </tr> </html> Пока не выставил HTML 4.01 Transitional проблем с этим не было, но хотелось сделать так, чтобы работало в этом стандарте. Задача - растянуть div под ячейку td в высоту. Перепробовал много вариа…

    Asked by PCSpeaker, July 30, 2009

    0 votes
    12 answers
11. помогите с ие

    выложил вот на бесплатник - valeradmitruk.narod.ru/1st.html проблема только с ие, фф и опера показывают как надо, пробовал основному контенту добавить z-index:-1; тогда ие показывает нормально, но пропадает основной контент в фф

    Asked by dvs, August 3, 2009

    0 votes
    12 answers
12. Как сделать так...

    Мне нужно сделать, чтобы две разные таблицы стояли по центру. (как на картинке).

    Asked by mxm008, August 5, 2009

    0 votes
    12 answers
13. Text-decoration только для текста ссылки

    Прошу помочь. Как сделать так, что бы text-decoration:underline применялся исключительно к тексту находящемуся в ссылке. <a href=***.php" class="mb1"><img src="spacer.gif" width="30" height="30"> Заказ</a> в стиле: a.mb1:hover{ color: #c96a16; font-size: 11px; font-family: Arial; text-decoration: underline; background-image: url(m1b1_on.gif); background-repeat: no-repeat; background-position: top; display: block; }

    Asked by lyapiss, August 11, 2009

    0 votes
    12 answers
14. Запрет разрыва содержимого списка

    Есть такая структура: <div> <ul> <li><a><span>Текст про собак</span></a></li> <li><a><span>Текст про попугает</span></a></li> <li><a><span>Текст про удавов</span></a></li> ... <li><a><span>И про НЛО</span></a></li> </ul> </div> <div> имеет фиксированную ширину, элементы <li> выстроены горизонтально с помощью display:inline. Проблема в том что список большой и в одной строке не вмещается, а при переносе на другую разбивается содержимое, например "Тект про" остаётся на одной …

    Asked by pedrosoft, August 20, 2009

    0 votes
    12 answers
15. Как выравнивать внутри DIV с float

    Вот страница, видно, что выравнивание плохое -- картинки сдвинуты влево. Случилось это после добавления тени к ним. Добавлялось по статье с этого сайта "Создание тени по типу "луковой шелухи". Т.е. до добавления тени все было как-то худо-бедно-ровно ,). По синему выделению см. ниже. HTML код простой. <div id='photographs_index_div'> <table id='photographs_index'> <tr> <td><a href='image.php?num=B07613'> <div class='wrap0'> <div class='wrap1'> <div class='wrap2'> <div class='wrap3'> <img src='images/index/hpano/B07613.jpg' /> </div></div></div></div></a&…

    Asked by lazybird, August 22, 2009

    0 votes
    12 answers
16. Борюсь с таблицами

    Всем привет! Имеется таблица с двумя колонками. В каждой из колонок имеется вложенная таблица, которая по ширине растянута на 100%. Но количество текста может быть абсолютно произвольным и слева и справа, поэтому у меня вложенные таблицы получаются неодинаковые по высоте, а так некрасиво. Пробовал написать в каждой из вложенных таблиц width = "100%" height = "100%" - почему-то никакого эффекта это не произвело. А что еще там написать можно - я не знаю. Помогите пожалуйста чайнику

    Asked by DasTPID, August 24, 2009

    0 votes
    12 answers
17. таблица из дивов

    Здраствуйте помогите пожалуйста встала задача сделать таблицу из дивов 1 строка 3 столбца. Проблема в том что крайние дивы фиксированного размера шириной 8px а центральный должен растягиватся на все оставшееся место. делал так <div class="zone"><div class="tl"></div><div class="tc">центральный</div><div class="tr"></div></div> не хочет все это вставать в 1 строчку (( .zone { height:30px; width:100%; display:table-row; } .tc{ display: table-cell; background-image: url("../res/tc.png"); float:left; height:30px; width:100%; left:8px; right:8px; } .tr{ display: table-cell; float:left; background-image: …

    Asked by lancer666, August 31, 2009

    0 votes
    12 answers
18. центрирование div

    Здравствуйте! Как можно отцентровать div, если его ширина заранее неизвестна. Т.е. есть такой вот html-код: <div id="header"> <div class="menu_container"> <ul class="menu"> <li class="menu_item">пункт 1</li> <li class="menu_item">пункт 2</li> <li class="menu_item">пункт 3</li> </ul> </div> </div> Пункты меню выводятся динамически, т.е. сколько их будет заранее неизвестно. Что прописать в css для header и menu_container, чтобы этот самый menu_container центрировался такой css не помогает: #header { text-align: center; } .menu_container { margin: 0 auto; }

    Asked by theo_, September 1, 2009

    0 votes
    12 answers
19. wmv vs FF

    Не знаю что делать, уже все перепробовал и перегуглил. При попытке вставить видео формата wmv в документ, оно не проигрывается в Файрфоксе, хотя в других браузерах (Хром, Ие7/8, Сафари, Опера) все нормально. В чем может быть причина? Вот код: <object ID="Player" width="330" height="310" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> <param name="autoStart" value="True"> <param name="uiMode" value="full"> <param name="volume" value="100"> <param name="mute" value="false"> <param name="URL" value="video.wmv"> <embed src="video.wmv" width="330" height="310" autoStart="True" uiMode="full" volume="100" mute="false"><…

    Asked by milax, September 10, 2009

    0 votes
    12 answers
20. Обрезать слой по обоим краям, реально?

    Есть слой, в нем flash-ролик, ширина ролика - шире окна браузера, нужно избавится от горизонтального скролинга "обрезав" ролик по краям, точнее обрезав слой содержащие этот ролик. На данный момент слой контейнер такой: width: 100%; overflow: hidden; Ролик обрезается, но только с правой стороны. Хочется добиться эффекта как при background: center когда фон блока обрезается с обоих сторон. Осуществимо ли это?

    Asked by weblad, September 13, 2009

    0 votes
    12 answers
21. Якорь на середину другой страницы

    Привет! Такая задача. Ссылка со страницы должна вести на середину другой. Т.е. должна быть ссылкой, ведущей на якорь на другой странице. Возможно ли без Java сделать?

    Asked by Jadd_NS, September 22, 2009

    0 votes
    12 answers
22. Верстка вложенными таблицами

    У меня вопрос про верстку таблицами. Почему при верстке таблицами вкладывают одну или несколько таблиц в другую. Разве это как то влияет на их отображение?

    Asked by alex72, October 5, 2009

    0 votes
    12 answers
23. Ввод текста

    Здравствуйте, уважаемые знатоки. Я начинающий сайтостроитель (совсем слабый) Я начала писать кодинг в редакторе WeBulder2008. Проблема моя в следующем: На сайте у меня должно быть 3 текста: английск. русский арабский С англ. и русским нет проблем. Проблемы с вводом арабского текста. Арабский текст (в отличие от русс. и англ.) пишется справа налево. И когда я в WeBulder2008 начинаю вводить араб. текст , то он вводится как русский, т.е . слева направо. И получается ерунда. Прошу вас, подскажите, что мне сделать, чтобы каждый текст вводился в том направлении, которого требует язык. Кстати , в Блокноте с этим нет никаких проблем. Но в нём очень неудобно работать. А ещё говори…

    Asked by Нusuf, October 6, 2009

    0 votes
    12 answers
24. Ааа... Warning! Margin в ie6!

    Хелп, подскажите как лечить ие6? Конструкция такая: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> body { margin: 20; padding: 20; } .local-max { width: 300px; background: red; border: 1px solid black; overflow: hidden; zoom: 1; } .local-min { float: left; margin-left: 8px; width: 30px; color: white; background: green; } </style> </head> <body> <div class="local-max"> <div class="local-min">1</div> <div class="l…

    Asked by Semreg, October 9, 2009

    0 votes
    12 answers
25. Проблема с версткой в IE

    Добрый день! Пожалуйста помогите разобраться с проблемой в css для браузеров IE. Сайт корректно отображается в FIREFOX, OPERA, CROME а в IEXPLORER блоки налезают друг на друга.... верстка блочная, делал фрилансер которого сейчас уже не найти, поэтому надеюсь на вашу помощь. Вот ссылка на сайт - главная страница, блок новостей...

    Asked by maxpoker, October 15, 2009

    0 votes
    12 answers