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. Растягивающийся DIV и толкающий в низ следующий DIV

    Уважаемые сослуживцы, совсем я впал в ступор. Прошу помощи. Верстаю страницу где четыре основных блока #level1, #level2, #level3, #level4, #level2 - Это блок с меню и текстом, там будет находится разной длинны текст, вставляемый системой управление, при длинном тексте #level2 должен тянуться дублируя фон и окантовку по краям и #level3, #level4 толкать в низ. Я не могу ни как этого сделать. Все карежится то в Опере, то в Експлоере. Посмотрите пожалуйста. <!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…

    Asked by Guest Гость_Максим_*,

    0 votes
    6 answers

  2. при изменении размера окна нижний <div> наезжает на верхний<div>

    Всем привет! Подскажите новичку. Длжно быть так: Два блока один привязан к верху, другой к низу экрана, при увеличении окна расстояние между ними увеличивается(так щас и есть), а при уменьшении до определенного размера должен появится скрол. Но min-height не помогает, точнее нижний блок так и остается внизу при прокручивании скрола перекрывает верхний блок. Я так понимаю что я неправильно привязал нижний блок. http://jsfiddle.net/avRPt/2/

    Asked by CyberKatana,

    0 votes
    4 answers

  3. Как сделать, чтобы при появлении вертикальной прокрутки, divы не выходили за правый край контейнера?

    DEMO Когда содержимое не помещается в overflow: auto, то элементы внутри прокрутки выходят за свой контейнер появляется горизонтальная прокрутка (Смотри загруженное изображение) Не понимаю, как сделать, чтобы блок overflow: scroll становился такой ширины, как и элементы внутри (расширялся), а не появлялась горизонтальная прокрутка.

    Asked by Roma-Pro,

    0 votes
    8 answers

  4. прокрутка в таблице

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

    Asked by kolpeex,

    0 votes
    2 answers

  5. <!DOCTYPE html> 

    При использовании <!DOCTYPE html> получается кака . Если убираю эту строчку из html-файла, то все прекрасно получается, так как и задумывалось. Эффект, которого надо достичь при наведении курсора. Использую сброс стилей, но с <!DOCTYPE html> есть непонятные отступы (на первой картинке видно после заголовка) и выше описанная ерунда. Перебирал по отдельности каждый стиль, ничего не помогло, кроме удаления <!DOCTYPE html>. На сколько я понимаю, <!DOCTYPE html> нужен, чтобы небыло неразберихи, а тут именно с ним неразбериха. В чем тут смысл.

    Asked by Андрей7000,

    0 votes
    19 answers

  6. Правильно ли оставлять пустые колонки в бутрап?

    Здравствуйте. не так давно работаю с бутстрап. Возник вопрос : Вот например есть страница на которой есть картинка (шириной в 3 колонки бутстрап) и больше ничего . Допускается ли делать так, то есть прописывать пустые колонки ? <div class="container"> <div class="row"> <div class="col-md-3"> <img src="image.png" > </div> <div class="col-md-9"></div> </div></div>или правильней делать шириной 12 колонок и с помощью своих стилей позиционировать внутри этого широкого блока?

    Asked by ishurgaya,

    0 votes
    2 answers

  7. кодировка в xhtml

    Подскажите плиз, как изменить кодировку в xhtml? например вместо UTF-8 как поставить windows-1251?

    Asked by YISHIMITSY,

    0 votes
    9 answers

  8. Загрузка определ?нного CSS файла, в зависимости от браузера

    Доброго времени суток! Пытался на форуме найти тему - не смог (а вроде где-то видел решение). В общем задача сделать так, чтобы в зависимости от того, каким браузером будет просматриваться сайт, грузилась свой файл CSS. style-ie.css style-ff.css style-opera.css Такое вообще реально реализовать или у меня ложная память, что я видел решение этой задачи?

    Asked by Boron,

    0 votes
    7 answers

  9. Выровнять блоки

    Возникла прроблема при верстке немогу решить уже второй день, есть неизвестное количество блоков в родительском(их высота и ширина известна заранее) нужно выровнять эти блоки по левому краю и родительский блок отцентрировать в блоке photos_list <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <div class="photos_list"> <div class="container" style="text-align: left;"> <div style="float:left; width: 100px; height: 100px; border: 1px solid #ccc;;"> <img src="/fw/files/thumb/6fd36c7e6759050b03bb22871550554f.jpg" alt="WallpapersMania.nnm_.ru_vol141.jpg" width="100" height="62"> &…

    Asked by Toxin_G,

    0 votes
    22 answers

  10. Возможно ли это?

    Есть ячейка: <td width="225" height="50" background="ABS.jpg" alt="" align="center">. В ней ссылка. Нужно, чтоб при наведении курсора на ячейку картинка поменялась на OABS.jpg Испробовал массу вариантов и через фон ссылки, и через CSS. Нулевой результат((( Возможно, что html не дает возможности это воплотить. Подскажите.

    Asked by admelj,

    0 votes
    18 answers

  11. Мягкая тень вокруг li

    Возник реальный вопрос. Png-прозрачность и все-такое уже умею. Не могу понять как сделать растягивающиеся кнопки с тенью через li. Вот пример:

    Asked by Вадим,

    0 votes
    17 answers

  12. Слои по центру

    Здрасти, не могу найти такую вроде простую вещь, помогите пожалуйста. У меня есть несколько слоев (неопределенное количество) я хочу, чтобы они выводились по центру странички. Делаю контейнер, в нем несколько слоев. Если применить float, тогда не получается чтобы слои были посередине, если применить не применять то слои получатся в столбик. Каждый слой имеет фиксированные размеры и у всех слоев они одинаковые. Как это реализовать?

    Asked by kentastik,

    0 votes
    24 answers

  13. Можно ли тень нарисовать?

    нужно что от картинки отбрасывалась тень. Подскажите плс кто знает. Спасибо

    Asked by art,

    0 votes
    1 answer

  14. "Резиновые отступы" проблема с реализацией

    Здравствуйте. Я не первый день занимаюсь версткой, но опыта работы с резиной у меня совсем мало. Работодатель настаивал, чтобы я научился верстать резину и скинул мне макет. В процессе работы возникла задача, которая ставит меня в тупик. В блоке с контентом есть 4 блока, пусть это будут баннеры, которым заданы определенные ширина и высота – по мере растяжения окна браузера должны растягиваться отступы между баннерами, а у самих баннеров ширина должна оставаться неизменной. Для наглядности прошу взглянуть на изображение: У меня получилось реализовать нечто приближенное с помощью таблиц (предпочитаю блочную верстку, но здесь главное, чтобы работало...): Вставил таблицу, за…

    Asked by Верстальщикус,

    0 votes
    6 answers

  15. Отправка запроса на почту.

    Добрый день. Подскажите, делаю выборку способов доставки в корзине магазина таким образом: <label for="oplata">Cпособ доставки:<br /></label> <form> <p><input type="radio" name="answer" value="a1">Курьерская доставка по Киеву<Br> <input type="radio" name="answer" value="a2">Посылка Новой Почтой<Br> <input type="radio" name="answer" value="a3">Посылка Укр Почта<Br> <input type="radio" name="answer" value="a4">Самовывоз в г.Киеве</p> </form> Подскажите как мне организовать отправку данных при выборе того или иного варианта доставки? Если к примеру вывод заполненного поля имени…

    Asked by newjey,

    0 votes
    17 answers

  16. Mozilla Firefox и background-position в BODY

    Доброго дня! Подскажите пожалуйста, есть код BODY {PADDING-RIGHT: 0px; BACKGROUND-POSITION: right bottom; PADDING-LEFT: 0px; FONT-SIZE: 80%; BACKGROUND-IMAGE: url(../images/bot.jpg); PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px; MARGIN-BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat; backgrpund-color: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#003162; background-color: #E4EBEE;} В Опере и IE фоновая картика нормально прижимется внизу а в Мозилле не получается. Как иcправить? Спасибо.

    Asked by Loed,

    0 votes
    11 answers

  17. Эффект перекатывания - вопрос.

    www.alexey-shingirey.narod.ru На этом сайте при наводе курсора на логотип он меняется на другое изображение, но перед этим происходит какой-то быстрый блик ч?рного цвета, а на других сайтах есть такой эффект, но там нет никаких этих ч?рных пауз. Эта фигня происходит только при первом наводе курсора, дальше вс? ок.

    Asked by Sheena,

    0 votes
    15 answers

  18. Как прижать футер книзу экрана?

    Здравствуйте! Сразу оговорюсь, что прижимать просто так футер книзу я умею (хоть и считаю это совершенно ненужным...). Теперь к сабжу. Есть такой код (код не мой, просто подходит для примера): Код можно посмотреть на этой странице http://www.xs4all.nl/~peterned/examples/csslayout1.html Там макет из хедера, контента и футера. Причем контент растянут на 100% по высоте. Мне надо сделать так: 1. надо сделать хедер, допустим 100px по высоте 2. надо сделать футер, допустим 100px по высоте 3. самое интересное: надо сделать так чтобы между ними был контент, чтобы он был растянут на всю оставшуюся высоту экрана (как в примере по ссылке), но чтобы, если высота контента превышает вы…

    Asked by Great Rash,

    0 votes
    8 answers

  19. сползают блоки при уменьшении окна браузера

    я только начинаю учить програмирование, и возникла проблема... http://dropmefiles.com/061578 1 фото когда окно браузера га весь екран 2 фото когда я делаю его меньше... блоки просто сскользают, что делать? или код надо кинуть?

    Asked by Skorping,

    0 votes
    1 answer

  20. Когда не хватает псевдоэлементов или как спозиционировать тень

    Вот иллюстрация. Тень должна исходить из выделенного блока(визуально, там видно откуда, и видно, что сейчас сделано криво). По-идее, это должен быть span, но в оригинальной задаче, span должен быть сам по себе, а тень должна исходить либо из самого пункта (класс every), либо из какого-либо нейтрального потомка, а какой потомок "нейтрален"? псевдоэлемент, его мы может подогнать под нужные размеры, поставить нужный z-index и сделать для него тень. Беда только в том, что для последнего элемента (крайнего справа), свободного псевдоэлемента не осталось. Что делать? Обязательно для всех меняющихся элементов, которые видны на иллюстрации, в том числе и для тени, нужен транз…

    Asked by Launder,

    0 votes
    5 answers

  21. Помогите с музыкой на страничке разобратся

    Всем привет. Разобрался с тегом для звучания музыки при загрузке странички. <bgsound src="meta/55.mid"> Но насколько я правильно понял музыка звучит в формате наподобии .mid А как сделать чтоб сразу после загрузки странички зазвучала песня в формате .mp3? Помогите пожалуста.!!!

    Asked by Drejven,

    0 votes
    19 answers

  22. Как картинку по верх всего повесить?

    Доброго дня всем! У меня вопросик по CSS, помогите ответом: есть фон, на нем верхняя картинка (условно назовем ее Header)которая по ширине уже чем фон, и есть логотип, который надо по верх Headerа закрепить, но так чтобы он вылезал за его рамки? Короче говоря - Как картину по верх всего повесить в произвольном месте??? Я это сделал так: .logo { background-image: url('images/logo.png'); background-repeat: no-repeat; height: 441px; width: 362px; margin: 0; } Но когда меняю значение "margin" карявиться весь сайт!!!

    Asked by Aleksey777,

    0 votes
    10 answers

  23. Кодировка страниц Opencart

    Добрый день. Редактирую default шаблон OpenCart. В DW выставил дефолтную кодировку windows-1251. Когда начинаю сохранять - все отлично, русский текст отображается нормально, как только обновляю страницу движка, измененный текст отображается спец-символами. Это из-за разности кодировок движка и DW?

    Asked by arthyrgrex,

    0 votes
    3 answers

  24. Проигрыватель

    Народ помогите, горю!!!! Мне нужен код плеера, для того чтобы воспроизводить видео на сайте!!! Я с этим не сталкивался и ничего не знаю по этому поводу!!! Что вы посоветуете????? Помогите, нужно позарез!!!

    Asked by sufokol,

    0 votes
    5 answers

  25. Div в таблице.

    Добрый день. Есть таблица (русунок1). надо сделать вот так: Что имеется ввиду: Ячейка 1 это 2 объедененных строки в одну, позиционирование центр центр, 2 отдельная строка, позиционирование лево центр, 3 так же как 1. Хочу сделать градиентную границу между двумя одинаковыми вертикальными блоками, как на рисунке 2. Для этого создал стиль: .s_gft { padding:7px 0 0; background: url(../images/gradient_for_table.png) repeat-x;} } При этом в таблице вставляю его после TD, например <tr height="20"> <td height="20" style="text-align: center;"><div class="s5_gft"></div>1</td> <td width="658px" colspan="2"> <div class="s5_gft"></div&…

    Asked by sxxs,

    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