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

29542 questions in this forum

  1. IE 6 и overflow: hidden для блока с картинкой. Я чего-то не понимаю или информации о баге нет в справочнике?

    Возьму самый простой пример: <!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=utf-8"> <title>1</title> <style type="text/css"> img { width: 500px; height: 500px; } div { overflow: hidden; } </style> <body> <div> <img src="image.jpg" alt="image" title="image"> </div> </body> </html> Во всех браузерах нет горизонтальной прокрутки, если картинка не умещается в экран, а в IE 6 есть. В более сложной структуре документа, чем из примера, …

    Asked by KooL,

    0 votes
    7 answers

  2. аналог Firebug для IE

    Есть что-то подобное Firebugа для IE? Нашел в инете ФайрДебаг но там в коде на сайте типа ихнию жс ссылку добавить надо...А если нет такой возможности а просто надо протестировать не входя в код... в 4х браузерах все норм ток ИЕ не правильно отображает...даж не знаю где ошибку искать ((

    Asked by Simon,

    0 votes
    1 answer

  3. div под div'ом

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

    Asked by Arinden,

    0 votes
    8 answers

  4. Сильное смещение модуля

    Есть сайт. В браузерах ИЕ, Опера и Сафари меню отображается верно по середине. В лисе это меню сильно смещено вправо. Уже третий день бьюсь и не знаю как вернуть в лисе на место.

    Asked by PaLyCH,

    0 votes
    7 answers

  5. Блоки "уехали" в IE

    Здравствуйте! Столкнулся с такой проблеммой, на страницах http://online.ukrworld.net/reviews.php?id=3 и http://online.ukrworld.net/reviews.php?id=2 правые блоки почему-то "уехали" вниз. Хотя на других страницах, с точно такой же конструкцией, ничего подобного нету. А в других браузерах и на этих страницах все отлично. Пожалуйста, подскажите в чем проблема... P.S. С Новым Годом!

    Asked by Ark,

    0 votes
    3 answers

  6. Отступ после DIVa в ie 6 и 7

    Всем привет! Прочитал на Хабре как сделать блок со скругленными краями с помощью буллитов, попытался реализовать и вот что вышло: Пример. Проблема в том что в 6 и 7 эксплорере между блоками corners и contacts-form появляется отступ в размер оставшейся части буллита, причем проблема исчезает если из кода убрать доктайп или если внутри contacts-form размещен просто текст не огороженный тегами. Подскажите пожалуйста корректное решение этой проблемы. 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"> <head> <meta http-equiv="Content-T…

    Asked by optimismous,

    0 votes
    3 answers

  7. Каким образом делается переадресация сайта

    Был у меня когда-то сайт на народе (да и сейчас он там висит..)... теперь хочу новую версию разместить на платном хостинге... каким сделать так, чтобы пользователь вводя старое имя сайта автоматически попадал на новый сайт???

    Asked by Night Man,

    0 votes
    7 answers

  8. как сделать два bordera на один элемент

    нужно две границы разных цветов,. с НГ!

    Asked by barman,

    0 votes
    8 answers

  9. Еще один нубский вопрос!

    Снова привет! У меня возник еще один глупый вопрос, опять таки извиняюсь... Вот картинка на которой думаю все ясно чего я хочу... http://imglink.ru/show-image.php?id=c254dc...3e8745f4e8f747b А вот main.tpl: <!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> {headers} <style type="text/css" media="all"> @import url({THEME}/css/style.css); </style> <style type="text/css" media="all"> @import url({THEME}/css/engine.css); <link rel="shortcut icon" href="{THEME}/images/favicon.ico" /> </style> </head> &…

    Asked by Lumen,

    0 votes
    12 answers

  10. Как убрать полосу прокрутки в данном случае? (сайт прилагается)

    Доброго времени суток. Верстаю макет сайта. Сделал заготовку Задачка в том, что там есть ненужная вертикальная полоса прокрутки. Как её лучше убрать? Спасибо! пс: пробовал при помощи float:left к нижнему 2 и 3 блокам прокрутка пропадает все как надо, но при изменении масштаба страницы блоки начинают плавать куда-то вниз возможно в других браузерах и с другим разрешением экрана по другому выглядит... но тут на ноуте в файрфоксе выглядит так пс: на всякий случай ссылку и картинку удалил.. вопрос решен - надо было размер страницы в ширину вместо 1280 поставить хотябы 900

    Asked by nikki4,

    0 votes
    9 answers

  11. Как сверстать таблицу со вкладками

    Здравствуйте! Нужно принять решение, как правильно это сверстать. Есть такое задание: Каждый месяц - это вкладка. Соответственно, под ней отображается относящееся к ней содержимое. Верстка должна быть адаптивной. Правильно ли сверстать это таблицей?

    Asked by Светлана Г.,

    0 votes
    18 answers

  12. При наличии border-right/left вычесть высоту скроллбара

    Доброго дня уважаемые коллеги. Подскажите, пожалуйста, как можно сделать так, чтобы у блока, который имеет горизонтальную прокрутку, боковая граница не тянулась на высоту скролбара. П.С. вариант с тем, чтобы внутри поставить обертку, назначить ей границу (таки образом, наша граница не будет выходить за грани видимого блока к концу скроллбара) не очень хорош, потому что при прокрутке граница будет двигаться также с прокручиваемым контентом. В общем вкратце. Как можно сделать так, чтобы border-right: 1px solid black; блока с горизонт прокруткой не вылезала на скроллбар, а ограничивалась высотой самого блока? https://jsfiddle.net/e1o5kgk8/ Буду благодарен за любу…

    Asked by Velidan,

    0 votes
    10 answers

  13. Выравнивание изображения без класса

    Имеется конструкция типа: <p><img src="image.jpg"></p>Как можно с помощью CSS, указать выравнивание по середине?

    Asked by Nigelist,

    0 votes
    7 answers

  14. Выравнивание горизонтального списка по центру

    ... .... в файле s.css #out { text-align:center; margin:0 auto; width:760px; padding:4px 5px;} #in { display:table-cell; } ul.in { float:left; margin:0; padding:0; } li.in{ float:left; margin:0 5px; padding:0 5px; list-style:none; padding:4px 5px 20px;} не выравнивается по центру. где я перемудрил? чувствую что при делах ul.in иили li.in просто написать ul или li.in не могу, в контейнере main списки с определенными стилями используются. есть еще списки с определенными для них параметрами. подскажите. благодарю.

    Asked by minelli,

    0 votes
    2 answers

  15. <object> и <param />

    Поискал на форуме - практически везде только и спрашивают, как вставить флэш на страничку и ему подобные. Меня же интересует, что вообще можно делать с их помощью? Какие параметры могут они принимать и что они значат? Может у кого-нить есть ссылки на описания или примеры использования "объектов". Из непроанализированный тегов остались только эти 2) Очень хотелось бы узнать, на что они способны. Спасибо.

    Asked by DjTarik,

    0 votes
    2 answers

  16. Исчезает анти-алиасинг шрифта в javascript-меню

    Верстаю сайт для себя, использую ява-скрипт меню. Уже на втором подряд сайте не могу решить проблему. Если вы посмотрите на страницу http://obnajenie.ru, то там видно, что шрифт везде, кроме шрифта в том самом меню, сглажен. А внутри выпадающего меню анти-алиасинг пропадает. Причем, пока скрипт подгружается шрифт нормальный, а как меню-аккордеон сворачивается, анти-алиасинг пропадает. На другом сайте он вообще менял шрифт на другой. Выложу также несжатый скрипт этого меню: http://obnajenie.ru/accordian-src.js Может быть проблема для кого-то очевидна?

    Asked by funker,

    0 votes
    3 answers

  17. Сайт с мобильной версии браузера не отображает курсив

    В стилях такие записи для тегов b {font-weight: 600;} em {font-style: italic;} На сайте эти теги отображают все как надо, b - жирным шрифтом, em - курсивом А вот в мобильной версии ничего не меняется. После того как увеличил значениие b {font-weight: 700;} в мобильной стало тоже видно что это жирный шрифт Почему так происходит и как сделать так чтобы курсив в мобильной версии тоже было видно.

    Asked by gadjet,

    0 votes
    14 answers

  18. Некорректная работа свойства height

    Задаю абсолютно позиционированному контейнеру height: 100%, но блок растягивается только на видимую часть экрана, если прокрутить вниз, то видится неприглядная картина - http://img96.imagesh...6/8503/mqzq.png Здесь красный блок абсолютно позиционирован, а зеленый блок - содержимое, которое красный блок должен закрывать собой

    Asked by novickOk,

    0 votes
    9 answers

  19. Responsive видео+background

    Не могу сообразить как сделать следующее. Делается в Bootstrap 2.3.2. Имеется картинка монитора, в ней видео(допустим iframe) Есть решения на css-tricks Я пробовал - и получается что либо само видео у меня корректно меняет размер, либо бек. Сейчас сама конструкция выглядит как <div class="video"><iframe width="542" height="305" src="http://www.youtube.com/watch?v=niyFA24H5_E?rel=0&hd=1" frameborder="0" allowfullscreen></iframe></div> .video {width: 542px;padding: 28px 29px 0 54px;height: 485px;float: left;background: url("../images/screen.png") no-repeat 25px 0;} Если добавить враппер под респонсивку такого плана .videoWrapper {po…

    Asked by sergik74,

    0 votes
    0 answers

  20. Проблема с рендером шрифтов

    Иногда при подключении шрифтов возникает следующая ситуация: Текст просто текст. Без оберток. Проблема возникает в хроме и почти всегда если шрифт используется в срытых (разворачиваемых) блоках или слайдерах (Owl Carousel), то есть на блоках который сначала не отображаются, а появляются позже. От чего это может происходить, и что с этим можно сделать? P.S. Создать JSFiddle с этой проблемой не удалось.

    Asked by Shiza,

    0 votes
    2 answers

  21. Высота слоя

    Такая проблема: есть 3 дива, 2 боковых, типа поля и один по центру с контентом и все они все находятся в родительском слое. Но боковые слои не хотят растягиваться на 100% в высоту. Их бы и вообще не было, если бы я не вставила пробел. Кажется есть что то по этой теме в Css, чтобы слой отображался в независимости от содержания. Вот код <div class="middle"> <div class="left_side" > </div> <div class="main"> <h1>Заголовок</h1> <center><div class="h_menu"> </div></center> <div class="welcome"> </div> <div class="news"> …

    Asked by Ayaweb,

    0 votes
    4 answers

  22. Лишний отступ у блока в ИЕ сверху

    В ИЕ6 появляется лишний отступ примерно в 5-6 пикс у блока flash, в остальных браузерах все как надо. #center{ width:800px; position:absolute; left:50%; margin-left:-400px; } #header{ width:800px; height:129px; background-image:url(images/bg_header.gif); background-repeat:no-repeat } #buttons_s{ height:32px; width:800px; text-align:right } #logo_{ height:67px; width:800px; } #top_menu{ height:35px; width:800px; font-size:12px; color:#E8AB00; text-align:right; padding-bottom:0px } a.top_menu{ font-size:12px; color:#E8AB00; text-decoration:underline } a.top_menu:hover{ font-size:12px; color:#E8AB00; text-decoration:none } #flash{ height:24…

    Asked by ProxY,

    0 votes
    5 answers

  23. В ячейках не работают классы

    Всем привет! Попробовал задать фон ячейкам таблицы с помощью классов - не получилось. В тоже время для строки это работает. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> <!-- tr.a{background-color:#3333CC} td.1{background-color:#00CCFF} td.2{background-color:#0000FF} td.3{background-color:#9999FF} td.4{background-color:#FF0000} --> </style></head> <body> <table width="200" height="100" border="0…

    Asked by styleroom,

    0 votes
    6 answers

  24. позиционирование

    может, кто сталкивался... не могу кинуть весь код иба это не реально почему может див наделен абсолютным позиционированием сдвигать дизайн? т.е. как бы он находится в дереве вместе с другими элементами а не в отдельном потоке? я уже прям не знаю, как сделать его поверх всех элементов и что б он не двигал все.... (не работает в FF другие браузеры не побывал) спасибо!

    Asked by alexeurodnepr,

    0 votes
    11 answers

  25. Меню выбора select

    Подскажите пожалуйста как полностью скрыть меню выбора select

    Asked by Maskca,

    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