HTML Coding

29,542 questions in this forum

1. Первый серьезный проект, нужен ХЕЛП!

   как пристыковать див к низу окна браузера без использования position:absolute; ???

   Asked by tigerok, October 11, 2008

   0 votes
   1 answer
2. Навигация для сайта Webreference.ru

   Сделал навигацию для будущего сайта WebReference.Ru и столкнулся с двумя затруднениями. 1. Страшно глючит в IE7. Не прячется меню, которое должно скрываться. 2. Если убрать курсор с ссылок заголовка, фон под ними пропадает, а надо чтобы оставался. На CSS реализовать подобное проблематично, только скриптами. Посмотреть пример здесь http://webimg.ru/webreference/nav.html На сайте будет применяться jQuery, можно его задействовать. За исключением IE7 в остальных браузерах работает корректно. Даже в IE6 все нормально.

   Asked by Vlad, October 11, 2008

   0 votes
   6 answers
3. Выпадающее горизонтальное меню

   Здравствуйте! Нужна помощь знатоков ибо таким я к сожалению не являюсь! Проблема заключается в том, что у меня есть горизонтальное меню построенное на списках. Чтобы центрировать его я использовал вот эту схему: #buttons{ float:left; position:relative; left:50%; text-align:left; } #buttons ul{ list-style:none; position:relative; left:-50%; } #buttons li{float:left;position:relative;}/* ie needs position:relative here*/ #buttons a{ text-decoration:none; margin:10px; background:red; float:left; border:2px outset blue; color:#fff; padding:2px 5px; text-align:center; white-space:nowrap; } #buttons a:hover{ border:2px inset blue;color:red;background:#f2f2f2;} #content{overflo…

   Asked by Emil, October 10, 2008

   0 votes
   9 answers
4. Импорт ie-only.css

   Не знаю может баян, не нашел ответа. В общем дано: 1. index.html: <link href="style.css" rel="stylesheet" type="text/css" media="all" charset="utf-8" /> 2. style.css 3. iestyle.css Как грамотней подключить iestyle.css ? Варианты: 1. В index.html пишем <!–[if lte IE 6]><style type="text/css">@import url("iestyle.css"); </style><![endif]–> 2. В style.css пишем @import "iestyle.css" all; В первом варианте грузим в два потока(для IE) что нежелательно, во втором варианте нет условий для @import, т.е. грузят все браузеры. Как быть? Идеальным решением был бы второй вариант если бы для него можно было задать условие (if IE). Или я много хочу?

   Asked by FXIX, October 10, 2008

   0 votes
   8 answers
5. Фрагмент страницы с помощью div - отображается не верно

   Уважаемые, помогите пожалуйста со следующей проблемой. Есть страничка (точнее даже кусок страницы). Проблема: в Firefox+Safari+Opera выглядит так, как надо, в IE (ver.6) - нет (расползается). Вот ссылка на страницу: http://85.25.66.242/test/test1.html Также прикрепляю три скриншота. (ниже) Мои мысли (точнее их отсутствие): мне кажется, что это как-то связано с параметром border, потому что если на три пикселя уменьшить внутренний div, что становится в порядке. Хотя пробовал уже выставлять border: 0px; - не помогает. Пробовал переделывать с таблицами - все нормально, но хочу сделать дивами. Подскажите пожалуйста, в какую сторону курить доки? Спасибо. ПыСы. скрины: Firefox…

   Asked by waldicom, October 10, 2008

   0 votes
   1 answer
6. проблемка в таблице...

   как сделать чтоб текст был в верхнем левом углу например??? align="left" это чтоб левее. а как что он вверх поднялся???

   Asked by lacostex, October 10, 2008

   0 votes
   6 answers
7. Волшебные divы

   Кароче Есть три элемента которые идут друз за другом и должны, соответственно отображаться друг под другом и все они находятся в большом диве. <div> <img ...> <div ...> ... </div> <img ...> </div> Несмотря на все padding : 0; margin : 0 в css, появляюется прогал сверху дива и снизу дива. Однако, когда если прописать у этого дива border : 1px solid; то все норм! Как с этоим бороться?

   Asked by ivan, October 10, 2008

   0 votes
   2 answers
8. CSS-аналоги cellspacing и cellpadding

   Это не вопрос, как многие могли подумать , а маленькое количество кода, который я лично использую: table { border-collapse: collapse; } td { border: 1px solid #000; } Почему все вокруг говорят, что CSS-аналогов у cellpadding и cellspacing не существует, когда вышеприведенный код все отлично отображает (это альтернатива параметрам cellpadding="0" cellspacing="0" на стилях) ?

   Asked by HatoL, October 10, 2008

   0 votes
   7 answers
9. Вертикальное выравнивание в теге <a..> при display:block.

   Проблема следующая: есть код: #but {width:400px; height:100px;} #but a {display:block; float:left; width:100px; height:100px; color:#4088b8;} #but a:hover {color:#131313; background:url(i/image.gif) center bottom no-repeate;} <div id="but"> <a href="#">linkname</a> <a href="#">linkname</a> <a href="#">linkname</a> <a href="#">linkname</a> </div> проблема: linkname прижимается к верхней границе блока, а надо что бы был внизу. Пробвал применять padding со нужными значениями, но в этом случае увеличивается высота блока и соответственно толкает вниз все что под ним. Также пробовал разные варианты display - тоже…

   Asked by mozart, October 10, 2008

   0 votes
   1 answer
10. Меню из картинок

    Сформировал макет страницы через body { margin-top: 30px; margin-bottom: 10px; margin-left: 10%; margin-right: 10%; backgroung-color: gray; border: thin solid #000000; } Ну и ниже динамически (из базы) формируется меню из кнопок-картинок (100px x 100px). Кнопки добавляются в таблицу - формируется таким образом горизонтальное меню. И все вроде было хорошо, пока это меню не стало достаточно длинным. Обнаружил не приятный эффект : как только окно браузера по ширине уменьшаю - все элементы ведут себя нормально - пропорционально тоже уменьшаются и не выходят за пределы body. А вот таблица с меню-кнопками безобразно выперает. Пробовал прикрутить к таблице overflow - не помогло…

    Asked by vak, October 10, 2008

    0 votes
    5 answers
11. IE6 крадёт у меня мышку! :(

    Дело в том, что название темы не совсем правильное. Для того, что бы на сайте можно было залогиниться, я использую всплывающий поверх страницы DIV, внутри которого находится форма (email + pass). Всё это дело я показываю через JavaScript. Но, возникла такая неприятная ситуация, в IE6, всё всплывает хорошо, DIV показывается, всё на месте. НО щелкать на формы не могу. Они как будто задисейбленные. Т.е. просто не щелкаются. Играл с z-index: 999++, не помогло. В чем может быть проблема? Помогите пожалуйста!!

    Asked by youmee, October 10, 2008

    0 votes
    6 answers
12. Листалка страниц Ctrl+

    Всем доброго утра, посдкажит плиз, ни разу с этим не сталкивался. Есть php скрипт он генерирует листалку новосте на сайте типа < 1 2 3 4 ... > С помощью какого скрипта и как сделать чтобы при нажатии на клавиатуер CTRL+стелка вправо(влево) работало пролистование?

    Asked by okunev2, October 10, 2008

    0 votes
    2 answers
13. width: 25% + float

    приветствую. хотел поинтересоваться... какие есть способы для решения поставленой задачи. если не понятно о чем речь: имеем 3 колонки данных шириной 25%. при сужении окна под IE последний блок слетает. Знаю несколько вариантов решения данной проблемы но хотелось бы что то более универсальное. у кого какие идеи (или линки) есть на этот счет?

    Asked by klierik, October 9, 2008

    0 votes
    9 answers
14. как реализовать select из картинок?

    типо

    Asked by voodoo, October 9, 2008

    0 votes
    6 answers
15. BGSound не работает в Mозиле

    Собственно весь вопрос: почему BGSound не работает в Mозиле ?

    Asked by AzatSh, October 9, 2008

    0 votes
    2 answers
16. Как заморозить ширину всех столбцов, кроме одного (в IE)?

    Как сделать так, чтобы в таблице все столбцы имели фиксированный размер, кроме одного, который должен растягиваться при растягивании окна. Вот такой вариант нормально работает в Опере и FireFox-е: <table width="100%" border="1" cellpadding="5"> <tr> <td style=" width: 200px; max-width: 200px; min-width: 200px; "> </td> <td style=" width: 70px; max-width: 70px; min-width: 70px;"> </td> <td style=" width: 100%;"> </td> <td style=" width: 128px; max-width: 128px; min-width: 128px;"> </td> <td style=" width: 128px; max-width: 128px; min-width: 128px;"> </td> <td style=" width: 128px; max-widt…

    Asked by retk213, October 9, 2008

    0 votes
    4 answers
17. Вопрос о размерах шрифта

    Ребят,у меня следующая проблема: Все мои свёрстанные сайты при изменении размера шрифта на больший(чем больше шрифт,тем хуже),сразуже распадаются кто куда,один блок там,другой там..так вот вопросы: 1) Существует ли какие нибудь способы или правила,по которым нужно задавать шрифт на сайте.чтобы при его увеличении вёрстка не портилась? 2) И где можно об этом почитать?

    Asked by psywalker, October 9, 2008

    0 votes
    10 answers
18. Табличная вёрстка.

    Объясните, пожалуйста. Есть страница на двух таблицах. Возможно ли сделать так, чтобы ссылки открывались не в новом окне или вкладке, а в определённой <td> ячейке? Если возможно, то как.

    Asked by corol, October 9, 2008

    0 votes
    4 answers
19. Применение opacity ко вложеным div

    есть таблица <!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>Untitled Document</title> </head> <body> <div class="top" id="table" style="opacity: 0.5"> TABLE <table border="1"> <tr> <td><div id="bot1" style="opacity: 0.4">BOT1</div></td> <td><div id="bot2" style="opacity: 0.6" >BOT2</div></td> </tr> <tr> <td><div id="bot…

    Asked by rrock, October 9, 2008

    0 votes
    16 answers
20. Способ вывода страницы браузером

    У меня страница довольно длинная(высокая) и весит достаточно много. Когда вывожу ее с помощью ИЕ, то он сначала долго думает. При этом перед пользователем пустой экран. Потом сразу резко все выводится. В других же браузерах происходит последовательный вывод элементов. Страница хоть и не догрузилась до конца, но пользователь видит то, что сверху, видит что новые элементы догружаются. Получается более менее сносно. Кто-нибудь знает отчего зависит как будет выводиться страница? Как заставить ИЕ выводить содержимое страницы последовательно, а не всё сразу?

    Asked by Колос, October 9, 2008

    0 votes
    8 answers
21. При ресайзе окна из-зи границы выступает слой.

    Господа, вот следующий код: <div style="overflow:hidden; width:100%;"> <div style="width:400%; position:relative; left:-300%;"> <div style="width:25%; background-color:#FF0000; float:left;"> </div> <div style="width:25%; background-color:#00FF00; float:left;"> </div> <div style="width:25%; background-color:#0000FF; float:left;"> </div> <div style="width:25%; background-color:#FFFF00; float:left;"> </div> </div> </div> Пояснение: четыре резиновых слоя равные ширине страницы, находятся в 100%-ом по длине слое с overflow:hidden. В будущем эти слои будут смещаться посредством JavaScript…

    Asked by smashercosmo, October 9, 2008

    0 votes
    4 answers
22. option disabled не работает в IE

    есть некоторые поля option, свойство disabled которых задается функцией на javascript. В мозиле всё ок, в ие не работает. и еще... есть кнопка вывода результатов, по нажатию она перекидывает вниз страницы, что в ие не работает помогите пожалуйста!!! <!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=windows-1251" /> <title>Untitled Document</title> </head> <body> <div style="width:636px; margin:auto" id="text"> <h3 align="center" …

    Asked by koxa, October 9, 2008

    0 votes
    9 answers
23. Исчезает ТЕКСТ!

    всем привет...есть сайт у меня все ОК отображается но у некоторых т.. в IE 6 исчезает текст на сайте ! =( но когда выделяешь текст то текст появляется =) ....нужна помощь! нид ХЕЛП ....вот сайт....www.td-ho.kz ...и вообще если есть еще какие то баги по верстки пишите в icq 418-277-585 или тут ...возможна оплата =) если решите проблему....

    Asked by romawka_ural, October 9, 2008

    0 votes
    17 answers
24. float:left; и отступ между слоями.

    Здрвствуйте! Помогите разобраться с простым отступом. В макете две колонки: СЛОЙ-1 – float:left; и фиксированная ширина. СЛОЙ-2 – все, что осталось справа. При уменьшении окна браузера СЛОЙ-1 трактуется как «Минимальная ширина экрана», а контент СЛОЯ-2 слетает вниз и располагается под СЛОЕМ-1 (что и требуется). Пока оба слоя расположены в ряд, между ними должен быть отступ. Если задать его так: . СЛОЙ 2 {margin-left: XXpx;} – это не помогает. Приходится делать: . СЛОЙ 1 {margin-right: XXpx;} Теперь – суть проблемы: Нужно, чтобы «Минимальная ширина экрана» была фиксированной (допустим 1024px), и чтобы при этой ширине СЛОЙ-1 занимал ВСЮ ШИРИНУ экрана (Параметр width…

    Asked by Дядька, October 8, 2008

    0 votes
    6 answers
25. Три колонки, крайние тянутся, центральная фиксированной ширины.

    По сути ситуация такая: весь контент находится в центральной части дизайна, в блоке шириной 954 пиксела, по бокам идет как бы декоративный фон, состоящий из нескольких элементов, то есть необходимо к центральному диву (трехколоночной таблицей не получается, т.к. образуется вертикальное смещение и дырки на стыках колонок), добавить еще два дива побокам, которые равномерно растягиваются при увеличении размера окна браузера, и в них разместить еще дивы следующим образом: в левой два дива фиксированной высоты, а в правой четыре - верхние два фиксированной высоты, третий тянется, нижний снова фиксированной высоты. При этом всем центральный див обязательно должен быть по центру…

    Asked by mozart, October 8, 2008

    0 votes
    7 answers