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. Проблемы с флешом

    Кто-нибудь сталкивался с проблемой, когда swf файл запускается локально нормально и полностью работает, а на сервере работает пару секунд и останавливается. В чём может быть проблема? Заранее спасибо.

    Asked by WebMechanic,

    0 votes
    3 answers

  2. Поворот страницы перед отправкой на принтер

    Добрый день, делаю так: <style media=print> div{ position:absolute; /*обязательно*/ FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1,Mirror=0,Invert=0,XRay=0 ,Grayscale=0,Opacity=1.00); } </style> В IE работает, но предварительно спрашивает разрешить ли запуск активного содержимого.. Есть ли возможность повернуть страницу по другому либо избежать этого вопроса на клиентских машинах?

    Asked by h7h2vc,

    0 votes
    1 answer

  3. Маленький интерлиньяж

    Приветствую. Есть абзац. Строки в нем имеют маленький межстрочный интервал. Пытаюсь добиться такого же отображения в браузере при помощи свойства line-height, но оно не срабатывает нигде, кроме шестого ослика. [ <span class="h3_text"><b>Расширительные баки и <br /> гидроаккумуляторы</b></span><br /> <span class="h4_text"> -Мембранные расширительные баки Reflex для <br /> закрытых систем отопления. Тип N <br /> - Гидроаккумуляторы Reflex для систем горячего и <br /> холодного водоснабжения. Тип DE <br /> - Настенное крепление для экспанзоматов </span> .…

    Asked by ed101utf8,

    0 votes
    2 answers

  4. Лайтбокс и видео ролик

    Здравствуйте. Кто сталкивался с такой проблемой. Есть видео ролик и использоваться лайтбокс. При нажатии на лайтбокс его окно залазит за сам ролик почему так происходит непонятно( так как div с боксом имеет position:absolute, а ролик не имеет вообще никаких css стилей, только параметры. Берется прямо с ютуба. Вот пример Вот сss lightbox display:block; height:auto; left:408px; outline:0 none; overflow:hidden; position:absolute; top:575px; width:600px; z-index:1002; что может быть такое перелопатив горы интернета чето не пойму в чем может быть проблема

    Asked by voooodoo,

    0 votes
    2 answers

  5. Очередная проблема с валидацией.

    Валидатор FireFox "ругается" на строку: <a href="/ru/institutions/page2/?city=&area=&institution_type=&cuisine="> И объясняет все так: Как исправить?

    Asked by Alex&R,

    0 votes
    3 answers

  6. Перенос строк по столбцам

    Доброй ночи всем! Возникла проблема переноса пунктов меню по столбцам. Рисунок пояснит подробнее То есть есть некоторый div фиксированной высоты а в нем ссылки например так <div style="height:100px;"> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> <a href="#">Пункт меню 3</a> <a href="#">Пункт меню 3</a> </div> у ссылок представим display:block; так что они расположены в столбик как на картинке. Скажите пожалуйста, можно ли средствами css задать так, что если очередной пункт не помещается в данном столбце, то он переносится в новый стобец (см. рисунок), прич…

    Asked by Artik20003,

    0 votes
    2 answers

  7. Меню

    Народ у меня такой вопрос , сделал менюшку простенькую во всех браузерах норм отображается но в Ие 6,7 между элементами списка <li> появляются отступы http://www.sendspace.com/file/ca6ygx вот сюда залил меню может кто нить обьяснить почему они там появляются , и что я сделал не правильно ?

    Asked by MaferoK,

    0 votes
    5 answers

  8. проблема с использованием max-width

    Суть вопроса в следующем... есть код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>max-width</title> <style type="text/css"> /*———————————--RESET———————————-*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; }…

    Asked by bonyany,

    0 votes
    5 answers

  9. Розовая полоса

    Как сделать чтоб розовая полоса не переходила на другую строку, а чтоб было слева желтое на 35%, а справа все заполнялось розовой полосой? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Основы блочной верстки (Div верстки)</title> <!--<link href="style.css" rel="stylesheet" type="text/css"> --> <style type="text/css"> body,html{ margin:0px; padding:0px; } #header {width:60%; background-color:#CCFFCC; text-align:center; margin:0px auto;} #left{width:35%; background-color:#FFF…

    Asked by romantik2011,

    0 votes
    3 answers

  10. Вёрстка для КПК / PDA

    Всем привет. Есть кучка вопросов возможно будут ещё. 1. Какой DOCTYPE выбрать для пда режима? 2. Как вравильно подобрать ширину экрана для телефона? Поставить ширину 100% или поставить фиксированую ширину с максимальной и минимальной шириной? 3. Лучше использовать таблицы или дивы? 4. Как сделать чтоб дизайн адаптировался под размер экрана телефона или монитора? Думаю пока всё, заранее спасибо

    Asked by fullzero,

    0 votes
    3 answers

  11. Скобки

    Подскажите как убрать подчеркивание у скобок(«). <li> <a style="margin-left:25px;font-size: 18px;" class="bondt" href="/news/yl/">«Yellow Lamp</a>»</li></ul>

    Asked by Rambo2045,

    0 votes
    1 answer

  12. Дублируется шрифт на ipad :(

    Добрый вечер, вот такая проблема с некоторыми шрифтами на сайте под ipad сайт http://brodude.ru/ скрин с ipad css шрифта font-family: 'pt_sans_narrowregular'; Спасибо!

    Asked by by_roxe,

    0 votes
    5 answers

  13. шрифты в мак ос

    http://zverushka.zz.mu/med/ заголовки основного меню отображаются в винде нормально, но на мак осе выглядят жирными. Как будто не тот шрифт, да и вертикально они выше. В чем может быть причина? Какой тип шрифтов в первую очередь грузится в этой системе или ее браузерах? Кстати такое кажется только в mountain lion системе мака, просто лион версия в сафари 6й версии отображает хоть и вертикально криво, но не таким толстым.

    Asked by Zverushka,

    0 votes
    10 answers

  14. 2 фиксированных колонки и 1 резиновая по середине без использования position:absolute

    Добрый день. Возникла задача сверстать сайт с тремя блоками в шапке, центральный из которых резиновый и при этом они должны определенным образом опускаться друг под друга при уменьшении окна. Красным показано уменьшение окна поэтапно. Левый и правый блоки заданной ширины по 288px. Средний блок должен быть резиновым. Использовать можно только CSS и нельзя пользоваться абсолютным позиционированием. А теперь поэтапно: 1. Окновмещает в себя все блоки. Средний блок тянется по ширине. Высота у всех блоков тоже задана 113px. 2. Доходим до точки, когда средний блок достиг ширины в 228 пикселей и сейчас олжно произойти смещение одного блока. 3a. Центральный блок выпадает вниз и…

    Asked by Snitch,

    0 votes
    2 answers

  15. Верстка на div'ax, смещение оных

    <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Панель администратора</title><link rel="stylesheet" type="text/css" href="style.css" /></head><body> <div id="container"> <div id="header">Ш</div> <div id="navigation"> <a href="#" class="knopka" tabindex="0">кнопка</a> <a href="#" class="knopka" tabindex="0">кнопка</a></div> <div id="menu">М</div> <div id="content"&gt…

    Asked by dotslide,

    0 votes
    3 answers

  16. Проблемы с двухколоночной вёрсткой

    Сделал простой макет <div><section></section><aside></aside></div>Задал ему стили div{ max-width:957px; margin:0 auto; } section{ height:200px; background:green; margin-right:200px } aside{ width:200px; float:right; height:200px; background:red; }Но правая колонка почему-то находится под левой, а не справа от неё. Почему так?

    Asked by PavelTkachev,

    0 votes
    7 answers

  17. Не могу сделать выпадающее горизонтальное меню

    Здравствуйте! У меня образовалась такая проблемка при создании горизонтального меню. В общем, само меню я сделал, а вот как реализовать чтобы при наведении курсора на пункт снизу появлялся еще один пункт с контентом я не знаю. Подскажите пожалуйста как такое реализовать, а то я уже не знаю что делать. Искал в интернете, но все способы которые там описываются мне не подходят - меню либо ломается, либо вообще не работает. Вот кстати код: css: .horiz{width:1000px;height:40px;margin:auto;padding:0px;list-style:none;} .horiz li{float:left;height:40px;border-bottom:1px solid #2e4a5b;} .horiz A:hover{background:url(/devmedia/_images/grad/headerbackgroundpnglihover.png) #3b546…

    Asked by Faberton,

    0 votes
    2 answers

  18. flex-grow

    В теории сказано, если 1 элементу задать flex-grow: 2, то он будет в 2 раза длиннее остальных, но почему он, начинает занимать всю оставшуюся длину? http://jsfiddle.net/u0xgxo2q/

    Asked by DivMan,

    0 votes
    10 answers

  19. Необычное горизонтальное меню

    Всем здравствуйте! Собственно такой вопрос: Как сделать адаптивное горизонтальное меню на html и css которое на картинке? Причем при разных разрешений экрана,меню не уходила в сторону от фона. Вообще это возможно?

    Asked by Proxt,

    0 votes
    2 answers

  20. Как выровнять один елемент с лева, второй по центру , а третий и четвертый справа

    Как выровнять один елемент с лева, второй по центру , а третий и четвертый справа.Сейчас ситуация такая А нужно чтобы было так Код https://jsfiddle.net/RedSniper/j9s0bg2k/ Думаю , если стрелочки были не одной фоткой они бы стали как на картинке.Нужно , как-то с помощью флексов так сделать.

    Asked by kartopelka,

    0 votes
    2 answers

  21. Помогите неправельное отображение в IE

    Привет всем хочу представить мою верстку я никогда не подгонял ни под какие либо браузеры и вот столкнулся с такой проблемой неправильное отображение а точнее пропали линии (картинки) или стукните в аську буду рад 452871236 Помогите пожалуйста !Прикрепил фото на то что нужно и на то что получилось http://s43.radikal.ru/i099/0909/45/be00313b82f5.jpg http://i023.radikal.ru/0909/ac/a046b8df8544.jpg <!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" lang="ru" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/html; chars…

    Asked by maks-master,

    0 votes
    0 answers

  22. ие6 и прозрачность у активной ссылки

    есть ие6 есть горизонтальное меню ссылки, когда подсвечиваются, имеют полупрозрачный фон вот код: цсс /*хак прозрачности*/ img, .box_r, .box_l, .flame_one:hover, .flame_two:hover, .flame_three:hover, .flame_four:hover, { behavior: url(opacity/pngfix.htc); } /*меню ul*/ #menu_inline { margin-top:125px; } /*меню ul li*/ .link_li { display:inline; } /*ссылки*/ .flame_one, .flame_two, .flame_three, .flame_four { display:inline; padding-right:15px; position:relative; bottom:-4px; } .flame_one:hover { background:url(img/act_h.png) no-repeat; } /*и тп*/ хтмл <ul id="menu_inline"> <li class="link_li"><a class="fla…

    Asked by cardsmoney,

    0 votes
    3 answers

  23. Стили ссылок

    Есть контейнер <div id="cont"></div> в котором вывожу основной контент сайта. Есть css div#cont a {стиль для ссылок}. Мне потребовалось для некоторых ссылок другое отображение и я этим ссылка присвоил class="cat". Но сcs a.cat {стиль для ссылок} не срабатывает. Т.е стили ссылок с классом не меняються.

    Asked by spatlet,

    0 votes
    2 answers

  24. Проблемы каскадирования xhtml+css

    xhtml: <p class="txt"> Текст 1 <br /> Текст 2 <br /> <ol> <li>List 1</li> <li>List 2</li> </ol> Текст 3<br /> </p> css: p.txt { text-align:right; } Выравнивание срабатывает на "Текст 1" и "Текст 2", а вот на список и на "Текст 3" не оказывает влияния.

    Asked by qweqwe,

    0 votes
    4 answers

  25. _moz-rs-heading и неожиданные ссылки в firefox

    Во время работы над своим проектом обнаружил, что на сайте каким-то чудом появляются подозрительные ссылки, не проставленные в исходном коде. Верный firebug показал мне этих шпионов, снаряженных атрибутом _moz-rs-heading. В согласии с правилами логики можно было ожидать, что элементы с таким префиксом характерны только для Огнелиса, как оно и оказалось. Погуглив, обнаружил статью об этом баге/этой фиче (выберите нужное в зависимости от точки зрения). http://blog.project-sierra.de/archives/1221 Вкратце, суть в том, что нужно проверить HTML-код валидатором и устранить все ошибки. Тогда Лиса полюбит вас и уберет свои дополнительные ссылки. just for fun. Может, кому-нибудь п…

    Asked by scorpio,

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