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. Разбиение чисел по 3 разряда

    Можно ли средствами css разбивать числа по 3 разряда? Так чтобы из 12345678 получилось 12 345 678.

    Asked by Sergey Polevich,

    0 votes
    3 answers

  2. раскрывающийся список с +-

    Подскажите или дайте ссылку на ресурс. Как создать вертикальный раскрывающийся список со знаком + слева от <ul>. При нажатии на + или на <ul>, список раскрывается и знак + меняется на -. Один уровень вложенности.

    Asked by razriv_shablona,

    0 votes
    6 answers

  3. Помогите сделать плавно выпадающее меню

    <div id="menu"> <ul> <li><a href="#">Выпадающее меню</a> <ul> <li><a href="#">Сторінка 1</a></li> <li><a href="#">Сторінка 2</a></li> <li><a href="#">Сторінка 3</a></li> </ul> </li></ul></div> #menu ul { font: 14px arial; display: inline-table; position: relative; margin: 0; padding: 0; width: 100%;}#menu li { float: left; list-style: none; width: 100%; text-align: center; }#menu li a { text-decoration: none; display: block; color: black; bac…

    Asked by harvasyuk,

    0 votes
    3 answers

  4. Есть ли хак для IE9?

    Здравствуйте. Доделываю шаблон для Joomla 1.5, создал несколько позиций для модулей - во всех браузерах отображается нормально, а в IE9 один из модулей смещён вправо. в css: .slideshow { padding: 0px; float: left; position: absolute; top: 140px; left: 515px; } Раньше использовал в таких случаях хак: /* *+ HTML .slideshow { left: 490px; } /* IE7 */ Но в девятом осле это почему-то не работает... как с ним быть (с 9-ым ие)? Какой хак можно юзать? Или как для него отдельный CSS сделать (обычно всегда хаками обходился)?

    Asked by DarkTranquillity,

    0 votes
    11 answers

  5. IMG MAP AREA - координаты в процентах

    Нужна интерактивная МАСШТАБИРУЕМАЯ картинка на весь экран. Хочу сделать с помощью тэга area. Всё бы ничего, да вот при масштабировании регионы уползают кто куда Вроде бы можно указывать координаты в процентах, но ни в IE, ни в Opera данный код не работает У кого какие есть соображения? <img src=bg.jpg width="100%" border="0" usemap="#Map"/> <map name="Map"> <area shape="rect" coords="0%, 0%, 50%, 100%" href="#" alt="zone1"> </map>

    Asked by DarkDaemon,

    0 votes
    6 answers

  6. Firefox - пожиратель рам! Как отучить ФФ есть бордюры?

    <!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"> body { margin: 0; padding: 0; font-family: Verdana; color: #A1A1A1; font-size: 11px;} .main-table {border: 1px solid red; border-collapse:collapse;} .main-table-td1, .main-table-td2, .main-table-td3 {border: 1px solid red;} .main-table-td1 {width: 322px;} .main-table-td2 {width: 50px;} .main-table-td3 {width: 77px;} </style> </head> <body> <div> <table class="main-table"> <tr> <td class="main…

    Asked by Semreg,

    0 votes
    32 answers

  7. неполучается опустить вниз div

    Здравствуйте! Как можно второй внутренний div поместить вниз родительского ? <div style="width: 500px; padding: 5px; height: 450px; border: 1px solid black;"> <div style="width: 100%; padding: 5px; background: green;"> 12345 </div> <div style="width: 100%; padding: 5px; height: 50px; background: green; vertical-align: bottom;"> 67890 </div> </div> Первый внутренний див так и должен висеть вверху. А второй мне нужно чтобы постоянно висел внизу, даже если первый див будет расширятся по вертикали. vertical-align: bottom не помогает. И еще вопрос: почему внутренние дивы вылазят за пределы родительского?

    Asked by sergiyko,

    0 votes
    11 answers

  8. горизонтальное выравнивание в bootstrap3

    подскажите пожалуйста как в bootstrap3 сделать горизонтальное выравнивание картинки <div class="doc_outer"><img class="img-responsive" src="images/doc.png" alt="" /></div>помню, что был специальный класс, но не могу найти

    Asked by cyklop77,

    0 votes
    1 answer

  9. Наложение прозрачного PNG или GIF на картинку, в зависимости от её ширины

    Здравствуйте. Суть задачи такая: 1) Есть бесконечно большое число картинок, у которых будет одинаковая высота, но разные длины. 2) Есть две прозрачные картинки, которые нужно накладывать сверху, на каждую картинку из первого множества. Принцип накладывания PNG будет таков: координата _x PNG = ширина картинки - 100px; Проблема: Изначально не известно, какая длина будет у картинки, на которую сверху будут накладываться PNG, поэтому задать смещение строго в пикселях не получится. Прилагаю картинки как должно быть, и из чего должно собраться (просьба не обращать внимания на то, что на конечном вариантеприсутствует ещё и фоновая картинка): За ранее спасибо. P.S.: Если такая …

    Asked by Guest Flashist,

    0 votes
    8 answers

  10. полосы с обех сторон возле названия

    Приветсвую. Столкнулься с проблеммой, а именно версткой с psd макета Имееться картинка: Название Генератор HYUNDAI HHY3000F входит в тех <h1> Как мне прикрутить черный полосы к названию чтоб они тянулись взависимости от длинны текста? За ответы очень благодарен и признателен!

    Asked by akkota,

    0 votes
    4 answers

  11. отцентрировать текст в колонке

    Объемный прайс в виде таблицы. Заданы col-ы . Нужно отцентрировать текст только в одной колонке. Дабы не задавать класс для каждой нужной ячейки, задала класс для нужной колонки, но почему-то не работает. Код и css в норме, ручаюсь. Может быть col вообще не работает, по крайней мере в FF???

    Asked by Nomo,

    0 votes
    16 answers

  12. как выделить выбранный пункт в css меню

    Здравствуйте. Наверное начну с того, что именно мне нужно. Вот есть горизонтальное css меню и надо сделать так, чтоб например при выборе раздела "Photoshop" цвет (картинка) вкладки менялся на какой нибудь другой, ну чтоб пользователь видел в каком разделе он находится. Эор можно сделать средствами CSS? .top-menu { height: 28px; padding-left: 30px; position: absolute; } .top-menu a { display: block; float: right; text-decoration: none; color: #3b3b3b; z-index: 10; width: 111px; display: block; height: 28px; text-align: center; line-height: 28px; background: url(../images/top-menu2.png) left top no-repeat; margin: 0 0 0 -7px; …

    Asked by px379,

    0 votes
    8 answers

  13. Вертикальное выравнивание

    Добрый день, вновь. Подскажите как мне содержимое контейнера выровнять по вертикаль-центр(vertical-align почемуто не помогает), у контейнера минимальная высота, в него помещается еще один контейнер.... #title_conn {width:100%; /*он долженн выставить чтобы содержимое равнялось по вертикал-центр*/ background-color:#eeeeee; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; min-height:30px; } .tit { /*он должен встать по центру вертикали*/ position:relative; width:158px; left: 16px; padding:2px; border: 1px solid red; } <div id="right"> <div id="title_conn"> <div class="tit"><p>jjjjj</p> …

    Asked by woofs,

    0 votes
    16 answers

  14. Опера и высота окна

    Сверстал такую вот штуку: http://maestro-magnifico.ru/test/ Почему сверстал именно так, даже на спрашивайте... По задумке блок #middle должен будет ездить влево-вправо за границу блока #content, у которого overflow: hidden. Не суть! Во всех браузерах эта вёрстка отображается замечательно, кроме оперы, где при ресайзе окна, высота контента не меняется. Отчего так - не понятно, надеюсь на совет матёрых верстальщиков. З.Ы. Я в курсе проблемы наезжания футера на контент, и знаю как её решить, просто до этого пока ещё дело не дошло.

    Asked by Freakmeister,

    0 votes
    51 answers

  15. Выровнять текст возле картинки

    Подскажите, пожалуйста, что прописать в коде, чтобы текст выровнялся по центру. Он располагается возле картинки, но внизу. Сам код: <div style="padding:8px; border-radius:10px; background: #FF7F50"><div style="padding:15px; border-radius:8px; background: #FFFFFF; text-align:right; img-aligh: left; font-weight:bold; color: #000000"><img border="0" src="" alt="картинка 80х80px">Текст, который нужно выровнять по вертикали</div></div>

    Asked by StOK,

    0 votes
    11 answers

  16. Флеш часы на сайт

    Ребят всем здрасте У меня такй вопрос, есть сайт визитка на её нуно вставить флеш часики.. Фон для сайта у меня картинка, на этот фон нужно поставить флеш часики, я начинающий код етот взял с htmlbookа, как бы я не старался флеш часики появляются после фона внизу страници... В общем они некоректтно идут вообще.... Жду ответов

    Asked by darg,

    0 votes
    9 answers

  17. Прижать элемент вправо

    Нужно в одной строке (ширина фиксирована) разместить два текстовых элемента и кнопку, причем текст прижать влево, а кнопку разместить как можно правее. Пусть вся строка - div, где text-align: left а у кнопки float: right И вопрос - в каком порядке размещать элементы в коде? Вроде интуитивно хочется в том же порядке, что и на экране, т.е. текст, текст, кнопка. Но вижу что применяют другой порядок, кнопку в коде размещают вначале. Оба варианта вроде работают, есть ли какая-то причина предпочитать второй? <style type="text/css"> div { text-align: left; width: 600px } input[type=button] { float: right }</style><!-- первый вариант, в коде в том же порядке что …

    Asked by rgl,

    0 votes
    1 answer

  18. Настроил файл .htaccess теперь не грузятся CSS javascript картинки

    Здравствуйте. Сделал ЧПУ на личном движке все прекрасно работает. Но теперь другая большая проблема. Настроил файл .htaccess теперь не грузятся CSS javascript картинки 1) Прописывал абсолютный путь для CSS такового вида <link rel="stylesheet" href="http://site.loc/temp/temp_1/css/style.css"/> БЕСПОЛЕЗНО!! 2) Перемещал файл CSS в корень сайта <link rel="stylesheet" href="style.css"/> БЕСПОЛЕЗНО!! Да и вообще чего только не делал. Уже неделю мучаюсь. Помогите советом пожалуйста. В файле .htaccess такие настройки: AddDefaultCharset utf-8 RewriteEngine on RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d Rewri…

    Asked by koly32,

    0 votes
    8 answers

  19. :first-child не всегда работает

    Всем привет, столкнулся с проблемой что не всегда работает :first-child для блоков, к примеру есть 3 блока в диве, ферст чилд для них не пашет а ласт чилд пашет, в чем прикол?

    Asked by logicface,

    0 votes
    15 answers

  20. Про вложенные DIV и width

    Прошу помочь, вроде искал но что-то безупешно. Проблема такая: есть 4 блока, один родитель, три остальных ? дети. CSS: .navnotselected { width: auto; height: 51px; float:left; } .navtext { text-align: center; width: auto; margin-top: 5px; margin-left: 17px; margin-right: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; text-decoration:none; } } .navnotselectedbar1 { width: 100%; margin-top:1px; height:2px; background: #dcf1ff; } .navnotselectedbar2 { width: 100%; height:4px; background: #dcf1ff; width:100%; } и HTML <div class="navnotselected"> <div class="navtext">Text</div> <div class="navno…

    Asked by Northwood,

    0 votes
    7 answers

  21. Всплывающая CSS-подсказка поверх всего контента.

    На странице надо отобразить всплывающую подсказку средствами CSS, причём чтобы она была поверх всего остального контента. Казалось бы, z-index в зубы - и вперед! Но не тут-то было... Примерная структура проблемной страницы такова: <img id="engrave" ...........> <div id="article" > <p> Всякий текст... <span class="title">**<em>Текст подсказки.<i></i></em></span> </p> </div> CSS в общем виде такой: #engrave { margin: 10px; position: relative; z-index: 1; cursor: pointer; } #article { margin: 10px; opacity: 0.7; background-color: #ffffff; float: none; } .title{ position:relative; …

    Asked by ASGAlex,

    0 votes
    7 answers

  22. проблема с google chrome, пропадает clear: both

    Написал небольшой калькулятор для друга, во всех браузерах норм отображает кроме хрома. Почему понять не могу. Проблема происходит в момент открывания списков. Пропадает стиль (clear: both) для следующего за селектом дива и получается что всё сдвигается. Ссылка на сайт _http://thpc.ru/items/domofony/kalkulyatory/kalkulyator_4/ в опере, мазиле и ie нормально всё. Когда писал в простой HTMLке тоже не работает нормально. Подскажите где ошибся.

    Asked by Mich,

    0 votes
    4 answers

  23. Обрезание и разворачивание текста

    Добрый вечер, задача такая, в диве есть большой текст, а на странице выводятся только 4 строчки его, как сделать нашел: http://htmlbook.ru/blog/obrezaem-dlinnuyu-stro а как еще добавить к этому кнопку развернуть и по которой див будет развернут полностью, с текстом?

    Asked by RK3DNP,

    0 votes
    12 answers

  24. div вместо iframe

    кто знает как отображать инфу не во фрейме а в слое???(к примеру нажимаешь на ссылку и информация отображается поочередно, первая ссылка-в слой отображается первый документ, вторая ссылка-в слой отображается второй документ и тд., либо вместо документов в слой рисунки отображать?помогите плиз оч. нужно!!!!!пишите в личку или http://vkontakte.ru/id28045377?20637, ну можно и здесь обсудить

    Asked by Aleksandrid,

    0 votes
    5 answers

  25. Прокрутка Внутри Таблицы

    Всем привет, делаю шаблон. идея такова...внутри фиксированной таблицы должно прокручиватся содержимое. Черный цвет на месте, зеленый крутится, черный я застопорил через fixed, а вот как закрутить центер хз...бросаю в центер табтицу, даю ей стиль пустой, и нихера. что делать?

    Asked by stone86,

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