HTML Coding

29,542 questions in this forum

1. Помогите с шапкой для фиксированного шаблона

   Помогите с версткой шаблона.Проблема в следующем..Левая и правая часть в шапке=баннере и футере разная.Вот картинка.. http://nds09.narod.ru/images/shapka.jpg Область где шапка расположена строго на своем фиксированном месте - область Шаптель- сам баннер.. Область №1 - этот div я просто перед div баннера и выкинул его левее margin-left:-107px;..таким образом она чётко сместилась влево...А вот область №2 должна идти до самого конца сайта как бы резоновая не зависимо от разрешения монитора или его размера..Т.Е напрашивается сделать repeat-x, но тогда не могу понять если делать для body..то и слева естественно вылезит эта картинка..перед областью 1..А мне там нужен другой ф…

   Asked by Demon_gms, March 31, 2011

   0 votes
   8 answers
2. Google Chrome не хочет отображать текущий класс

   Добрый день всем ! Помогите новичку. В общем такой вот код - <ul id="menu"> <li id="home"><span id="current"><a href="index.html"></a></span></li> <li id="work"><a href="work.html"></a></li> <li id="contact"><a href="contact.html"></a></li> <li id="blog"><a href="blog.html"></a></li> </ul> и стили - #home { background:url(i/home.gif) no-repeat; height:40px; width:117px;} #home a { display:block; height:100%;} #home a:hover { background:url(i/home-a.gif) no-repeat;} #home #current a{ background: url(i/home-a.gif) no-repeat;} соответственно для каждого п…

   Asked by Honcho, April 1, 2011

   0 votes
   5 answers
3. Плавающая картинка справа

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

   Asked by phatol, April 3, 2011

   0 votes
   2 answers
4. Прокручиваемый контент и div

   Добрый день! Есть div блок: <div id="centercontent"><jdoc:include type="component" /></div> Вот код идентификатора: #centercontent { background-image:url(../images/1_13.png); overflow:auto; height:300px; float:left; Всё как и хотел (контент джумлы отображается в див блоке с прокруткой), да вот только если контент большой, он растягивает див блок и тем самым портит дизайн. Как мне зафиксировать стенки блока, чтобы контент упирался в него? п.с. дизайн резиновый - в этом основная проблема..., поэтому width определенной ширины не предлагать.

   Asked by arthyrgrex, March 31, 2011

   0 votes
   3 answers
5. em вместо px, а надо ли?

   Прочитал про em, что нашёл, но так и не понял, чем они лучше px? Говорят, что их в отличии от px можно масштабировать, но почему так, ведь px тоже масштабируются! В общем я чего-то недогоняю помогите понять в них смысл

   Asked by 1284metra, April 1, 2011

   0 votes
   3 answers
6. @font-face

   Есть шрифт вот такой, решили вставить его в проект. Генерю CSS и шрифты разных форматов при помощи сервиса fontsquirrel.com. Возникают проблемы с кириллицей причем как-то странно - кириллица не отображается только в ИЕ7 (с латинницей все в порядке). Пока проверял в ИЕ8, ИЕ9 и Хроме, там все нормально (не знаю как в остальных браузерах). В чем может быть проблема в ИЕ7? Вариант отказа от ИЕ7 не подходит ни под каким предлогом. Шрифт заюзать надо позарез. Кто что подскажет? P.S. Хоть в этом сервисе заявлена поддержка ИЕ5+, но в ИЕ6 (на виртуальной машине) у меня ничего не работает, даже латинница. Интересно почему. Поддержка ИЕ6 в общем не особо нужна, но как бонус было бы …

   Asked by Great Rash, April 1, 2011

   0 votes
   8 answers
7. ползунок скролла браузера не перемещается до нижней границы блока

   помогите пожалуйста решить проблему и по возможности объясните ход решения. для стилизации скролла браузера использовал это в результате получил это проблема в том, что когда пользователь прокручивает документ до конца, ползунок скролла( представляет из себя красный квадратик) не прокручивается до низа(остаётся примерно посередине). мне же нужно сделать так, чтобы если пользователь прокрутил документ до конца, то и ползунок соответственно переместился до самой нижней точки блока удивительный плагин. почитаешь описание, так там настроек куча, на все случаи жизни. а такой важной нет. как я понял высота этого скролла рассчитывается в яваскрипте динамически (прописывается в т…

   Asked by cyklop77, November 12, 2011

   0 votes
   0 answers
8. Отступы, таблицы, кроссбраузерность

   Линк _http://www.energee.com.ua/boards/ 1) В браузерах (кроме Оперы) таблица со списком вылазит за границы прописанной ей области. Подскажите, пожалуйста, как сделать такое же отображение, как в Опере - чтобы секция вписывалась в отведенный ей блок? 2) Если нажать внизу страницы "Все" (для отображения всего списка, то становится еще хуже: _http://www.energee.com.ua/boards/?SHOWALL_1=1 Во всех браузерах таблица съезжает вниз, а в Опере и в ИЕ вообще уходит за пределы видимости. Как вернуть нормальное отображение?

   Asked by photograf, April 1, 2011

   0 votes
   10 answers
9. Под какой размер монитора верстать.

   Добрый день! Хочу знать мнение профессионалов: Верстать под 1024 х 768, или же можно уже под 1280 х 1024 и не париться? Кто как считает.

   Asked by arthyrgrex, April 1, 2011

   0 votes
   13 answers
10. Связанные ссылки.

    Здравствуйте. У меня есть один важный вопрос. Как можно связать 2 ссылки? Что имееться ввиду. В шапке сайта есть несколько моделей автомобилей, которые кликабельны - ведут на страницу с описанием (изображения) - каждая модель в блоке DIV. Также есть горизонтальное меню с названием этих моделей (список). Изображение не получится поместить в список (по дизайну) Как сделать, чтобы при наведении мышки на модель автомобиля подсвечивалось соответствующий пункт меню? Буду очень благодарен за совет (помощь)

    Asked by lukovoy, April 2, 2011

    0 votes
    17 answers
11. Слайдер

    Привет всем , хочу обратится за помощью народ подскажите пожалуйста как можно сделать вот такой вот слайдер тоесть такая черненькая горизонтальная полоса прокрутки , и во время нажатия на картинку , она увеличивает свой размер. с jquery я не знаком , занимаюсь только внедрением уже готовых javascript в вёрстку. Очень надеюсь на вашу помощь Спасибо заранее.

    Asked by MaferoK, June 6, 2011

    0 votes
    10 answers
12. Некорректное отображение таблицы в IE6

    Всем привет. Имеется вот такой html-код <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Тест</title> <style type="text/css"> table { width: 548px height: 340px; background: red; } td { width: 512px; height: 62px; background:green; color:white; } </style> </head> <body> <table cellpadding="16px" cellspacing="18px"> <tr><td>Текст…

    Asked by tvolf, April 10, 2011

    0 votes
    2 answers
13. небольшая проблемка с таблицей

    <TABLE border="2" align="center" align="middle" > <tr width="600"> <td colspan="4"> <div align="center"><b><font size="15" color="blue">Наши CW </font></b></div></td> <td></td> <td></td> <td></td> </tr> <TR width="600"> <TD width ="200"> <div align="center"> Соперник </div> </TD> <TD width ="100"> <div align="center"> Карта </div> </TD> <TD width ="100"> <div align="center"> Счет </div> </TD> <td width ="200" ><div align="center"> Демка </div> </td> </t…

    Asked by gimpy, April 2, 2011

    0 votes
    5 answers
14. Chrome и соседние селекторы

    Странно, нигде в интернете не видел упоминания об этом. Совершенно случайно обнаружил, что хром некорректно обрабатывает селекторы соседних элементов. Скажем, если я хочу выделить с их помощью второй элемент в списке, то выйдет всё совсем не так, как хотелось бы. См. комментарии в коде. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Red Preved</title> <style> dd:first-child + dt { color: red; /* …

    Asked by Gaspode, April 2, 2011

    0 votes
    2 answers
15. body и свойство background

    Задача: фиксированный макет в тысячу пикселей шириной, в правом верхнем углу макета - картинка фоном. body сделано как {width: 1000px; margin: 0 auto;}, но фон по-прежнему задаётся так, как будто body занимает всё окно. Мне такое поведение кажется архистранным, но тем не менее. Выход - только дополнительная обёртка?

    Asked by Gaspode, April 2, 2011

    0 votes
    33 answers
16. Не могу воспроизвести глюк.

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

    Asked by swetlana, April 2, 2011

    0 votes
    12 answers
17. Сложности с вёрсткой списка

    Прямо не знаю, как тему назвать, извините) Выглядит это всё так. Див-обёртка - фиксированной ширины. В нём примерно так всё выглядит: Ссылка 1-1 —- Ссылка 2-1 —- Ссылка 3-1 Картинка 1 —- Картинка 2 —- Картинка 3 Ссылка 1-2 —- Ссылка 2-2 —- Ссылка 3-2 Цена 1 ——-- Цена 2 ——-- Цена 3 Условия: 1. Весь контент, _в том числе и картинки_ подгружается динамически, то есть высота блоков заранее не известна. 2. Картинка N - это ссылка, ведущая туда же, куда и Ссылка N-2. Причём Ссылка N-2 подсвечивается, когда курсор наводится на картинку. Сейчас реализовано так: они обе в одном диве, при наведении на который ссылка подсвечивается. 3. Картинки центрированы по высоте и ширине ячейки…

    Asked by Gaspode, April 2, 2011

    0 votes
    11 answers
18. Посоветуйте учебник по html в текстовом формате

    Посоветуйте учебник по html в формате txt, rtf, doc, chm, fb2 и других текстовых, но только не pdf и djvu.

    Asked by kpripper, April 2, 2011

    0 votes
    4 answers
19. www.forum.htmlbook.ru

    При вводе к примеру www.htmlbook.ru сайт работает, а если ввожу дословно www.forum.htmlbook.ru, то "Невозможно найти удаленный сервер". хотя введя просто forum.htmlbook.ru форум работает. Вопрос что, где, как, почему, дайте почитать? Дело в каком-то файле прописать типо .htacess подобие редиректа? p.s. заметил случайно когда зашел из opera mobile 10 версии, которая автоматически доставляет на новой открытой вкладке www., сколько людей возможно ломилось так.

    Asked by Slyfox, June 6, 2011

    0 votes
    3 answers
20. При наведении на ссылку выполнялся класс div'а

    Добрый вечер. Подскажите как реализовать при наведении на ccылку <a href="#">text</a>, выполнение класса class="logolittle", который находится в диве <div class="logolittle"></div> (..у меня в диве находится класс, который выполняет плавную смену картинки при наведении, а я хочу чтобы эта картинка плавно менялась при наведении на ссылку с текстом) Я понимаю, что это организуется через onmouseover, только как, не могу допетрить ). Буду благодарен за помощь.

    Asked by arthyrgrex, April 2, 2011

    0 votes
    7 answers
21. Куда IE9 съел фон?

    Проблемная страница здесь. Задача: взять уже имеющуюся вёрстку (оригинал этой же страницы здесь), и средствами только одного файла css развернуть страницу так, чтобы она выглядела естественно для арабского языка. За исключением нескольких нюансов это означает, что нужно просто зеркально отразить. Возникла маленькая, но непонятная проблема. В таблице результатов есть ссылки Bid Now, Add to WatchList, Remove from WatchList. В оригинале им задан фон цветом и маленькие иконки фоновым изображением, но для IE8-, который не умеет скруглять уголки, фоновое изображение задано во всю ссылку и включает эти самые круголки. Делаем просто: ту же самую фоновую иконку размещаем не слева,…

    Asked by swetlana, April 2, 2011

    0 votes
    8 answers
22. Проблема с background'ом

    Приветствую. Помогите разобраться. Имею такой код: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title></title> <style type="text/css"> .main{width:760px;margin:0 auto;} .left{width:499px;float:left;} .right{width:258px;float:left;border:1px solid black;border-top:0px;font-family:Arial,sans-serif;font-size:14px;} .line{background-image:url(image/line.jpg);background-repeat: repeat-x;font-family:Arial,sans-serif;color:#fff;font-weight:bold;font-size:18px;padding-left:5px;} </style> </head> <body> <div class="main"> <div class="left"> <div class="…

    Asked by San4ezz, April 3, 2011

    0 votes
    2 answers
23. Еще одна задумка

    Вот такое хочу)) : Есть две страницы. На первой-ссылки на контент. На второй- форма для скачивания. При нажатие ссылки на первой, происходит переход на вторую страницу, где в форме отображается соответствующая ссылка на скачивание. На сколько мне хватает фантазии: на второй страницы должен быть Яваскрипт, который бы осуществлял обработку информации со ссылки и вставлял в форму. Интересно еще, как должна выглядеть сама форма. Классно было бы еще Каптчу к форме прикрутить. А, ну, и сам вопрос: как реализовать..? Как всегда, заранее благодарен

    Asked by chest, April 3, 2011

    0 votes
    17 answers
24. Двойной фон в разные стороны

    Здравствуйте! Помогите пожалуйста сделать такое: Может быть, можно сделать 1 фон первые 50%, второй фон - след 50% и будет нормально вроде

    Asked by Xorigan, April 3, 2011

    0 votes
    9 answers
25. Про ФОН, CSS и скрипт!))

    Здравствуйте, начал создавать сайт на okis.ru вот он Моя ссылка Возник вопрос, как с помощью CSS можно сдвинуть чуть правее скрипт с глобусом (он находится справа под новостями) и сделать над ним фон, как у всего сайта? Виктор.

    Asked by SemenAS, April 3, 2011

    0 votes
    4 answers