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. Появление блоков по очереди

    Всем доброго времени суток, я на ткнулся на сайт http://zolotonazakaz.ru/ , и мне очень понравился абзац "От эскиза до готового произведения искусства" Так появление "Шагов" Очень интересно сделано подскажите как это сделать? Во первых появление Во вторых как сделано что оно появляется после того как я проворачиваю сайт ниже.

    Asked by Cocaine,

    0 votes
    2 answers

  2. z-index не работает.

    Попробую описать всё объективно. Делаю школьный сайт(попросила одна знакомая учительница) В общем с html когдато разбирался полностью, но вот до css очередь тогда так и не дошла, сейчас вот начал учить. Вроде бы всё просто, но почему-то нихрена не получаеться web page maker делает такой код: <div id="image1" style="position: relative; overflow:auto; left:0px; top:0px; width:798px; height:858px; z-index:0"><img src="images/back(css).jpg" alt="" border=0 width=798 height=6></div> <div id="image2" style="position:absolute; overflow:hidden; left:0px; top:12px; width:771px; height:242px; z-index:1"><img src="images/Шапка.png" alt="" border=0 wi…

    Asked by Dr.AvataROCK,

    0 votes
    23 answers

  3. Верстка DIVами

    Вот, думал будет легко сверстать на дивах, ан нет, в разных браузерах все по разному. В основном футер едет вниз (его контент тянет по высоте), а левый и правый блоки не тянутся вместе с контентом. Если контент определенной высоты, то проблем вроде как и нет, но стоит его объем увеличить, (тоесть он тянется по высоте) - то сразу лезут косяки. HTML: <body> <div id="top_bg"> <div id="shapka_left"><img src="shapka_left.jpg" usemap="#Map" alt=""></div> <div id="shapka_right"><img src="shapka_right.jpg"></div> </div> <div id="top_nav"></div> <div id="speiser"><img src="speiser.gif" height="5px" width="…

    Asked by rus,

    0 votes
    12 answers

  4. Смена картинки svg при наведении курсора без задержки/альтернатива

    Здравствуйте! Есть код типа: HTML: <a></a>CSS: a {display:block;width: 50px;height: 100px;background: #2b2b2b url(/some_image1.svg) no-repeat;background-size: contain;background-position: left;}a:hover {background: #000000 url(/some_image2.svg) no-repeat;}Суть в том, что картинка svg - простая однотонная иконка с прозрачным фоном, при наведении нужно изменить её цвет, но если это реализовать с помощью смены картинки на такую же, только другого цвета, смена происходит с задержкой. Изображение исчезает, а через секунду появляется другое. Так происходит только первый раз, потом картинка, видимо, попадает в кэш браузера и смена происходит без задержки, но задержк…

    Asked by Torawhite,

    0 votes
    9 answers

  5. Как разместить div по соседству с другим контейнером?

    Здравствуйте, вот два блока div "class=block1" и "class=block2", как их расположить вместе? <div class="test"> <div class="block1" style="background-color: rgb(210, 180, 140);"> <p contenteditable="true"><br></p> </div> <div class="block2"> <button class="delete">X</button> </div> </div> <div class="test"> <div class="block1" style="background-color: rgb(210, 180, 140);"> <p contenteditable="true"><br></p> </div> <div class="block2"> <button class="delete">X</button> </div> </div> При…

    Asked by Katerina23,

    0 votes
    1 answer

  6. Как подключить slick-carousel в gulp

    Добрый день. Не могу подключить слик слайдер в галп. Я их установил через npm и jquery. Но не получаеться ничего

    Asked by Czar_dmitriy,

    0 votes
    1 answer

  7. OL li

    и так, есть список: <ol> <li>бла-бла-бла</li> <li>бла-бла-бла</li> <li>бла-бла-бла</li> <li>бла-бла-бла</li> <li>бла-бла-бла</li> </ol> как сделать, чтобы для первой строки li был отступ слева, причем нумерация была прилеплена к тексту???

    Asked by Lincky,

    0 votes
    28 answers

  8. полоса прокрутке в мазиле

    Хочу поменять цвет скроллбара, в ИЕ он меняется отлично. А вот в файрфоксе не меняет нивкакую. Вот код. div.module-v{ scrollbar-base-color: #88715b; } Порылся в инете, вроде пишут, что ФФ не поддерживает этой функции. Но я не верю. неужели могучий и вездесущий ФФ не может перекрасить обычную полосу прокрутки в нужнуй мне цвет?

    Asked by GooDMeister,

    0 votes
    29 answers

  9. Скролл в ячейке таблицы

    Приветствую всех. Есть таблица на всю ширину экрана из двух ячеек. Верхняя должна быть высотой по содержимому, а нижняя на оставшуюся высоту окна. В нижнюю ячейку выводиться таблица, и если она не вмещается, то в ячейки появляется скролл. Полазив по просторам интернета выяснилось, что в ячейку просто так скролл не добавить (при "overflow: scroll;" визуально появляется, но не работает). С помощью добавления "DIV" в ячейку такое можно провернуть, но есть нюанс. Если "DIV" добавить свойство "height: 100%;", то в IE 8 "DIV" растягивается на 100% относительно окна, а не ячейки. (в Хроме все нормально) Собственно вопрос в том, как это поправить? Часть кода: <!DOCTYPE html …

    Asked by Sinot,

    0 votes
    15 answers

  10. срезаемый бордюр-картинка вокруг резинового блока без html5

    Здравствуйте! Чем-то напоминает соседнюю тему с "ушами". Нужно, чтобы вокруг резинового блока, позиционированного по центру по горизонтали, была картинка-бордюр, но при минимальной ширине экрана, этот бордюр (по горизонтали) обрезался, т.е. чтобы его не было видно и не появлялась горизонтальная полоса прокрутки. Если бы ширина блока была фиксированной, то можно было бы повесить бэкграунд на боди, например как тут (при ширине окна 950рх не появляется горизонтальной полосы прокрутки, и рамку не видно). Но как это реализовать при резиновой ширине блока? Вот примерная картинка: . Пока представляю, только как это можно сделать таблицами, и то не совсем. Этот код совсем не рабо…

    Asked by Rossi25,

    0 votes
    26 answers

  11. Шрифт: BebasNeueRegular - Есть ли кириллический аналог?

    Шрифт: BebasNeueRegular - Есть ли кириллический аналог? Демо: joomla16-templates.joomlart.com Заголовки: Categories Quam dolor in nisl eleifend В кириллице совсем уж убого смотрятся (слишком широкие буквы): Есть варианты на какой шрифт можно заменить (слишком широкие буквы)?

    Asked by Mihanja80,

    0 votes
    4 answers

  12. Как div блок растянуть по высоте между двумя другими?

    Здравствуйте! Есть два див блока: хедер и футер. Между ними блок контент. Футер прижат к низу окна браузера, и из-за этого между блоками контент и футер образовалась пустота. Вопрос: как блок контент растянуть между блоками хедер и футер, чтобы между ними не было зазоров? Цель данной манипулации: сделать внутри дивов бэкграунд чтобы образовался цельный лист. Спасибо. Код: <body> <div id="wrapper"> <div id="header"> </div><!-- #header--> <div id="content"> </div><!-- #content--> </div><!-- #wrapper --> <div id="footer"> </div><!-- #footer --> </body> css: * { margin: 0; …

    Asked by Elmirill,

    0 votes
    7 answers

  13. Длинные слова растягивают td

    Здравствуйте. Вот сейчас увидел, что длинные слова растягивают колонку в таблице и им безралично задаю ли я фиксированную ширину или нет. Порылся на сайте, порылся в гугле, толково совета так и не нашёл и как я понимаю самого правильного решения это проблемы не существуют. Вот моя таблица: <table border="1px solid black" width="100%"> <tr> <td colspan="2"></td> <td>Тут будет <img src="" weith="120px" height="150px" /></td> <td class="cert_description">очень Длинюююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююююющеееееее</td> </tr> Я вообще хочу сделать стандартный разд…

    Asked by prowoke,

    0 votes
    11 answers

  14. Наложение нескольких фоновых изображений

    Добрый день! Столкнулся с проблемой наложения нескольких фоновых изображений, а именно четырех. Вот как я задумал их разместить: 1-е изображение в верхнем левом углу привязано к левому краю и не повторяется; 2-е изображение в верхнем правом углу привязано к правому краю и не повторяется; 3-е изображение привязано к верху страницы, должно находится под 1-м и 2-м изображением и повторятся по горизонтали; 4-е изображение опущено на 700px вниз и повторяется по горизонтали; Ответ на форумах пока не нашел, а своими силами не получается. Одно изображение перекрывает другое. Только смог разместить 2 фона. Заранее спасибо!

    Asked by tribestan,

    0 votes
    13 answers

  15. Google Fonts, шрифт Roboto, проблема с кириллицей в не WebKit браузерах

    Пожалуйста, подскажите: Решил использовать в шаблоне шрифт Roboto, подключил код от Google <link href="//fonts.googleapis.com/css?family=Roboto:100italic,100,300italic,300,400italic,400,500italic,500,700italic,700,900italic,900" rel="stylesheet" type="text/css">Шрифт необходимо применить к кириллическому тексту. Столкнулся со странным багом: во всех WebKit браузерах (Chrome, Opera, Яндекс.Браузер и т д) шрифт применяется нормально, как к кириллице, так и к латинице. А вот в IE и Firefox только к латинице, а кириллицу игнорит. Чтобы с этим такое сделать?

    Asked by Микель,

    0 votes
    2 answers

  16. Отступ сверху таблицы.

    Создал таблицу. Даже на пустой странице её отступ от верхнего края составляет целиком высоту экрана. И в Опере и в IE, и в лисичке. В чём может быть проблема? <table border="5" bgcolor="#FFA000" align="center"> <tr> <th></th> <th>A</th> <th>B</th> <th>C</th> <th>D</th> <th>E</th> </tr> <tr> <th>1</th> <td><img src="?"></a></td> <td><img src="?"></a></td> <td><img src="?"></a></td> <td><img src="?"></a></td> <td><img src="?"></a></…

    Asked by Kadett,

    0 votes
    7 answers

  17. Safari background repeat bug

    У Сафари есть есть баг, связанный с неполной поддержкой background-position. То есть не работает отступ, заданный в пикселях: Код: background:url(../img/bg/image-repeat.gif) repeat-x 0px 28px; Фон начинается с нулевой позиции. Есть решение для неповторяющихся картинок: http://creativebits.org/webdev/safari_back..._repeat_bug_fix Но для повторяющихся изображений, как в моем случае - решений пока не найдено. Вопрос - как обойти этот баг для повторяющихся картинок? Вставлять прозрачный фрагмент - не подойдет, так как этот фрагмент будет повторяться. Заранее спасибо

    Asked by strix,

    0 votes
    5 answers

  18. разный размер шрифта в разных браузерах

    Привет, указываю конкретный размер шрифта, чтобы в браузерах всех отображался при печати одинаковым размером, ставлю в пикселах, в итоге - в ИЕ одно, в ФФ - другое, в Опере - третье. В чем соль? Каким значением нужно описать шрифт, чтобы он везде одинаковый был? в px, pt, em ??????

    Asked by fireXXX,

    0 votes
    11 answers

  19. BUTTON - вопросы по value

    <form action="#"> <button type='submit' name='d' value='14'>text</button> <form> При нажатии получаю на выходе 'text', а мне нужно '14' - как добыть?

    Asked by Арина,

    0 votes
    14 answers

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

    Помогите сделать выпадающее меню в действующее верхнее меню, сайт сделан на dle 8.5, пытался сделать сам, что то не очень получается, под шаблон не могу загнать, выходит криво.((( файл main.tpl <div id="wrapper"> <div id="menue-l"> <div id="menue-r"> <div id="menue"> <div id="nav"> <a href="/" title="Главная">Главная</a> <a href="/forum/index.php" title="Форум">Наш форум</a> <a href="/files/" title="Каталог файлов">Каталог файлов</a> <a href="/ads.html" title="Реклама на сайте">Реклама на сайте</a> <a href="/index.php?do=feedback" title="Обратная связь"…

    Asked by dauren300,

    0 votes
    17 answers

  21. прокрутка (Scrollbar) в DIV'e

    есть DIV <div style="overflow:auto; width=90%;height:1500px;background:#C6F9CD;"> <table cellpadding="10"> ..... </table> </div> в н?м широкая таблица и внизу области div'a появляется скролл (так и надо). можно сделать этот горизонтальный скролл ВВЕРХУ Div'овской области?

    Asked by optik77,

    0 votes
    6 answers

  22. Можете посмотреть макет?

    Смотрите, начал верстать шаблон, вот макет: Скажите что мне нужно добавить и исправить, пока не окончил верстку?

    Asked by htmlonline,

    0 votes
    52 answers

  23. Помогите с css

    Подскажите пжалста как реализовать в css чтоб при наведении курсора на отдельную таблицу она выделялась другим цветом? в общем также как на этом сайте _http://mon1toring.ru/ как я понял что тут это делается two-tiers.css : /* "Two Tiers" for BF2S.com by Jeff Minard */ a { color: #a9a89c; text-decoration: none; border-bottom: 1px dotted #595853; } A:hover { color: #800000; /* Цвет ссылки при наведении на нее курсора мыши */ text-decoration: underline; /* Добавляем подчеркивание */ } a img { border: 0; vertical-align: middle; } hr { display: none; } a img { border: 0; vertical-align: middle; } hr { display: none; } html, body { margin: 0; padding: 0; color:…

    Asked by IOzer,

    0 votes
    33 answers

  24. вертикальное выравнивание в div'e

    Нужно чтобы информация в блоке выравнивалась вертикально по середине. Можно ли такое реализовать без использования таблиц и ява скрипта? Вот как должно работать (IE 6): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Вертикальное выравнивание</title> <style type="text/css"> #level { background: #c1c1c1; width: 50%; margin: 0px auto; } </style> </head> <body> <table border=1px width="60%" height="200px"> <tr> <td valign=middle aling="right"> <div id="level">Информация должна быть выровнена вертикально по с…

    Asked by Юрий,

    0 votes
    3 answers

  25. div-ы, position:absolute,центровка по вертикале

    Есть главная страница - http://yurii-vais.ru/index.html Двум анимированным изображениям ссылкам и логотипу выставлен position absolute ,картинка фон закреплена по вертикали и горизонтали. Теперь осталось также закрепить 3 элемента ,которые поверх фона (лого и ссылки). Проблема в том что они то position absolute,и просто их зафиксировать не получается,сохранив наложение.Надо просто чтобы все элементы не реагировали на размер окна,а всегда оставались каждый на своем месте. Просто чтобы сайт не тянулся,одним словом Как это сделать???? Кто нибудь сталкивался с такой задачей? Пжлст посоветуйте решения.

    Asked by slam_jack,

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