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. Расстояние от подчёркивания до ссылки

    Привет всем. Вопрос будет касаться регулирования расстояния от ссылки до подчёркивания. Опишу сначала задачу: необходимо сделать подчёркивание ссылки на тон светлее, чем цвет самой ссылки. Решение: убираем стиль ссылки, ставим "бордер-боттом", нужный цвет, толщину и пр. Вуаля, но... Проблема: при таком методе расстояние от ссылки до подчёркивания увеличивается в сравнении со стандартным подчёркиванием ссылки (смотрится коряво при фонт-сайзе 13пх). Уменьшить его отрицательным значением пэддинга, естественно, не получается (зато увеличить можно хоть до апупения . Вопрос: как уменьшить это расстояние? Меня интересует любой способ. Подскажите пожалуйста ваши варианты. Заранее…

    Asked by majestic,

    0 votes
    3 answers

  2. Как объединить popup окно и owl carousel

    Возникла проблема с объединением popup окна и owl carousel. После добавления карусели, попап окно не работает. http://garmoni.inf.ua/westworld/ http://prntscr.com/ii854d

    Asked by garmoni,

    0 votes
    5 answers

  3. Как грамотно сверстать?

    Здраствуйте, подскажите пожалуйста как грамотно сверстать такой хедер/нав. можно задать фон градиентом и на место разделения вставить картинкой (выделенное пунктиром), но я думаю есть более рациональное решение, просто я начинающий и найти его не смог. Ширина заливки хедера и меню должна быть 100%, контент хедера и меню 1170px разделение на 50%.

    Asked by LittleGoose,

    0 votes
    12 answers

  4. Проблема в Firefox: не работает свойство style.height

    function set_size() { [i]document.getElementById("leftShadow").style.height[/i]=document.getElementById("copyright").offsetTop-138; alert(document.getElementById("leftShadow").style.height); } Выделенное курсивом отменно работает в IE, но не в FF. Как исправить?

    Asked by lesprit,

    0 votes
    4 answers

  5. слой с параметром float

    Подскажите, можно ли зафиксировать слой с параметром float: right. Ситуация такая слой(НОВЫЙ СЛОЙ) убегает влево, если высота слоев в правой части сайта больше, чем в левой части <html> <head> <style type='text/css'> #center_left { width:52%; float:left; } #center_right{ width:44%; float: right; padding-left:15px; } #left { width:52%; height:auto; float:left; background-color:#FFFDF4;} #right{ width:43%; float:left; height:auto; padding-left:15px;} #center_right_bottom{ width:468px; float: right;} </style> </head> <BODY> <div style="width:100%;"> <div id="center_left" style="background-color:#FF9900"><br><br>сл…

    Asked by dist,

    0 votes
    8 answers

  6. просмотр видео как в YourTube

    что можно вкрутить в html код, чтобы в страницу был встроен проигрыватель flv как в yourTube?

    Asked by vovchikku,

    0 votes
    3 answers

  7. место нахождения на сайте

    существует такое меню ... <td align="center"> <a href="katalog.html" onMouseOver="ChangeImg('ImgName2','pics/katalog1.png')" onMouseOut="ChangeImg('ImgName2','pics/katalog.png')"> <img name="ImgName2" border="0" src="pics/katalog.png" alt="Каталог"></a> </td> <td align="center"> <a href="gallery1.html" onMouseOver="ChangeImg('ImgName3','pics/photogallery1.png')" onMouseOut="ChangeImg('ImgName3','pics/photogallery.png')"> <img name="ImgName3" border="0" src="pics/photogallery.png" alt="Фотогалерея"></a> </td> ... и т.д, как можно сделать что бы было видно в каком разделе ты находишся? т.е. когда ты на…

    Asked by alkatran,

    0 votes
    8 answers

  8. Как правильно сверстать HEADER?

    Нужно что бы полоска была по ширине экрана а картинки на неизменном растоянии от меню. Какой подход будет правильнее для кроссбраузерности ? 1.Сделать все одной картинкой и добавить на background серую полоску под ту что имеется, на случайц если экран шире картинки. 2.По поводу крассного лого пробовать z-index, а полоску на background блока который на ширину экрана. 3.Друкой вариант?

    Asked by Pumych,

    0 votes
    6 answers

  9. Отображение шрифтов в IE

    Здравствуйте. Есть сайт http://oxika.ru/ Во всех браузерах выглядит нормально, но в IE (во всех версиях) шрифты выглядят толще и меню сливается. Как быть? Пытаться прописать стили только для ие? Шрифты - конвертировал ttf.

    Asked by Vlad_P,

    0 votes
    5 answers

  10. как обойти ЯваСкрипт

    Доброго всем времени суток!!! У меня следующая проблема, Данное тело полностью рабочее, но мне надо какм то образом обойти наличие скрипта!!! <body> <script language="javascript"> function past(print) {text.value = text.value + '<img src="01.gif">'} </script> <textarea name="text" size="50"></textarea> <img src="01.gif" onclick="past(true)"> </body> </html> я новечек в этом деле но на моем бесплатном хостинге в гостивой стоит похоже какой то контроль он полностью игнорирует все скрипты такого плана <script language="javascript"> function past(print) {text.value = text.value + '<img src="01.gif">'} </…

    Asked by ruslan_rx,

    0 votes
    2 answers

  11. Управление поведением списков

    Возникла такая проблема... Дано: список, неважно, нумерованный или маркированный. Необходимо: добиться, чтобы при копировании списка номера или маркеры не копировались в буфер. При использовании IE маркеры и номера не копируются, однако в FF попадают в буфер обмена, в Опере еще не протестировано. Возможно ли как-то добиться того, чтобы в буфер в любом браузере копировался только текст? Делается это все для того, чтобы текст располагался на ?зебре?. Есть еще один вариант,? положить ?полосатый? фон под текст, согласовав ширину полосок с высотой строк, однако в FF при изменении размера шрифта все ?поедет?, поэтому такой вариант мне не нравится, хотя с точки зрения семантики …

    Asked by rash,

    0 votes
    5 answers

  12. Вертикальный скрол меню с position fixed

    Всем привет. На странице расположено горизонтальное меню с навигацией. При скроле страницы вниз, при условии, что блок с меню вышел за пределы экрана, значение его атрибута position меняется со static на fixed. Блок с меню прижимается к верхнему левому углу и растягивается на всю ширину окна браузера. Меню построено в виде аккордеона - при нажатии на ссылки основного меню открываются подменю. ПРОБЛЕМА: При открытии подменю с большим кол-ом пунктов, пункты основного меню ниже выходят за пределы экрана внизу. Скрол меню невозможен из-за position: fixed. Пункты меню становятся недоступными. ЗАДАЧА: Реализовать прокрутку меню по-вертикали, если при раскрытии подменю пун…

    Asked by Shurikkan,

    0 votes
    2 answers

  13. Как реализовать таблицу из 2-х ячеек в DIVах..

    Есть таблица из 2-х ячеек, левая резина в правой картинка не фоном.(т.е. вся строчка 100% ширины).как реализовать на блоках... В резиновой ячейке может быть блок фиксированной ширины...нельзя чтобы при сжатии экрана картинка уходила вниз под блок в левой ячейке...

    Asked by Serjinio,

    0 votes
    5 answers

  14. Если определ?н DOCTYPE, то не работает overflow:hidden (в IE)...

    Пытаюсь сделать меню так, чтоб при наведение курсора мыши всплывал снизу див, который типа спрятан посредством свойства overflow: hidden у родительского дива. Вс? ништяк кроме ИЕ (в принципе как всегда:/) Заметил такой прикол: если убрать DOCTYPE, работает, но тогда центральный главный div сносится влево, так как margin: 0px auto, больше не работает. Это, конечно, меньшая проблема, но хотелось бы решить первую и оставить DOCTYPE. Код привед?н ниже. Может кто знает, в ч?м прикол? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>[[''TITLE'']]</title> <style …

    Asked by wils0n,

    0 votes
    4 answers

  15. Как по-нормальному убрать scrollbar'ы?

    Как по-нормальному убрать scrollbar'ы? Короче ситуация такая - не хочу задавать фоны <div>"ов в процентах, но когда задаю ширину бэкграунда 1280пиксей то в браузерах почему-то появляется горизонтальная полоса прокрутки, хотя разрешение экрана 1280х1024... Можно поставить на все overflow: hidden, но тогда при уменьшении размеров окна часть страницы просто обрезается и скроллбар не появляется. Интересно, как можно решить проблему? неужели без резиновой верстки не обойтись??

    Asked by Umnik1,

    0 votes
    2 answers

  16. Наследование высоты блока

    Друзья, помогите разобраться... уже весь мозг сломал Есть 2 блока, левый основной и правый, который должен наследовать высоту левого. Но есть небольшая хитрость! Максимальная высота левого не ограничена, когда как минимальная - 400px. У правого нужно жестко зафиксировать, что если высота левого 400px, то у него 400px. А если больше 400, то наследовать его высоту, которая меняется в зависимости от наполнения! Собственно все это нужно, что бы прикрутить полосу прокрутки для правого блока. Т.е. если вдруг высота правого становится больше левого, то у него должна появляться прокрутка! Возможно криво объяснил #main { float: left; margin-top: 16px; background-image: ur…

    Asked by DeeMon,

    0 votes
    2 answers

  17. Перенос слов если не хватает места

    Подскажите, есть такой код - http://cssdeck.com/labs/ykznzejh если тексту не хватает места он начинает перетекать (переноситься) на новую строку (весть блок div), что выглядит достаточно криво, как сделать так, что бы если не хватало места, что бы НЕ содержимое блока div переносилось на новую строку, а содержимое тегов span. <div class="wr"> <span>один два три</span> <span>четыре пять шесть</span> <span>семь восемь девять</span> </div> .wr { padding: 20px; } .wr > span { padding: 10px; border: 1px solid gray; } Ну или как сделать что бы при переносе содержимого блока div все выглядело п…

    Asked by CLK,

    0 votes
    2 answers

  18. Нулевой отступ сверху для хедера

    Привет, друзья! Банальная проблема, возможно детская, но я никак не могу достойно с ней справиться. Суть вот в чем: есть шапка сайта (часть таблицы) и мне нужно, чтобы она пристыкована к окну браузера, тоесть нужен нулевой отступ сверху. Вот как это выглядит сейчас: Прописав в стиль таблицы следующее: position: fixed; top: 0px; Я добился, что мне и нужно: Но теряется выравнивание по центру таблицы и вообще, в IE6 это не работает. Мне кажется, что должно быть что-то попроще. Буду рад вашим советам!

    Asked by Optimistus,

    0 votes
    4 answers

  19. меню с помощью списков

    Пытаюсь сделать обыкновенное меню. Разве что хочется с чтоб он было покрасивее. Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> #main li{ width:300px; height:50px; border:2px solid green; display:block; } #insert li{ width:300px; height:20px; border:1px solid red; display:block; } </style> </head> <body> <ul id="main"> <li>Первый пункт <ul id="insert"> <li>Первый подпункт</li> <li>Второй подпункт</li> <li>Третий подпункт</li> </ul> &lt…

    Asked by cx717,

    0 votes
    1 answer

  20. в ie6 страница не отображается

    Народ есть такой косяк, сверстрал страничку. В XHTML. по результатам validator.w3c.org код валидный. В браузерах opera ie7 firefox safari chrome, все нормально, а вот в ie6 белый лист. Хз что делать. Главная страничка на dnscenter.ru

    Asked by al_kash,

    0 votes
    6 answers

  21. Перенос контецнера на новую строку

    Доброго времени суток! Оч нада решить следующую задачку: имеется такой код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style type="text/css"> p { /* ?????????????? */ } .span { /* ?????????????? */ } </style> </head> <body> <p> <span class="span">1</span> текст; <span class="span">2</span> текст; <span class="span">3</span> текст; </p> </body> </html> что нужно прописать вместо '?????' чтобы получить в браузере 1 текст; 2 текст; 3 текст; Или имея доступ только к стилю абзац…

    Asked by CoDy,

    0 votes
    6 answers

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

    Господа у меня назрел небольшой вопрос. До недавнего времени мне приходилось делать лишь статичные макеты и центрировал я их очень просто: соз давал блок фиксированной ширины со стилем width:1095px; height:100%; padding:0 0 0 0; margin:0pt auto; text-align:left; Вот, а теперь нужен полсностью резиновый центрированный макет, но если заменить width:100%, блок уезжает.... Я понимаю, что вопрос крайне глупый, но все же. Спасибо!

    Asked by lebyr,

    0 votes
    8 answers

  23. Помогите, пожалуйста, с таблицей!

    Была таблица на ... ячеек. Заглавие в верхней, по бокам пустые с фоном. По середине 22 строки и 5 столбов. Я их заполнил, само-собой обьем увеличился. Но получилось, что увеличилась вся таблица где-то в 2 раза относительно этой серединки и вытянула последнюю строку по вертикали. Менял высоту, проверил - вроде всё по правилам... Подскажите, может чё не привильно сделал=) Работаю в программе Dreamveawer cS4

    Asked by DRONNI16,

    0 votes
    15 answers

  24. float не хочет работать

    Создаю простенький макет на div'ах. Нужно, чтобы текст ("content content ... ") обтекал картинку (img src = "111.jpg"). Для этого написал такой код: </head> <body> <div id = "main"> <div id = "pict"><img src = "111.jpg" title = "" alt = ""/></div> <div id = "text"> <p>Content content content Content content content Content content content Content content content Content content contentContent content content Content content content Content content contentContent content content Content content content Content content content Content content content Content content content Content content content Content content conten…

    Asked by botyaslonim,

    0 votes
    16 answers

  25. Горизонтальный скроллбар

    Подскажите как сделать горизонтальный скроллбар для прокрутки контента, как здесь: http://markup-m.narod.ru/tpl/gorizontal_scroll_gallery/ Я скопировал всё с 6 по 42 строчку кода и заключил контент в <div class="gallery"></div>, но у меня не получилось: http://muz-city.r02.biz/load/aqua_how_ru_doin/52-1-0-10387

    Asked by Webster,

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