HTML Coding

29542 questions in this forum

1. Как сверстать такую красотульку

   В три дива с бордерами? Это нормально или можно более изящно?

   Asked by Andyk, February 23, 2011

   0 votes
   60 answers
2. необьяснимый z-index

   Здравствуйте. Разъясните пожалуйста свойства z-index. Как то не логично он себя ведет в комплекте с :before и :after http://codepen.io/mikhail09/pen/WrYvdb Почему желтые квадраты сверху вопреки z-index? если убрать з-индекс у дива и прописать в after z-indez: -1; все отображается как надо? http://codepen.io/mikhail09/pen/KVrpez

   Asked by Mixail.09, February 8, 2016

   0 votes
   20 answers
3. Как сделать полоску сверху?

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

   Asked by Awe, October 30, 2008

   0 votes
   6 answers
4. Как выравнивать внутри DIV с float

   Вот страница, видно, что выравнивание плохое -- картинки сдвинуты влево. Случилось это после добавления тени к ним. Добавлялось по статье с этого сайта "Создание тени по типу "луковой шелухи". Т.е. до добавления тени все было как-то худо-бедно-ровно ,). По синему выделению см. ниже. HTML код простой. <div id='photographs_index_div'> <table id='photographs_index'> <tr> <td><a href='image.php?num=B07613'> <div class='wrap0'> <div class='wrap1'> <div class='wrap2'> <div class='wrap3'> <img src='images/index/hpano/B07613.jpg' /> </div></div></div></div></a&…

   Asked by lazybird, August 22, 2009

   0 votes
   12 answers
5. Народ, подскажите чайнику как рамку сделать просто цветной

   По этому тегу открывается окно с картинкой. Мне нужно, во-первых, чтобы окно автоматически подстраивалось под размер картинки, а во-вторых, чтобы рамка была нужного мне цвета. Помогите...

   Asked by orbakh, August 16, 2007

   0 votes
   24 answers
6. CSS/JS код для Создания нового окна/слоя

   Ниже небольшой кодик Очень понравилась реализация просмотра изображений нас сайте Вконтакте Решил выдернуть код от туда, получился не совсем как я ожидал. Очень длинный код Может кто знает как реализовать эту функцию в "несколько строк" <style type="text/css" /> body { background: #fff; text-align: left; margin: 0px; padding: 0px; font-family: tahoma, verdana, arial, sans-serif; font-size: 11px; } p { font-family: tahoma, verdana, arial, sans-serif; font-size: 11px; text-align: left; padding:0px; margin:15px 0px; } a { color: #2B587A; text-decoration: none; } img { border: 0px; } .captchaImg{ width:130px; height:50px; background:url(/im…

   Asked by Antuan, April 3, 2009

   0 votes
   16 answers
7. Почему высота блока имеет нулевую высоту, хотя выставлено 100%

   Почему высота блока имеет нулевую высоту, хотя выставлено 100%? Родительский div вытягивается на всю страницу. http://ufalug.ru Речь идет о div`е с id=container

   Asked by veleg, June 27, 2012

   0 votes
   7 answers
8. Прошу помощи. Я - чайник!

   Господа! Прошу помощи, я полный чайник. Создаю свой сайт на UCOZ.RU всего несколько дней. Поэтому вопрос, наверное глупый, но как решить не знаю. Объясните, плиз, как блондинке (натуральной) Адрес сайта: http://murmanskclub.ucoz.ru/ В браузере Mozilla Firefox все надписи и кнопки информеров отображаются корректно, а если открывать в Internet explorer, то вместо некоторых информеров абра-кадабра (анекдоты) или съезжают(радио) или невидны (погода, новости). Как решить проблему? Чтобы во всех браузерах страничка была корректна... и Как избежать проблемы впредь, подстраховаться? Может где метки ставить? Или еще как-то перекодировать информеры? Заранее спасибо за помощ…

   Asked by Dezi, November 12, 2009

   0 votes
   26 answers
9. Как сделать, чтобы fixed меню прокручивалось горизонтально вместе со страницей?

   Ситуация - есть меню фиксед. Минимальная ширина страницы 1024 пикселя. Проблема - если сузить окно браузера сильнее, то горизонательная прокрутка не будет прокручивать меню - и оно будет либо обрезанным (с минимальной шириной 1024 пикселя), либо терять начальный дизайн (с шириной 100 процентов). Вопрос - что делать? Как сделать, чтобы оно крутилось вместо со странице горизонтально?

   Asked by Zverushka, November 27, 2013

   0 votes
   17 answers
10. первые шаги в HTML5, после HTML4 непривычно

    Всем привет. вот разбираюсь с html5. с html4 умею обращаться. Сильно не привычно после четверки это что в пятой версии html все оформление вынесено в css. в частности, меня просто ставит в тупик создание таблиц. вот например есть таблица написанная для html4: <table border=0> <tr> <td width=50> 7x17 </td> <td width=50> </td> <td width=235> текст </td> <td width=235> текст </td> <td width=150> текст </td> <td width=35> текст </td> </tr> <tr height=200> <td colspan=2 valign="top"> текст </td> <td colspan=3 valign="top"> те…

    Asked by FoxWMulder, March 8, 2011

    0 votes
    33 answers
11. Растягивающие кнопки в меню.

    Как правильно сделать такую менюшку? Кнопки не растягиваются, задаю размер фиксированно. Должны растягиватся. <ul type="none" style="margin-top: -5px;" dir="rtl"> <li> <div style="width: 146px;" class="button_active"> <div id="content" > HOMEPAGE </div> </div> </li> <li> <div style="width: 114px;" class="button_in_active"> <div id="content" > LINE-UPP </div> </div> </li> </ul>

    Asked by optimist32, June 4, 2011

    0 votes
    60 answers
12. горизонтальный скролл колесиком мыши

    Доброго времени суток. Подскажите, пожалуйста, как сделать горизонтальную прокрутку с помощью мыши Имеются вот такие элементы <iframe width="853" height="480" src="http://www.youtube.com " frameborder="0" allowfullscreen></iframe> <iframe width="853" height="480" src="http://www.youtube.com " frameborder="0" allowfullscreen></iframe> <iframe width="853" height="480" src="http://www.youtube.com " frameborder="0" allowfullscreen></iframe> <iframe width="853" height="480" src="http://www.youtube.com " frameborder="0" allowfullscreen></iframe> Нужно, чтобы при прокрутке колесом мыши они прокручивались на странице

    Asked by malsyst, January 26, 2013

    • горизонтальный скролл
    • мышь
    • прокрутка
    0 votes
    1 answer
13. перенос слов по слогам

    Есть резиновый блок, возможно ли чтобы при изменении размеров экрана текст переносился по слогам?

    Asked by Дядя Саша, June 1, 2007

    0 votes
    2 answers
14. Старый добрый футер внизу страницы!

    Сегодня прочитал вот эту статью http://habrahabr.ru/blogs/css/66805/ , тема вроде-бы заезжаная, но всё таки ещё актуальная, как мы видим. Для себя я доделал и решил, что буду всегда использовать именно такой метод http://psywalker.ru/Forum/shadow/Untitled-1.html Так вот вопрос: Чем мой метод хуже Хабрахабравского да и вообще какие минусы есть в моём методе прижимания Футера?

    Asked by psywalker, August 17, 2009

    0 votes
    31 answers
15. Заливка цветом части картинки, с указанием координат области заливки ?

    Вопрос, как залить цветом, часть изображения (картинки *.png) ? Есть картинка, и нужен фильтр, которым можно было бы "залить" не всю картинку цветом, а только часть ее (с указаним координат области заливки).

    Asked by nnn123, February 18, 2008

    0 votes
    8 answers
16. -webkit-gradient и -webkit-linear-gradient

    Один из самых популярных генераторов CSS-градиентов генерирует, кроме прочего, такую пару свойств: background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #aaaaaa 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */ С учетом того, что он генерирует также немало лишнего (напр. -ms-вариант, который уже не понадобится), возник вопрос: нужны ли оба этих свойства? Не достаточно ли одного первого (впридачу к беспрефиксному варианту, по новому стандарту с to)? Существуют ли webkit-браузеры, понимающие вторую нотацию, но не понимающие первую, и значимы ли они хоть скольк…

    Asked by SelenIT, June 14, 2012

    0 votes
    23 answers
17. Текст диалога в HTML

    Есть необходимость оформить текст диалога между несколькими собеседниками. В настоящее время он сделан у меня так: <table width="100%" border="0" cellspacing="4"> <tr> <td width="15%">Собеседник 1:</td> <td width="85%">– Реплика 1.</td> </tr> <tr> <td>Собеседник 2:</td> <td>– Реплика 2.</td> </tr> <tr> <td>Собеседник 3:</td> <td>– Реплика 3.</td> </tr> </table> Выглядит как надо, но код несколько громоздкий. Особенно когда диалог очень большой. В HTML 5 появился элемент dialog, с которым это выглядит уже компактнее: <dialog> &lt…

    Asked by Pinguin, October 28, 2010

    0 votes
    16 answers
18. Удаление рамки вокруг изображения.

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

    Asked by KJL, July 1, 2017

    0 votes
    3 answers
19. Верстка под iPad

    Добрый вечер. столкнулся со следующей проблемой: валидная верстка, вроде как все ок, отображение корректное как на нормальных, так и на мобильных устройствах (для мобильных писался отдельный css), НО на iPad при повороте из горизонтального в вертикальное положение "теряется" масштаб. проверка показала, что это не из-за JS, значит дело в css. Может кто-нибудь сталкивался ? *проблема усугубляется тем, что нет ipad_а под рукой для тестирования, а эмуляторы слишком далеки от реальности. UPD всем спасибо. Проблему решил сам. Необходимо было указать мета тег: <meta name="viewport" content="width=1000" /> где в качестве ширины указать желаемую ширину блока отображения. …

    Asked by tod314, August 13, 2012

    0 votes
    8 answers
20. Как прибить футер?

    Стандартные способы не подходят. Вот такая страника... <div id="container"> <div id="header"></div> <div id="content"></div> <div id="footer"></div> </div> Блоки находятся в контейнере. Если попробовать так: position: absolute; bottom: 0; То футер прижмется. Но возникает другая проблема (с высотой блоков): Хедер наверху, за ним по умолчанию идет блок с контентом, внизу прибит футер (который позиционирован абсолютно - внизу, относительно страницы). Так вот как теперь объяснить блоку content, что нужно растянутся от и до??? Указываю в стилях высоту в 100%, результата нет, реагирует только на px. Может стоит просто по по…

    Asked by Ururu, April 6, 2009

    0 votes
    5 answers
21. отменить margin

    К сайту подключен reset.css Для одного из элементов (например img) я хочу отменить margin, словно его и не было. Как это можно сделать? margin: none margin: auto Не работает

    Asked by youmay, March 31, 2014

    • margin
    • reset.css
    0 votes
    2 answers
22. Запрет входа через IE

    Возникла такая ситуация, что необходимо запретить вход на сайт через браузеры IE (сайт работает на DataLife Engine) c выводом сообщения о запрете. Как это реализовать?

    Asked by LANDER.KTV, June 1, 2009

    0 votes
    8 answers
23. Вёрстка разделителей списков

    Здравствуйте! Столкнулся с проблемой. Не знаю как написать CSS для списка вида: Скрипт выводит html код вида: <ul> <li>Элемент1</li> <li>Элемент2</li> <li>Элемент3</li> </ul> Проблема в том, что элементов может быть любое количество, но если через CSS привязать разделитель (в данном случае - символ "|"), то он будет применяться и для последнего элемента списка (что совсем не нужно). Посоветуйте, как быть в данной ситуации?

    Asked by Wak, January 14, 2012

    0 votes
    47 answers
24. Помогите создать страницу

    Прошу помощи. Как можно сделать размер HTML страницы фиксированным? То есть мне необходимо установить размер 1024х768 пикселей. Я сначала пытался делать страницу при помощи тега table, но когда я начал добавлять в код html выпадающее меню, сразу после таблицы, которое делалось через тег div, то страница стала ломаться, что привело к тому, что страница увеличилась в размерах вертикально, а ниже изображения заднего плана появилось белое поле. Потом я полностью удалил таблицу и сделал всё через тег div, всё уместилось нормально, но теперь при открытии страницы задний план почему то отображается не полностью. Памагите!!! Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 …

    Asked by DDX, November 24, 2009

    0 votes
    33 answers
25. Несколько картинок в одной ячейке таблицы

    Первый раз в жизни пишу на форум. Обычно все уже обсуждалось. Но нигде не нашел что прописать или в CSS или лучше в <td> что бы изображения расположились не в столбик как по умолчанию а в линию в одной ячейке таблицы. Заранее спасибо.

    Asked by vlad7777, April 12, 2011

    0 votes
    22 answers