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. Помогите пожалуйста разобраться с шаблоном

    Здравствуйте, я новичек в css, нужна помощь. Это шаблон для joomla 2.5 и мне нужно изменить: 1.Вот ссылка с видом позиций,позиция leo-content-toptop, мне нужно увеличить ширину этой позиции, пишу в template.css width:..; но ширина никак не меняется. 2.И подскажите пожалуйста, как можно поменять позицию шаблона?Шаблон как бы стоит по центру, я хочу перенести шаблон влево Сам пытался, пробовал разные варианты, но ничего не выходит....

    Asked by Manager87,

    0 votes
    19 answers

  2. Указать шрифт

    Подскажите что нужно прописать, что бы задать определённый шрифт для всей страницы?

    Asked by CssHammer,

    0 votes
    8 answers

  3. В ie9 не работает border-radius после применения градиента ?

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#434343', GradientType=0 ); /* IE6-9 */ после этой строчки перестает работать border-radius ? если залить простым фоном без градиента то все нормально, как я понял background: -ms-linear-gradient(top, #848484, #434343); работает только в ie10, можно ли как нибуть заставить работать градиент с border-radius ??

    Asked by ilyas,

    0 votes
    17 answers

  4. Strict Doctype

    Подскажите пожалуйста, есть ли браузеры, которые поддерживают HTML 4 Strict doctype, но не поддерживают doctype HTML 5? В статье на этом сайте написано, что для перехода в стандартный режим можно использовать один из трёх вариантов, но ничего не сказано о различиях. В том числе между 4.0 и 4.01. Есть ли какой-либо смысл использовать Doctype <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> вместо <!DOCTYPE HTML> ?

    Asked by Doctype,

    0 votes
    2 answers

  5. iFrame | В подвал!

    Здравствуйте! Подскажите, пожалуйста, почему, когда я поставил iframe в подвале, указав в src="http://adres.com/index.html#go", при заходе на сайт он сразу же кидает меня в подвал! И на все других моих устройствах тоже самое. Но! Когда я убрал #go, всё вернулось на свои места, отлично работает, только вот с помощью margin пришлось отрегулировать положение объекта. - это не удобно... Легче id в адресе прописать... Так вот, подскажите, пожалуйста, почему так происходит? Я первый раз с таким встречаюсь... Раньше с iframe у меня всё работало. Заранее БОЛЬШУЩЕЕ СПАСИБО! Буду благодарен, если ответите

    Asked by Phil_F,

    0 votes
    2 answers

  6. Сложный случай адаптивного макета

    Попался непростой дизайн для верстки, сайт будет адаптивный, хотя дизайн изначально под это не был рассчитан. Никак не могу решить, как правильно сверстать нижнюю часть. В правой и левой колонке фоном идет рисунок (рипитится по вертикали) и часть этого рисунка по замыслу дизайнера должна выступать за границу сайта. В принципе, это можно сделать и отрицательным маржином, но придется убирать выравнивание высоты колонок, потому, что необходимый для выравнивания overflow:hidden, не дает блоку с картинкой вылезти за границу сайта. С помощью before и after тоже не получается (абсолютное позиционирование не дает репититься рисунку). Проблема на декстопной версии сайта решилась …

    Asked by troll31,

    0 votes
    3 answers

  7. Проблема отображения background в браузере Opera

    Коллеги, разбираюсь с сайтом, сверстанным на Joomla 2.5. Адрес сайта: http://poctok.by Наткнулся на такую проблему: в браузере Opera не отображается заливка для выпадающего меню. В ФФ, Хроме и ИЕ, все работает корректно, но Опера упорно не хочет показывать фон. При этом наблюдается такой эффект. Если до момента загрузки страницы навести курсор на какой-то элемент меню, то выпадающее меню выглядит так, как нужно. Но после того, как страница полностью загрузилась, при переходе по элементам меню, фон становится прозрачным. Фрагмент CSS, где описаны параметры элементов выпадающего меню, выглядит так: .dj-main li:hover ul.dj-submenu { left: 0; top: 46px; background: #ededed…

    Asked by alex115,

    0 votes
    9 answers

  8. Переносятся слова в Chrome

    Добрый день. Подскажите пожалуйста, почему, в Chrome слова которые не помещаются переносятся на новую строчку? В остальных браузерах все нормально. Шрифт такой font: bold 13px/18px Georgia; У блока имеются размеры. Как это исправить? Шрифт уменьшать нельзя как и междустрочный интервал. Спасибо!

    Asked by AndreyB,

    0 votes
    6 answers

  9. Проблема с FLOAT, нужен совет!

    Ребята, помогите решить проблему. Недавно начал интересоваться версткой и вопросы возникают чуть-ли не каждый день. Столкнулся с проблемой, которую не могу решить посредством поиска в Google. Суть проблемы: 1) Создаю div без фиксированной высоты. 2) Помещаю в него другие div с некоторым содержимым и задаю им свойство float: left 3) Родительский div при этом, что логично, игнорирует свои "внутренности" из-за вышеописанного свойства и его высота становится равна 0 4) Объекты, находящиеся ниже в разметке документа при этом начинают накладываться поверх div'a из п.1,3 Вопрос: можно ли каким-либо образом заставить родительский div регулировать свою высоту по содержимому, котор…

    Asked by ZNGR,

    0 votes
    3 answers

  10. Как убрать отступ в меню на CSS?

    Доброго времени суток, имеется горизонтальное меню на CSS. HTML <div id="menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">Главная</a></li> <li><a href="">Главная</a></li> <li><a href="">Главная</a></li> </ul> </div> CSS /* Menu ———————————————--*/ #menu { height: 40px; list-style: none; background-color: #000000; } #menu li { display: inline-block; float: left; } #menu li a { display: block; line-height: 40px; color: #EEEEEE; padding-left: 10px; padding-right: 10px; } #menu a:hover { background-color: #CCCCCC ; text-shadow: 2px 2px 1px #…

    Asked by Ang,

    0 votes
    6 answers

  11. Страница авторизации!

    Здравствуйте!Нужна помощь начинающему!Моя задача-редактировать дизайн веб-интерфейса локальной программы.Начал со страницы авторизации!Уже многое получается, но не могу разобраться с одной вещью!Ресурс этой самой страницы авторизации Web Form (.aspx) в исходном варианте скомпрессированный т.е сжат(я так думаю) и редактированию практически не подлежит(для меня),поэтому я пересохраняю страницу из браузера в чистом html для удобства редактирования(в таком виде мне понятнее), но из-за этого нарушаются некоторые связи т.е после ввода логина и пароля, кнопка 'вход', которая должна перенаправлять на главную страницу интерфейса перестала работать(при нажатии ничего не происходит)…

    Asked by Makiaveli,

    0 votes
    0 answers

  12. Как подключить PIE.htc

    Доброго времени суток. Подскажите как заставить работать компоненту pie. htc? Если кто не знает эта штуковина заставляет работать css3 в IE версиях ниже 9й. Как сказано на сайте разработчиков кидаю этот файл в корень сайта и в styles.css у нужного элемента прописываю строчку behavior: url(PIE.htc); вот как здесь #sait { background:url(images/sh.jpg) no-repeat ,url(images/h3.gif); behavior: url(PIE.htc); } по идее у меня должны после этого работать два бэкграунда но ничего не происходит.

    Asked by Borka,

    0 votes
    15 answers

  13. Верстка на арабском

    Всем добрый день. Столкнулся с проблемой. Необходимо сверстать сайт на арабском языке. Есть Word документ где и содержится вся текстовка "в правильном виде". При вставке в Adobe Dreamweaver текст переворачивается (слева на право - в арабском справа налево). Применил direction:rtl; текста перевернулся как полагается, но вместе с ним и маркеры и всё что только возможно и не возможно. Изменения не коснулись только мета тегов, которые также необходимо сделать в правильной форме. Вот ломаю голову, может кто то знает решение данной проблемы. Заранее благодарен.

    Asked by Jekis,

    0 votes
    1 answer

  14. Не открывается модальное окно в IE

    html: <a href="#zakaz" class="buy">Заказать</a> <div id="zakaz" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <center><h2>Оформление заказа</h2></center> </div> </div> css: .modalDialog { position: fixed; overflow: auto; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display: none; pointer-events: none; } .modalDialog > div { width: 700px; position: relative; margin:…

    Asked by xoff,

    0 votes
    14 answers

  15. Помощь с ошибками в верстке

    Всем привет. Настал тот день когда я нарисовал в фотошопе и сверстал таки свой первый макет. В идеале все должно выглядеть (и выглядит кое-где) так: http://browsershots.org/screenshots/9b1cf563736cc1b2763819b16458fbaf Но в старых версиях оперы (те самые которые на движке Presto) все съезжает вниз: http://browsershots.org/screenshots/408c0e7c67800cc296b8528c668197a3 а столь любимый нами IE и древние версии оперы и лисы не отображают границы у блока с контентом (думаю нужен другой способ оформления блока, но не могу найти ничего в гугле) http://browsershots.org/screenshots/81aff0736e7cea81f9ee23fe9307099d Прошу помочь с этими проблемами, заодно если есть время указать на не…

    Asked by 5665tm,

    0 votes
    6 answers

  16. div в div (pading/marging)

    Доброго времени суток, ситуация такова есть div он width:100% в нем 2 div'a по width:50% и с float;left, в одном из половинчатых div'ов вбиваю еще один див с параметрами width:100%, так вот если я последнему div'у задаю padding или marging к примеру 10px то он заходить на соседний div. Получается 100%+(10px+10px) и за счет этого вылазает, как сделать так чтобы этот отступ вычитывался из 100; последнего div'а? пример: HTML: <div class="main"> <div class="left"> <div class="title">Титул</div> </div> <div class="right">1</div> </div> CSS: .main {width:100%;background:#000;} .left {width:50%;height:100px;ba…

    Asked by Arhidiablo,

    0 votes
    3 answers

  17. float:left

    при изменений окна браузера в Firefox, #right флоат заезжает на #out, кто как решает проблему? оба элемеента обязательно должны быть float:left body{ margin: auto; } .container{ margin: auto; width: 400px; } #out{ float: left; width: 100%; margin-right: -30%; } #right{ float: left; width: 30%; background: silver; } #center{ margin: 0 30% 0 0; background: blue; } <div class="container"> <div id="out"> <div id="center">center center center center center center center center</div> </div> <div id="right">right right right right</div> </div>

    Asked by valera,

    0 votes
    2 answers

  18. :hover и меню

    Собственно есть код выпадающего меню, показываю css ul.navi div.mega-content { position: absolute; left: 0; padding: 0; margin: 0; background: #04677F; display: block; float: left; padding: 0 9px 9px 0; } и html <li class="level1 last havechild default"> <a class="level1 last havechild" href="/index.php/inv"><span class="menu-title">Финансы</span></a> <!-- open mega-content div --> <div class="level2 mega-content"> <div class="mega-content-inner"> <div class="mega-col first one"> <ul class="subnavi level2"><li class="level2 first default"> <a class="level2 first" href="/index.php/in…

    Asked by Struggle,

    0 votes
    5 answers

  19. подскажите как лучше поступить

    Всем зашедшим добрый вечер!) Подскажите как лучше сверстать данный макет шапки: позиционирование или таблица из div'ов? Если позиционировать, то как лучше выровнить "заголовок", "языковая панель" и "личный кабинет" по-середине, а если таблицей, то как ее сверстать, чтобы объединить строки под логотип(типа rowspan)? Заранее премного благодарен за помощь!)

    Asked by XuLLlHuK,

    0 votes
    4 answers

  20. Подскажите методику верстки

    Здравствуйте. Попросили меня друзья сделать им заглушку временную, которая будет им письма отсылать. Форму отправки я им минут за двадцать собрал, а версткой я никогда профессионально не занимался, и есть вопросы как лучше поступить. Макет выглядит вот так: https://dl.dropboxusercontent.com/u/26408101/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82.PNG Я немного знаю css, ну то есть понимаю что такое класс, селектор, блок, отступ итп, но опыта у меня нет, планирую гуглить =) Картинка эта у меня есть в векторе со всеми элементами. У меня основной вопрос, что делать картинками, а что элементами CSS, что запихивать в фон, а что как. В обще у меня не хватает знания техник CSS современных. По…

    Asked by Curaudo,

    0 votes
    1 answer

  21. Пустить блоки по 2 зигзагом ?

    Как пустить блоки на css вот так по 2 штуки, в блоке всегда отображаются только 4 блока 2х2 3 и 4 блок должны перенестись на строку ниже, 5 и 4 должны подняться на уровень с 1 и 2 вот такой зигзаг получается, можете подсказать? Разметка вот такой будет <div class="slider"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div>

    Asked by ilyas,

    0 votes
    9 answers

  22. Правильные модальные окна (arcticmodal) проблема установки

    Почему в IE не работает когда я сам делаю а скаченный пример - спокойно работает в IE, что делаю не так? Вот полностью html: <html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>ГК "Спектр-СБ" :: Системы безопасности, видеонаблюдения и контроля доступа в Самаре - Главная</title> <!-- jQuery --> <script src="//yandex.st/jquery/1.9.1/jquery.min.js"></script> <!-- arcticModal --> <script src="./jquery.arcticmodal-0.3.min.js"></script> <link rel="stylesheet" href="./jquery.arcticmodal-0.3.css"> <!-- arcticModal theme --> <link rel="stylesheet" href=".…

    Asked by xoff,

    0 votes
    1 answer

  23. Содержание страницы на основе тега h2

    Как можно сделать автоматический вывод в статье чего-то вроде содержания, как в Википедии, чтобы пункты содержания брались из тегов h2 (к примеру) ?

    Asked by kpripper,

    0 votes
    7 answers

  24. Bootstrap + search form

    Не могу понять, как в Bootstrap изменить дину поисковой формы. В Друпал + Омега выглядит так: 1. 15 знаков длины 2. Кнопка в одной линии с формой. Включаю библиотеку Bootstrap, и форма приобретает такой вид, Если в настройках блока (модуль Block Class) указать класс span1, то все приобретает такой вид: т.е. размеры блока меняются, но поле ввода, конечно, остается прежним. Как сделать, чтобы с Bootstrap это выглядело как обычно?

    Asked by Леонардо,

    0 votes
    3 answers

  25. Помогите! Проблема с меню

    Помогите пожалуйста. Я сделал шаблон на Артистере, там есть вертикальное меню, и у него есть подменюшки. Проблема в том что подменюшки раскрываются только после того как будет счелчок по той странице в которой они расположенны, а нужно чтоб они раскрывались при наведении мыши. В самом артистере нашел пункт где это исправляется но не какого эффекта. Кэши чистил, не помогает. Подскажите где может быть прописанно это условие что подменю открывается только при нажатии, и какой код прописать надо чтоб оно раскрывалось при наведении, вот сайт на котором это происходит. В вертикальном меню нажмите на пункт "Продукция", только после этого можно будет увидеть подпункты. Помогите п…

    Asked by John_Flores,

    0 votes
    1 answer
×
×
  • 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