Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. index.jspa

    На htmlbook как и на многих других сайтах (почему то в основном буржуйских), вижу это index.jspa. Интуитивно догадываюсь, но нормального мануала по jspa именно на русском не встретил, может есть что? Справочников на инглише полно, но для буратины русский доступнее. Чтоб понять в общем плане ))

    Asked by Ururu,

    0 votes
    14 answers

  2. Не рабоотает padding-bottom при float-left для вложенных дивов. Почему?

    Пример кода как нужно: <!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"> .d1 { width: 500px; border: 1px solid #424142; } .d2 { padding: 10px; } .d3 { width: 100px; background: #999999; } .d4 { float:left; width: 100px; background: #555555; } </style> </head> <body> <div class="d1"> <div class="d2"> <div class="d3"> Блок 1 </div> </div> </div> </body> </html> Только внутри мне нужно вложить …

    Asked by Semreg,

    0 votes
    3 answers

  3. Проблема с дивной таблицей в ИЕ

    Всем доброе утро. http://beavers-net.narod.ru/schedule.html сделал там Див'ную табличку( ввиду криворукости просто табличку я сделать не смог - мозг завернулся в бараний рог еще на второй строчке), но понятно дело возникли проблемы с отображением. Первая и наиболее неприятная - ИЕ как-то переколбасил всю табличку и на неё стало страшно смореть. Я бы сам, конечно, пофиксил, если б хотя б имел представление о причине. Второй баг - Основной див( class="tabl" ) не хочет растягиваться на своё содержимое. Впрочем вот тут только ИЕ и показывает резиновый див. Стили к табличке в самом низу файлика style.css Заранее спасибо. С ув. Олег.

    Asked by tt48,

    0 votes
    13 answers

  4. Перенос строки таблицы на следующий лист при печати

    Есть ли возможность указать браузеру, что при печати таблицы, состоящей из множества строк, если строка таблицы не входит на лист, то переносить эту строку целиком на следующий лист? Как это сделать для группы строк <tbody>?

    Asked by yuri201,

    0 votes
    2 answers

  5. Список, появляются отступы

    Здравствуйте! Хочу сделать список. Между элементами списка хочу вставить полоски. Но не границами, а именно отдельными элементами. Пробую несколько вариантов, но в IE7 ни один корректно не отображается ((( HELP! HELP! HELP! В FF и Опере работают 2 варианта. Но в них, если задана картинка в списке, он слетает. Как это сделать нормально?? <!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" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="t…

    Asked by YanaSt,

    0 votes
    6 answers

  6. Простой шаблон

    Решил сделать минимальную ширину под 1000px. Но слои расползаются. В идеале хочу получить сайт шириной в 1000px находящийся в центре экрана. При любом расширении больше 1024. HTML body { background-color: #FFF5EE; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; min-width: 1000px; margin: 0px; padding: 0px; } .container { width: 1000px; text-align: center; } .left { background-color: #FFE4C4; width: 200px; height: 50px; margin: 0px; float: left; text-align: center; } .center { background-color: #FFE4C4; width: 584px; height: 50px; margin: 0px 200px 0px 200px; text-align: center; } .right { background-color: #FFE4C4; width: 200px; height: …

    Asked by Ururu,

    0 votes
    8 answers

  7. единицы измерения

    Набрел и не могу понять http://htmlbook.ru/css/text-indent.html что значит там "ем" ? Единица длинаы ? А где их полный список можно посмотреть ? —-

    Asked by HelpIT,

    0 votes
    13 answers

  8. Как унифицировать?

    Есть пхп мониторинга игрового сервера http://diesel.lubernet.su/MiniMon/?IP=85.2...&port=29900 Реализовано наложением картинки количества игроков на картинку с названием карты. Однако в разных ситуациях картинка с количеством игроков оказывается на разных координатах... Например: Опера - по ссылке все нормально, а в айфрэйме: Мазила - по ссылке норм, в айфрэйме норм. Эксплорер по ссылке: в айфрэйме: Сафари - по ссылке норм, в айфрэйме норм. Фрейм используется вида: <div> <iframe name="cwindow" frameborder="0" width=220 height=40 background= "transparent" scrolling="no" src="http://diesel.lubernet.su/MiniMon/?IP=85.21.249.207&port=29900"></ifram…

    Asked by Antieverything,

    0 votes
    5 answers

  9. нужна помощь в css

    почему эта менюшка в браузерах по разному смотрится?? #menu_it { font-size: 0.95em; height:2.8em; color: #000; width: 568px; float:right; } #menu_it a { display:block; float:left; color: #003388; background-color: #fff; text-align:center; padding: 8px 18px; margin-right: 2px; } #menu_it a:hover { color: #FFA500; background-color: #f5f5f5; } /* Header */ #header { width: 1024px; height: 335px; margin: 0 auto; background: #FFA500 url(images/header2.jpg) no-repeat left top; } т.е. в IE видиться сверху header? а в Mozilla, Ghrome, Opera - внизу header/

    Asked by ask1503,

    0 votes
    7 answers

  10. флоаты

    Добрый всем день. Вот хочу что бы вы поделились опытом верстки. есть к примеру три блока у которых стоит (float:left; и какая то ширина), что нужно сделать что бы блок который идет следующим нормально отображался? я делаю так: - или делаю этим блокам обвертку и прописую такие стили overflow:hidden; ( height:1%; width:100%; в зависимости что удобней; - или следующему блоку clear:both; кто ещё какие способы знает?

    Asked by mini,

    0 votes
    5 answers

  11. Firebug во всех браузерах

    Хочу поделиться с народом полезной штукой, а точнее одним кодом, всего в одну строку, благодаря которому Firebug будет работать и появится во всех браузерах, где работает JS (а значит даже в ИЕ6) Конечноже он не такой крутой, как Firebug в ФФ, но всё же позволяет искать нужные блоки и править в них код и вообще в любом случае окажется полезным при вёрстке и отлаживания сайта в разных браузерах <script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>

    Asked by psywalker,

    0 votes
    11 answers

  12. ПНГ кнопка тянущаяся по содержимому

    Ребят, снова нужна ваша помощь, перед нами встала новая задача, вобщем нужно сделать кнопку с закруглёнными углами именно на ПНГ24, и с Ховер эффектом (обязательно!) что-бы эта вещь работала везде, особенно в ИЕ6! Вроде бы проблем нет, но дело в том, что нужно: 1) Кнопка НЕ должна быть фиксированного размера(фикс только Высота), а должна растягиваться именно по содержимому 2) Нужно что-бы в любой момент можно было выравнить эту кнопку по середине экрана, или что-бы легко можно было её прифлоатить влево или вправо при желании 3) Уголки и центр должны состоять из Одного Спрайта, один рисунок! 4) При наведении на кнопку в Любом месте!, вся она должна изменять цвет, вобщем Хо…

    Asked by psywalker,

    0 votes
    53 answers

  13. высота дива по вертикали - всё что осталось на странице

    Привет всем! Есть задачка - реализовать следующий каркас: Есть див - 95 px по высоте. Надо создать под ним второй, который бы занял 100% оставшегося места. Реализую следующим образом: <style> html, body {margin:0; padding:0;} #one{width: 100%; height:95px;} #flashcontent{width:100%; height:100%;} </style> Но не получается!Див становится 100% относительно <body>(насколько я понимаю). Т.е. появляется скролл!А этого быть не должно! Ещё одна проблемка кроется в том, что во второй див встраивается флеш элемент, который тоже должен правильно позиционироваться(т.е. он тоже имеет размеры 100% по вертикали и должен чётко растягиваться по диву). Вот полный код ст…

    Asked by Cueball,

    0 votes
    4 answers

  14. Баг масштабирования в IE7

    Верстая очередной макет наткнулся на интересный баг (а я считаю это багом). Как известно, в новом масштабировании, которое появилось в ИЕ7 страница масштабируется полностью (похоже на масштабирование в Опере). Баг в том, что масштабируется все кроме фона (background) для body или возможно вообще самого body. В данном конкретном макете это выглядит очень некрасиво. Пока ничего лучше не придумал, как дополнительный див, с установленным фоном, который должен быть у боди. Предлагаю обсудить другие возможные пути решения (если таковые существуют).

    Asked by Tokolist,

    0 votes
    1 answer

  15. Заменить горизонтальную линию картинкой

    Здравствуйте. Собственно, такой вот возник вопрос. Можно ли как в CSS прописать, чтоб везде на сайте, где стоит тэг <hr />, заместо полоски выводилась некая картинка - в данном случае та же полоска, но изощрённо оформленная.

    Asked by m|m,

    0 votes
    10 answers

  16. проблема с картинками

    Добрый день, Гуглил целое утро по CSS, но не смог решить проблему, помогите пожалуйста: У меня есть в <td> </td> 2 картинки, которые в будущем должны работать, как кнопки. Но проблема в том, что по умолчанию, если я их вставлю, есть пробел между ними. Я думал проблема с отступом ( padding ), но пробывал, не получилось. Вот сама проблема: Код такой: <td id="tab1"> <img src="./btn1.jpg"> <img src="./btn2.jpg"> </td> Мне нужно, чтобы между данными картинками не было ни каких пробелов. Заранее спасибо,

    Asked by brightstar,

    0 votes
    10 answers

  17. Опять или снова, проблема с IE6.

    Размножение контейнеров это по части ie6 Контейнеров <div id='b'> насчитывается 12 через ctrl-u, как и полагается, так от куда берутся дубликаты снизу? Слева скрин из ie6: А справа скрин из остальных браузеров. Я знаю, что тут обитают опытные верстальщики. Пожалуйста, поделитесь мудростью борьбы с этим чудо ie6. Больше всего меня убило то, что левый div в первом контейнере расположен нормально, а в остальных нет. Контейнеры посторяются в цикле, черезе PHP. Это контейнеры окантовки: #top {width:89%;height:10px;position:absolute;top:-11px;left:11px;background:url(i/b/t.png);repeat-x 0% 0%;} #bottom {width:89%;height:10px;position:absolute;bo…

    Asked by Beck,

    0 votes
    2 answers

  18. Проблема с ссылками

    Такая вот проблема. Применяю стиль к ссылке. ссылка в нормальном состоянии работает нормально, при наведении на нее не происходит того что должно происходить, а именно должно убираться подчеркивание. Вот код. a.news:link { font-family:tahoma; font-size:14px; color:#666666; text-decoration:underline; } a.news:hover{ font-family:tahoma; font-size:14px; color:#666666; text-decoration: none; }

    Asked by andrey_94,

    0 votes
    7 answers

  19. Учусь. Есть вопросы - некому ответить. Конкретный пример.

    Здравствуйте. Я только недавно заинтересовался и занялся версткой. Сверстал несколько несложных макетов и решив, что я много знаю пошел на один форум и предложил верстку за отзыв. Мне прислали макет, который я прилагаю ниже и я немного обломался, поскольку увидел несколько моментов, которые незнаю как преодолеть. Я очень надеюсь, что Вы поможете мне и всё будет хорошо Вот сам макет: Собственно я не хочу чтобы Вы описывали мне весь процесс. У меня проблемы со всем что касается изображений - как быть с фоном, как быть фотографией и как быть с узорами?

    Asked by iminkognito,

    0 votes
    1 answer

  20. Растяжение фона в блоке

    Здравствуйте, Посередине окна браузера есть маленькое окно с полосой прокрутки, в котором нужно растянуть полупрозрачный фон на всю высоту окна. (Чтобы при прокрутке фон не обрезался посередине окошка). Background:repeat-y; height:100%; - не помогает. Посоветуйте, plz!

    Asked by comb,

    0 votes
    1 answer

  21. Фон градиентом

    Подобные темы уже были, но я все равно не нашел там того, что мне нужно. Есть страница, в CSS написано: body { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color:#FF8210; background-image:url(images/00a02641a5c510eee701d52764a657eb.PNG); background-repeat:no-repeat; background-attachment: fixed; background-position: bottom right; } Думаю тут все понятно, ничего объяснять не нужно. Проблема в том, что картинка слишком яркая, но уменьшить яркость можно только в ущерб дизайну, и вообще, на картинке закат, то есть, чтобы не так резало глаза, можно сделать градиентом так, будто вверху небо у…

    Asked by acd.systems,

    0 votes
    8 answers

  22. формы -личная страничка у зарегестрируещего

    ПРИВЕТ ВСЕМ Я НОВИЧОК ,МНЕ НУЖНА ВАША ПРОФИСИОНАЛЬНАЯ ПОМОЩ, НАДЕЮСЬ НА ВАШ ЧЁТКИЙ ОТВЕ В МОЁМ ВОПРОСЕ ,Я НАЧАЛ ИЗУЧАТЬ САЙТОСТРОИТЕЛЬСТВО ИЗУЧИЛ "HTML" СОЗДАЛ INDEX.HTML ТОЙ ФОРМОЙ КОТОРАЯ ТРЕБУЕТ МОЙ САЙТ ,СОЗДАЛ НЕСКОЛЬКО СТРОНИЧЕК И СТРОНИЧКУ С ФОРМАМИ ПОД ЗАПОЛНЕНИЯ К РЕГИСТРАЦИИ ,МОЙ ВОПРОС -ПОСЛЕ РЕГИСТРАЦИИ КЛИЕНТА НА МОЙ САЙТ ДОЛЖНА ОТКРЫВАТСЯ ЛИЧНАЯ СТРАНИЧКА КАК ЭТОГО ДОБИТСЯ(понятно сперва мне нужно зарегистрировать ДОМЕН нужен ХОСТИНГ ,ДВИЖОК ,АДРЕСНАЯ КНИГА). Да тема немаленькая,но я думаю ВАМ ПРФИСЕОНАЛАМ объяснить и подсказать ПУСТЯК и я уверен что многие ВАШИ ответы многих заинтересует на ФОРУМЕ

    Asked by leoleo,

    0 votes
    8 answers

  23. центровка таблиц

    если в стилях задать "text-align:center" в разделе body, то эксплорер таблицы тоже центрует, а Firefox только текст... есть выход? нужно именно через стили это сделать

    Asked by Raptoridze,

    0 votes
    2 answers

  24. background image в css файле

    Всем привет! Покуда искал у себя в коде ошибку, наконец заметил такую вещь... Вставка фонового изображения в CSS файле происходит так: background: url(../image/image.gif); если же я прописываю свойства стиля в заголовке html страницы: background: url(image/image.gif); Т.е. без " ../ ". Подскажите, это нормально (и вообще почему то так)? Сколько примеров html-кода я ни смотрел, везде в CSS файле ссылка на изображения была просто "image/image.gif"... Или это у меня на компе глюки творятся?

    Asked by dalexandr,

    0 votes
    3 answers

  25. Еще одна задачка

    <style> #content:after { // чтобы родительский блок принимал высоту наибтольшего находящегося в нем ребенка content: ""; display: block; clear: both; } #content { position: relative; // задаем относительное позиционирование, чтобы div.neighboor выравнивался относительного него } #left { float: left; width: 50%; height: 300px; // в этом блоке выводятся статьи, поэтому высота может быть разной } #right { float: right; width: 50%; } #right div.garbage { height: 100px; // здесь выводятся последние новости, поэтому высота тоже может быть разной } #right div.neighboor { position: absolute; bottom: 0; } </style> <div id="content"> <div id="left">…

    Asked by lavr-ik,

    0 votes
    6 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept