HTML Coding

29542 questions in this forum

1. 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
2. Прозрачный фон

   Здраствуйте! Моя проблема вот в ч?м: у меня есть общий большой фон и маленький фон уровнем выше, который необходимо сделать прозрачным. Как здесь: http://customize.ru/screens/templates/1003...o_Portfolio.jpg. Прич?м, он(маленький фон) должен просвечивать, независимо от того, какой фон ниже. Т.е. я не могу просто наложить его в Фотошопе вручную и увеличить прозрачность. Общий фон будет указываться пользователем. Это возможно? Спасибо!

   Asked by Отто-Могер, August 30, 2007

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

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

   Asked by orbakh, August 16, 2007

   0 votes
   24 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. Удаление рамки вокруг изображения.

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

   Asked by KJL, July 1, 2017

   0 votes
   3 answers
6. Создание опроса

   На сайте начал делать форму опроса. Код написал, спасибо этому сайту, выручил очень сильно. Но столкнулся со следующим - как сделать так, чтобы результаты опроса суммировались и выводились на отдельной странице? Понятно что надо что-то прописать в строке form action, но как сделать я не знаю. А то получается так, что результаты уходят на мою почту, мне придется вручную каждый раз все менять. Сбросьте ссылку на образец или подсказки по данному вопросу. Всем спасибо!

   Asked by roosei, December 10, 2009

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

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

   Asked by Zverushka, November 27, 2013

   0 votes
   17 answers
8. Текст диалога в 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
9. необьяснимый 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
10. горизонтальный скролл колесиком мыши

    Доброго времени суток. Подскажите, пожалуйста, как сделать горизонтальную прокрутку с помощью мыши Имеются вот такие элементы <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
11. Прошу помощи. Я - чайник!

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

    Asked by Dezi, November 12, 2009

    0 votes
    26 answers
12. отменить margin

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

    Asked by youmay, March 31, 2014

    • margin
    • reset.css
    0 votes
    2 answers
13. Валидатор ругается на P

    Вот есть такой кусочек из области контента: <p>Плавно-мобильное голосовое поле, согласно традиционным представлениям, потенциально. Кластерное вибрато иллюстрирует полиряд, не говоря уже о том, что рок-н-ролл мертв. Рефрен неустойчив. Канал, так или иначе, неизменяем. Действительно, звукоряд сложен.<img src="images/3.jpg" alt="" style="float: left; margin: 10px 10px 10px 10px;"><div style="clear: both;"></div></p> При валидации, валидатор пишет следующее: Когда я убираю тег </p>, т.е. закрывающий тег, то пишет следующее: Что такое? Что ему не нравится в закрывающем теге p?

    Asked by prowoke, August 1, 2012

    0 votes
    5 answers
14. Верстка под iPad

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

    Asked by tod314, August 13, 2012

    0 votes
    8 answers
15. Небольшая, но очень интересная задачка по верстке.

    Дан вот такой код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; } body { margin: 10px; } .main-box { width: 150px; border: 1px solid; } .a, .b, .c { width: 50px; height: 50p…

    Asked by Great Rash, February 16, 2010

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

    Стандартные способы не подходят. Вот такая страника... <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
17. Выравнивание div внутри td

    Здравствуйте! Проблема в том, что не смотря на text-align: center у TD, div, который внутри, не хочет выравниваться по центру. В чем проблема? Вот кодик: <!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> <title>Man</title> <style> .fighter {width: 200px; border-collapse: collapse;} .fighter td {border: 1px solid #000; vertical-align: top;} .head {text-align: center;} .head div {width: 50px; height: 50px; border: 1px solid #777; text-align: center;} .left_hand {text-align: right;} .left_hand div {wi…

    Asked by jools, May 29, 2009

    0 votes
    4 answers
18. Isocpeur или чертежный шрифт

    Есть ли аналог в ксс этому шрифту, или только картинками можно вставлять или флешем ?

    Asked by Reno, December 25, 2007

    0 votes
    2 answers
19. Разметка страницы для печати на принтере

    Здравствуйте. Вопрос о полях принтера. Образец того что хочу достигруть разметкой html Взял пример кода из ваших примеров, как его сдвинуть поля, по примеру предосмотра в ексель? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>padding</title> <style type="text/css"> .layer { background: #fc3; /* Цвет фона */ border: 2px solid black; /* Параметры рамки */ padding: 20px; /* Поля вокруг текста */ } </style> </head> <body> <div class="layer"> Lorem ip…

    Asked by 550953, August 18, 2010

    0 votes
    6 answers
20. -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
21. первые шаги в 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
22. Запрет входа через IE

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

    Asked by LANDER.KTV, June 1, 2009

    0 votes
    8 answers
23. как сделать две таблицы одинаковой высоты

    Есть таблца в которой располагаются еще две таблицы. Обе заполнены текстом, но так как количество текста не одинаково, таблицы имеют разный размер по вертикали. Высота правой таблицы равна высоте большой таблицы, а высота левой нет. ————————- | ——- ——-- | | |текст| |текст| | | |текст| |текст| | | |текст| |текст| | | |текст| ——- | | |текст| | | ——- | ————————- Как сделать по средствам HTML или на худой конец CSS, чтобы нижняя граница обоих таблиц упиралась в нижнюю границу большой таблицы? Вот так: ————————- | ——- ——-- | | |текст| |текст| | | |текст| |текст| | | |текст| |т…

    Asked by lexxx2008, May 5, 2008

    0 votes
    5 answers
24. HTML и PHP. Передача данных

    Есть несколько страниц с расширением HTML, в каждой из них содержится текстовое поле с цифровым значением value. Т.е. в одной странице , в другой и т.д.. Также есть файл с расширением PHP, который выводит данные из БД согласно запрошенного значения. Вопрос в следующем: При переходе на запрашиваемую HTML страницу, необходимо именно вызываемую HTML страницу заставить обратиться к файлу PHP. А точнее передать из HTML в PHP значение value и полученный от файла PHP результат вывести в вызываемой HTML странице. Пробовал реализовать при помощи SSI, внедряя файл PHP в HTML, но этот метод не подходит, так как значения value на страницах разные. Может кто подскажет как это реали…

    Asked by Роман, November 20, 2007

    0 votes
    10 answers
25. Переключение между стилями CSS одной кнопкой

    Камрады, встала вот такая задачка передо мной, прошу совета или ссылки на примерное решение: На странице сайта ТЗ предусматривается некая кнопка, по нажатию на которую должна смениться таблица стилей без перезагрузки страницы (это НЕ многократно здесь обсужденная ранее "версия для печати" - в моем случае меняется все форматирование страницы). Соответственно есть две таблицы стилей - style1 и style2. Проблема в том, что одна и та же кнопка должна при каждом следующем нажатии переключать эти две таблицы туда-сюда. Я погуглил на эту тему - есть куча решений для случая с выбором стиля из списка (да я и сам так могу сделать), есть решения для включения/выключения CSS вообще, а…

    Asked by Daikengo, November 14, 2008

    0 votes
    2 answers