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. Создание вертикального меню списком с выделенным пунктом

    Добрый день! Прошу вашей помощи, тк уже не знаю что и пробовать. Опишу суть проблемы: Имеется боковое вертикальное меню написанное списком (ul li) и его оформление на css. Необходимо сделать чтобы у выделенного пункта меню был list-style circle, а у остальных - none. И при этом выделенный пункт должен быть другого цвета. У меня получилось сделать только чтобы у выделенного не было кружка, а у все был вод код html: <td> <div id="submenu"> <ul id="submenu"> <li class="curent"><a class="curent" href="production.html" ><span>Всех…

    Asked by orgi,

    0 votes
    7 answers

  2. box-shadow и border-radius

    Почему сервис проверки CSS от W3C выдает ошибки по css 3: box-shadow: 0 0 5px black; box-shadow: 0 0 20px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; Возможно потому что не поддерживается IE?

    Asked by Chernivtsi,

    0 votes
    8 answers

  3. flexie.js - не работает?

    Собственно, проблемы с кроссбраузерностью flexbox Использую полифилл flexie.js - но не помогает В IE 9 это выглядит так: Может не так пользуюсь? https://jsfiddle.net/jysd1us0/1/

    Asked by yaparoff,

    0 votes
    1 answer

  4. Баг IE: контейнер заканчивается раньше дочернего центровщика

    Компоновка: типичный блок .Wrapper, который имеет ширину 100% от ширины окна, и центровщик (margin: 0 auto;) с указанными min-width и max-width: В IE следующий баг: Wrapper почему-то заканчивается раньше, чем надо, а центровщик с содержимым перекрывает следующую такую же компоновку ниже: Такой баг был замечен уже практически на свёрстанном лендинге, а потому было очень трудно сделать минимальный работающий пример. Я постарался убрать весь лишний HTML для данного примера, но CSS тоже самое было сделать очень трудно. Если Вы запустите пример в IE (ещё раз повторюсь, что в других браузерах всё нормально), то увидите следующее: На StackOverflow у…

    Asked by Боков Глеб,

    0 votes
    4 answers

  5. Как работать на FullHD экране c зумом 125%?

    Для конечных пользователей можно использовать "@media (-webkit-min-device-pixel-ratio: 1.25)", но при создании верстки так не получится, особенно при верстании по PerfectPixel. Какие проблемы наблюдаются при системном зуме 125%? (а без него на экране все слишком мелкое и почти недостижимое глазу) Верстальщики, как вы решаете эту проблему в своей работе?

    Asked by iBars,

    0 votes
    3 answers

  6. Две проблемы в Safari и Opera

    Как видно, что проблема одна, но двух браузерах, во всех остальных все работает как надо. Сайт. Смотреть желательно в Opera и Safari. 1) В этих браузерах не отображается фон. BODY { background : url(../images/back.png) repeat-x; margin : 28px 0px 0px 0px; font-family : Verdana; font-size : 12px; color : #000000; height : auto !important; min-height : 100%; } 2) Меню в синей строчке имеет вид маркированного спика. Хотя в CSS прописан div#cpanel ul { margin : 0px; padding : 0px; list-style : none; } * html div#cpanel ul { float : left; border-left : 1px solid #0E96CF; margin-left : 15px; list-style : none; } div#cpanel li { float : left; position : re…

    Asked by PaLyCH,

    0 votes
    6 answers

  7. Border - CSS

    Добрый день, не буду расписывать а покажу)) вот у меня таблица с 3мя строками, с 3мя столбцами, задаю через CSS бордер и получается так: а надо так: рисовал сам, не ругайте каким значением этого добиться? <!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>border</title> <style type="text/css"> .doc { width: 30%; border:solid black;} </style> </head> <body> <table class="doc" bordercolor="#000000" b bor…

    Asked by woofs,

    0 votes
    8 answers

  8. divы как сложно с ними (проблема с размерами)

    создал контейнер div определенной ширины содержащий другие divы divы описаны в css и распологаются так div c borderом только с низу и float к правому краю потом div c полным borderом с float к правому краю несколко раз повторяется и div c borderом только с низу на оставшийся длине —————————— вот здесь и проблема как это зделать последний div растягивается на весь родительский div —————————— помогите пожалуйста

    Asked by serjico,

    0 votes
    9 answers

  9. Тег <br />

    Короче, есть детский вопрос: Есть кусок кода: <!-- phone block --> <div class="information phone"> <h5>Телефоны:</h5> <address> <span class="pad-50"> Тел.:<br /><br /><br /> Моб.:<br /><br /> </span> <span> +123 (45) 678-90-12<br /> +123 (45) 678-90-12<br /><br /> +123 (45) 678-90-12 Velcom<br /> +123 (45) 678-90-12 МТС </span> </address> </div> …

    Asked by DjTarik,

    0 votes
    9 answers

  10. Костыль для IE

    Обнаружил интересную библиотеку, которая превращает IE6-7-8 в IE9. По заверениям разработчиков девятая версия будет уметь всё, в том числе поддерживать большинство свойств CSS. Ссылка http://code.google.com/p/ie7-js/ Обсуждение библиотеки http://habrahabr.ru/blogs/css/100838/

    Asked by Vlad,

    0 votes
    4 answers

  11. background-position c background не должен работать ?

    background-position c background не должен работать ? почему второй див не работает ?? <style> div.all { display:block; position: relative; width:100px; height:100px; background:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-position: 300px 0px; } </style> <div class="all" style="background-position: 300px 0px"></div> <div class="all background_position_300_0"></div> а вот так работают правильно оба дива: <style> div.all { display:block; position: relative; width:100px; height:100px; background-image:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-po…

    Asked by iillyyaa2,

    0 votes
    6 answers

  12. Изображение поверх header

    Подскажите. Есть такой psd-оригинал - http://itmages.ru/im...008545/e461f274 И есть такой код (на footer обращать внимания не стоит - он еще не доработан) - http://jsfiddle.net/...tPCz8CJv/4gUbp/ Результат получается такой - http://itmag.es/4zOKi Как мне исправить ситуацию, чтобы фоновое изображение не перекрывалось блоком header? И еще есть вопрос по поводу применения p в блоке logo. Является ли это правильным решением? Может, более правильно будет заменить p на h1, с точки зрения SEO?

    Asked by aaron,

    0 votes
    2 answers

  13. как правильней делать?

    Подскажите, как правильней делать эти многоточия при верстке ? правильно ли делаю? http://jsfiddle.net/4jxqukfo/13/ Просто не пойму это надо подбирать количество точек чтоб цена была прижата к правой стенке блока или это делать таблицей вообще?

    Asked by tr0nik,

    0 votes
    8 answers

  14. Регулировка отступов в <p>

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

    Asked by Nikkus,

    0 votes
    3 answers

  15. отображение сайта на мониторах с разным разрешением

    есть проблема!выручайте!не могу сообразить!есть макет сайта,сделанный с помощью фреймов. при отображении с разным разрешением фон начинает или размножаться или появляться фрагментом. если ставишь картинкой, то появляется белая рамка это основная часть фрейма, которая "меняется" <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=5" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <BODY background="images/передок.jpg"> <title></title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <style type="text/css"> A { color: black; /* Цвет ссылок */ } </st…

    Asked by провал1,

    0 votes
    7 answers

  16. Как укротить swf формат?

    Это опять я. Как корректно вставить в html-документ кнопки в .swf формате? Я пробовал прописывать их как background ячейки, вставлять как изображение. Результат один - кнопка не видна. В чем секрет? С уважением, Алексей

    Asked by admelj,

    0 votes
    5 answers

  17. border для div Width 100% без скроллинга. (Webkit)

    Подскажите, плз, необходимо всему сайту сделать бордер 2 пикселя, сделал padding:2px для body и залил внутренний див другим цветом, везде норм, только в Safari и Chrome появляется горизонтальный скроллинг, есть ли более кроссбраузерное решение?

    Asked by Микель,

    0 votes
    2 answers

  18. Размещение блоков с помощью position: relative

    Нужно сделать что бы показывался определенный блок DIV по нажатию на выбор radio, остальные блоки становятся невидимыми. Блоки выводить нужно в одном и том же месте где и первый блок. Для реалицаии сделал использование position: relative. с отрицательными координатами top. Но в различных браузерах значения отступа разные... как это можно пофиксить? Делал изначально под Opera 9.27 там норма. в FF немного едит вниз. в IE 6 cущественно сьезжает вниз. Какие есть методы пофиксить эту проблему? <!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"> <he…

    Asked by ProGGGer,

    0 votes
    6 answers

  19. Скролл jQuery в Opera 10

    Добрый день всем! Есть проблема с высотой в браузере Opera 10 при наличии на странице скролла jQuery. Когда ползунок находится внизу высота страницы нормальная при оттягивании же его вверх страница начинает увеличиваться в высоту, в остальных браузерах и в самой Opera более ранних версий такого глюка не наблюдается. Как разрешить данное недоразумение? Буду оч признателен!

    Asked by Newie,

    0 votes
    3 answers

  20. Таргет

    Народ, подскажите как сделать чтобы одно окно управляло другим ,к примеру, из одного окна открылось дополнительное другое ,как сделать чтобы при нажатии на дополнительном менялась информация на главном как выставить главному окну название которе буду писать в ссылке target в дополнительном окне. сразу говорю нету не каких фрамв

    Asked by YoMan,

    0 votes
    7 answers

  21. height для встроенных - IE против Firefox

    Наверняка тема уже поднималась, но я нигде не нашел, как решить. К своему удивлению столкнулся с неожиданной проблемой. Оказывается Лиса и Опера не понимают высоту для встроенных элементов. <a href="#" style="background-color: #3399cc;height:40px;">test</a> ИЕ делает ссылку 40px, Лиса и Опера - игнорируют height. В конечном счете я хотел запихнуть в эту ссылку картинку фоном, но она обрезается. Почему и можно ли это как-то исправить (display:block; помогает, но не подходит)?

    Asked by Cron,

    0 votes
    4 answers

  22. Срочно нужна помощь профи!

    Подскажите пожалуйста почему таблица ( с зеленым бордером) не растягивается на 100% ? Я уже измучился, перепробовал много чего, не хочет. Вариант с дивами не предлагать. Заранее спасибо. <!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> <title>Греция.</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <meta http-equiv="content-type" content="application/xhtml+xml; charset=windows-1251" /> <meta http-equiv="content-language" content="ru" /> <st…

    Asked by _Alexanred_,

    0 votes
    4 answers

  23. Границы таблицы. Нестыковка.

    Hi All! Разъясните пожалуйста один момент. Имеется таблица, шапка этой таблицы не имеет границ, а вот само тело обрамлено границей толщиной 2 пикселя. На стыке шапки и тела, возникает неприятный эффект (см. рисунок). Как от этого можно избавиться? По сути нужно как-то "втолкнуть" границу внутрь ячейки, а не наружу. Сдается мне, CSS такого не умеет. Фокус с добавлением ячеек по краям прошу не предлагать, хотелось бы без этого.

    Asked by UNIX,

    0 votes
    8 answers

  24. Блок с округленными краями

    Расскажите как верстать макеты, где есть закругления у блоков. Я пробывал делать таблицу 3x3 и в каждый угол вставлял край заугргленный %) не очень приятная работа. Может есть что то по проще, подскажите =)

    Asked by aJaX,

    0 votes
    7 answers

  25. изменение цвета при наведении

    Ребята, подскажите, как сделать с помощью CSS так , что бы при наведении на определенную часть карты Украины , эта часть немного затемнялась, не используя смену картинок?

    Asked by face2005,

    0 votes
    4 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