HTML Coding

29,542 questions in this forum

1. При уменьшении окна браузера правый div уходит вниз !

   Есть три области, div_left, div_center, div_right. В div_left находяться ссылки, в div_center выводиться основная информация а в div_right находиться например рекламма. При уменьшении окна браузера div_right уходит вниз !!!!! div_left в котором находяться ссылки также уменьшается до безобразия. Задача: оставить неизменными div_left и div_right при изменении размера окна браузера, div_center может меняться в ширину. Заранее Благодарю за ответ !!!

   Asked by 333_org_ua, November 12, 2010

   0 votes
   5 answers
2. Как установить вертикальную полосу прокрутки слева и изменить ее цвет и размеры ?

   Как установить вертикальную полосу прокрутки слева и изменить ее цвет и размеры ???

   Asked by 333_org_ua, November 12, 2010

   0 votes
   1 answer
3. Помогите разобраться с параметром "vertical-align"

   .menu_but{margin:0; padding:0; width:300px;background: #0420c3; list-style:none;} .menu_but li{padding:0; margin:0 0 1px 0; height:67 px; } .menu_but li a{ text-align:left; height:67px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:table; vertical-align:middle; background:url("../images/but.png"); background-repeat:no-repeat; text-decoration:none; outline:none;} .menu_but li a:hover{background:url("../images/but_a.png");} .menu_but li a.active, .menu li a.active:hover{background:url("../images/but.png");} .menu_but li a span{line-height:15px;} Если я правильно понимаю параметр vertical-align "Применяется К встрое…

   Asked by marrone-art, November 12, 2010

   0 votes
   10 answers
4. Сложный бэкграунд

   Возникла проблема при верстке бэкграунда. Бэкграунд, как видно неоднородный, а рисунком. Всю картинку пихать, думаю, нет смысла, так как размер ее почти 300 кБ. Как лучше и грамотно ее порезать и разместить ума не приложу. Есть, конечно, кое-какие мысли, но что-то не очень уверен, что это будет правильно.

   Asked by vadimon, November 11, 2010

   0 votes
   5 answers
5. Линии между меню

   Есть вопрос по верстке... Хочу сделать такое меню интересует в основном линии между ссылками, никак не полчается нормально, выходят сильно короткие HTML <ul> <li><a href="">Home</a></li> <li><a href="">Support</a></li> <li><a href="">FAQ</a></li> <li><a href="">Contact Us</a></li> </ul> CSS li { display:inline; list-style-type:none; padding:0 16px; border-left:2px groove #F90; } В общем получается так

   Asked by senya11, November 11, 2010

   0 votes
   4 answers
6. СРОЧНО НУЖНА ПОМОЩ

   Мне нужен фот планет как на этом сайте http://drakia.com/ если можно выделити именно код с css и с html оч надо

   Asked by Suriko, November 11, 2010

   0 votes
   2 answers
7. left:expression((document.body.clientWidth-893)/2); в FF

   Всем привет. Подскажите пожалуйста, почему left:expression((document.body.clientWidth-893)/2); везде исполняется правильно кроме FF? Как надо правильно написать expression, чтобы он исполнялся и в файрфоксе?

   Asked by nonickname, November 11, 2010

   0 votes
   1 answer
8. Проверка сайта (движок Joomla) на валидность.

   Ошибка: Sorry, I am unable to validate this document because on line 224 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication. The error was: utf8 "\xD0" does not map to Unicode Подобная тема уже есть, решение вроде бы тоже. Но в моем случае указывается номер линии, которого либо вообще нет, либо на этой линии ничего необычного не наблюдается. Может быть причина в том, что я не знаю где смотреть эту самую линию, поскольку в коде созданном на Joomla плохо разбираюсь. Через браузер номера строк…

   Asked by Trali-Vali, November 11, 2010

   0 votes
   8 answers
9. наложение слоев

   есть код <div class="progressBar"> <div class="percentCount" style="width:50%">50%</div> </div> стили: .progressBar { border: 1px solid #e5e5e5; } .percentCount { background:green; text-align:center; width: 0%; position: relative; height: 20px; } этот код делает так что 50% располагается посередине заполненной части, как сделать чтобы он был по середине всей полоски? спасибо.

   Asked by vvsh, November 11, 2010

   0 votes
   4 answers
10. "Промельк" при hover

    Есть вот такой макет на начальной стадии (тестовый, будет резиновый) - http://www.freeway-design.ru/test/ При раскрытии блока картинка мелькает на долю секунды. Вроде не критично, но очень раздражает. Каким образом можно средствами css это убрать и можно ли вообще?

    Asked by Verder, November 11, 2010

    0 votes
    21 answers
11. Помогите разобраться с фонами

    Помогите пожалуйста разобраться с фонами... Так что бы под левой колонкой не появлялся белый фон... Код HTML: <div id="comp"> <div id="left"> <jdoc:include type="modules" name="left" style="table" /> </div> <jdoc:include type="component" /> </div> Код CSS: #left { width: 300px; float: left; height:100%; background-color: #0420c3; } #comp { width: 98%; background-color:#FFFFFF; } Суть вопроса состоит в том можно ли как-то ограничить фон comp на 300px от левого края или продлить фон left до нижнего края comp. Сейчас эта проблема актуальна http://www.planet-tour.com.ua/

    Asked by marrone-art, November 11, 2010

    0 votes
    2 answers
12. Вывод текста в треугольной ячейке

    Добрый день. Есть сложная таблица с разделенными (везде по разному) ячейками (думаю видели такие). Собственно сам вопрос верстки, думаю ясно понятен на картинке (см. ниже), т.е. в обоих частях разделенной ячейки - должны находиться 2-а разных элемента с текстом (span, p, h что угодно), при этом при растяжении родительской ячейки (что это будет - div, table, table-cell - тоже не суть главное чтобы работал) текст соответственно должен "плыть" и "подстраиваться" под свою треугольную ячейку. Вопрос: как я понимаю, с помощью CSS, и даже CSS3 этого не решишь (блоки пока только прямоугольные), (или я ошибаюсь? и все таки возможно?) каким образом возможно решить данную задачу? (…

    Asked by novicheG, November 11, 2010

    0 votes
    4 answers
13. Как при нажатии на ссылку вывести информацию в том же окне но в соседнем div ?

    У меня есть div_1 и div_2. В div_1 у меня ссылки. Как при нажатии на любую ссылку вывести информацию в том же окне но в соседнем div_2 ??? Напишите код пожалуйста или какой то пример с кодом!!!!!!!!!!!

    Asked by 333_org_ua, November 11, 2010

    0 votes
    5 answers
14. Firebug 1.5.4 не работает

    Стоит Мозила 3.6, в ней Firebug 1.5.4. Редактирую что-нибудь - на страничке это что-нибудь меняется, как только обновляю страницу - все встает как было до редактирования Сайт локальный.

    Asked by victorz, November 11, 2010

    0 votes
    7 answers
15. Прижимание div position:absolute справа

    Всем привет. Делаю дизайн для сайта и возникла загвоздка. Правый блок надо прижать к правой стороне сайта. Подскажите как это сделать. <div id="rightbox"> должен прижиматься к правой стороне вне зависимости от разрешения экрана. При разрешение 800х600 этот блок прижимается к правой стороне экрана, но справа еще есть часть сайта. То есть он закрывает часть <div id="content">. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html><head> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="all"> <div id="top"><…

    Asked by qazibum, November 10, 2010

    0 votes
    2 answers
16. С таблиц в слои

    Здраствуйте ,как даний код переделать с таблиц в слои ,когда просто меняю все table и td на div страница искажается.... <table id="shortstory" > <td class="left_short" >[full-link]{title}[/full-link] </td> <td class="bg_short"> </td> <td class="right_short"><b> {date=d.m} | {favorites}</b></td> </table>

    Asked by Mr.Black, November 10, 2010

    0 votes
    3 answers
17. Как убрать бордер при contenteditable

    При начале редактирования элемента с contenteditable FF обводит его бордюром. Как убрать?

    Asked by still swamp, November 10, 2010

    0 votes
    2 answers
18. JS+TEXTAREA+WRAP+FF

    Как при помощи JS управлять свойством WRAP по FireFox. document.getElementById('MyTextArea').wrap ==> unknown.

    Asked by still swamp, November 10, 2010

    0 votes
    2 answers
19. Проблема в подчеркивании ссылок при наведении и нет

    Здравствуйте. Возникла проблема с подчеркиванием ссылок, решить никак не могу. Вот мой сайт http://blog-invest.ru/, надо сделать так, чтобы заголовки постов были выделены красным и подчеркнуты, а при наведении цвет бы менялся на черный и подчеркивание убиралось. Я сколько не пытался, ничего не получилось. По идее вот тут надо порыться, чтобы настроить h3.h1 { color:#B30000; font-size:22px; text-decoration:underline; } h1 a, h3 a, h1 a:visited, h3 a:visited { text-decoration:none; } h1 a:hover, h3 a:hover { text-decoration:none; однако сколько не пробовал - ничего не получалось. Вообще с CSS мало знаком, поэтому вот и прошу у вас помощи. Спасибо заранее.

    Asked by deco90, November 10, 2010

    0 votes
    3 answers
20. Background

    то что серым цветом,я хочу чтобы было прозрачным.Помогите кто может.А вот и код,который отвечает за него <table border="0" cellpadding="10" cellspacing="0" width="100%" style="border:1px solid #026115;"><tr><td style="background:#999999;">

    Asked by anar1811, November 10, 2010

    0 votes
    5 answers
21. div внутри table

    делаю заготовку галереи. задумка такая, div-контейнер с width=100% растягивается на всю ширину страницы. внутри контейнера div-wapper с img. картинок очень много и все, что не влезло в контейнер должно скрыться с помощью overflow:hidden .slide_container { border:1px solid #DDDDDD; overflow:hidden; width:100%; } .slide_wrapper { white-space: nowrap; } <div class="slide_container"> <div class="slide_wrapper"> <img src="/1_image.jpg" alt=""> <img src="/2_image.jpg" alt=""> <img src="/3_image.jpg" alt=""> <img src="/4_image.jpg" alt=""> <img src="/5_image.jpg" alt=""> <img src="/6_image.jpg" alt=""&gt…

    Asked by maximt, November 10, 2010

    0 votes
    2 answers
22. Как сделать scroll у среднего элемента

    Хелп! Есть такой сайт: http://works.maksimslepov.ru/new.html Задача так стоит: шапка и подвал всегда должны быть сверху / снизу экрана, при любых разрешениях. Естественно, существует какой-то min-height, допустим, как у меня сейчас. Между шапкой и подвалом располагается блок. Содержимое блока по высоте - 1500px. Сейчас там фоновая картинка примерно такой высоты. Не получается вот что: как сделать так, чтобы при маленьком разрешении экрана этот блок скроллился? В блок main поставил overflow:auto, но результата почему-то нету... upd. Да, забыл сказать, что сайт должен обязательно располагаться по центру. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN' 'http://www.w3…

    Asked by botyaslonim, November 10, 2010

    0 votes
    2 answers
23. Подсветка area

    Есть карта. Есть на ней объекты. Хотелось бы при наведении как-то это хозяйство «подсветить»: рамкой там или просто залить цветом. Ни border ни background не работают. Кто-то знает как это наиболее православно сделать?

    Asked by Veseloff, November 10, 2010

    0 votes
    5 answers
24. Изображение (увеличение)

    В общем ситуация такая. На многих сайтах видел, как по щелчку на картинке, она увеличивается и оказывается по центру окна браузера, при этом основной контекст страницы как бы становится приглушенным. Сие хочу тоже реализовать. То есть есть сайт, на нем картинки, оформленные пока как <a href='ссылка на полную картинку'><img src='ссылка на уменьшенную картинку'></a> Как сделать так, что бы основной контекст страницы становился темным, а картинка оказывалась увеличенной по середине окна браузера? Заранее спасибо.

    Asked by kalcifer, November 9, 2010

    0 votes
    6 answers
25. Друзья! Помогите с Иконками-ссылками

    Привет! У меня возникла проблема.. решил помочь другу с дизайном его странички на myspace.com, в общем он меня попросил сделать ему картинки по которым можно было бы переходить на др. сайты.. у меня IE у него Firefox, мы по разному видим результат работы.. смотрите как... http://img214.imageshack.us/img214/9800/43932721.jpg я пользовался тэгами <tr> <td> <td> </tr> В этом деле я чайник Что делать? Спасибо!

    Asked by SPL, November 9, 2010

    0 votes
    7 answers