HTML Coding

29542 questions in this forum

1. Градиент css3 и body

   Мне нужно сделать градиент у body. Я хотел сделать его с помощью css 3, он проблема в том что body(да и тег html) у меня занимает высоту окна браузера(это не мешало пока не стал задавать градиент), а не всю высоту сайта из-за возникает картинка ниже, после пракрутки(красный цвет использован для наглядности), как растянуть body в данном случае? не хотелось бы использовать картинки css код для градиента body{ background-repeat: repeat-x;background: -moz-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); background: -webkit-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); background: -o-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); …

   Asked by chiffenok, March 29, 2012

   0 votes
   10 answers
2. Как задать разные css для каждого option в select

   Как можно задать каждому элементу в выпадающем списке разные стили? К примеру хочу сделать каждую строку разного цвета.

   Asked by Daiver, December 17, 2013

   • css
   • option
   • select
   0 votes
   10 answers
3. Расстояние между текстом и подчеркиванием текста

   Есть параметр CSS, устанавливающий подчеркивание текста: text-decoration: underline; Подскажите, пожалуйста, как увеличить расстояние между текстом и подчеркиванием текста?

   Asked by TorchTT, February 27, 2012

   0 votes
   2 answers
4. Меню сайта. Выделение активной страницы в меню

   Очень нужна помощь. Чёто никак не пойму как сделать элементарную вещь. Выше, воображаемое меню сайта. Я хочу сделать так чтобы когда мышкой наводишь на кнопку сверху полосочка становилась красной и буквы становились белыми. Это я знаю как осуществить: 2 картинки и одна при наведении заменяет другую. но вот сама проблемма. как сделать чтобы после перехода по ссылке красная полоска оставалась только на активной странице??? вот как щас на первом пункте висит эта полоска, чтоб так было допустим когда по 3 пункту пройду. оченама нужно вообще думаю можно было через css сделать проще, но шрифт на кнопках будет картинкой. И не знаю имеет ли значение то что меню собираюсь делать т…

   Asked by Dies, May 7, 2009

   0 votes
   8 answers
5. Как сделать, чтобы при уменьшении высоты экрана уменьшилась картинка?

   Тоесть например вот это: width: 100%; height: 100%; max-width: 100%; height: auto; width: auto9; Даёт нам увеличение и уменьшение при разной ширине. Если ставим h и w на 100% то картинка начинает увеличиваться не пропорционально... как-то ведь делал, а как вспомнить никак не могу.... Подскажите пожалуйста, как сделать, что бы при уменьшении высоты картинка уменьшалась, даже если длинна не изменяется. В общем пропорциональное уменьшение

   Asked by hea8y, October 14, 2012

   0 votes
   3 answers
6. Не видит include virtual.

   Вобщем проблема - решил таки вывести меню сайта (а позже шапку и подвал) в отдельный файл средствами ssi. Сие свойство мне еще не знакомо, но уже чет пытаюсь. Попробовал я вывести меню - получилось: Создал в одной директории index.shtml и menu.txt. index.shtml: <div id="MainMenu"> <!--#include virtual="menu.txt"--> </div> menu.txt: <div id="tab"> <ul> <li class="item_active"><a href="http://dnepr-city.com/"><span>Главная</span></a></li> <li><a href="http://dnepr-city.com/about/"><span>О сайте</span></a></li> <li><a href="http://dnepr-city.com/"><span&…

   Asked by Пятница, June 10, 2008

   0 votes
   8 answers
7. Как Вообще Делается Сайт Плз Подскажите?

   подскажите как можно вообще все научится делать и дизайн и как страницу свою сайт поместить ну плз подскажите!

   Asked by Rodion, August 26, 2008

   0 votes
   12 answers
8. Помогите с олимпеадой по информатике - теги не знаю нужные!

   Товарищи у меня 5 апреля в субботу олимпиада по информатике! Там есть задание по созданию сайта! Но я не вс? знаю! памагите плиз! Вот задание (с 2007 года): 1) Это как? с помощью скрипта? памагите с тегами а? 2) тоже не знаю тег через который это можа сделать! 3) Я не помню тег! а искать время нет! (спать хочу) 4) Тут я вообще отупел )))) - Я не знаю как так сделать! help плиз! 5) Это как? как я понял meta теги? а какие? Помогите пожалуйста!

   Asked by sting, April 3, 2008

   0 votes
   30 answers
9. Размещение картинки внутри div

   Здравствуйте! Такая проблема возникла. Есть div, у которого указано display: block;. Внутри него хочется разместить текст и картинку - просто чтобы они нормально выглядели, и текст облегал картинку. Для этого указываю у картинки align=left (или right), текст начинает облегать картинку, всё отлично - но только пока текста достаточно много. Если же текста мало, то div не раздвигается, и картинка вылезает за его пределы: http://problems.ru/view_by_author.php?author=480 Если же align=right не указать, то текст перестает облегать картинку, и возникают гигантские дыры. Можно ли поймать одновременно двух зайцев: чтобы при маленьком тексте div раздвигался до размера картинки, а п…

   Asked by Spartach, August 31, 2009

   0 votes
   8 answers
10. вставка изображений в css

    Всем привет!Ребята,подскажите пожалуйста как правильно вставить изображение в css код?

    Asked by nata1902, December 4, 2013

    0 votes
    10 answers
11. Позционирование картинки "с ушами" по центру окна

    Привет. Есть макет 2 колонки 970px фиксированный (хедер, левый сайдбар, контент, футер). Между хедером и контентом есть картинка больше размера body (неоднородная переходящая в фон) 1222px (типа с ушами слева/справа). Задача была чтобы картинка всегда была по центру, а при сворачивании окна, "уши" картинки прятались слева/справа, под окно браузера. Короче, я ее спозиционировал относительно. Проблема в появлении горизонтальной прокрутки, может кто подскажет как убрать? картинка: Код css: html, body { margin:0 auto; padding:0; border:0; width: 970px; background: #f7d100; } .centerimage { position:relative; left: -125px; width: 1222px; height: 300px; } код html: &l…

    Asked by сс9000, July 16, 2011

    0 votes
    39 answers
12. font size=1 больше оновного, помогите

    Доброго дня! Помогите найти ошибку в коде CSS, бьюсь третий день. На странице текст в коде текст отображается на много больше чем прописано в body. Заранее спасибо! Вот код: body { background-image: url(/image/cool.gif); FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; color: #003377; font-size: 13px; text-align: RIGHT; margin: 10px 10px 0px 10px; } p{ text-align: justify; text-indent: 15px; margin: 10px; font-size: 13px; } b{ font-size: 12px; } b.fish { color: #326565; font-size: 17px; font-weight: bold; text-decoration: none; } p.img { float: left; margin-right: 8px; } strong.nol{ FONT-FAMILY: Verdana, Arial, Helvetica, sans-s…

    Asked by Loed, April 29, 2008

    0 votes
    12 answers
13. IE7, Opera & Firefox

    p1 { color:red; font-style:italic; } p2 { color:blue; font-style:bold; } Работает только в Firefox, почему? (cry)

    Asked by Accessdenied, July 11, 2007

    0 votes
    24 answers
14. Как сделать текст прозрачным?

    Очень прошу о помощи всех форумцев. Версткой занимаю очень недавно, но задания у меня уже довольно трудные... Режу скины для почтового сервера. html один, css для каждого скина свой. Так вот, возник вопрос. В некоторых скинах у меня должна присутствовать надпись INFO, а вместо нее должен быть jpg (то же INFO только написанное экзотическим шрифтом). Возник вопрос, каким образом при помощи CSS сделать надпись INFO невидимой???? надпись добавлена таким образом: INFO

    Asked by Wertuta, January 12, 2008

    0 votes
    11 answers
15. Верстка диагонального меню

    Приветствую уважаемые коллеги, мой опыт верстки довольно хороший, вот только опыт английского не очень велик, если найдется кто поможет, в приоритете ссылки на рускоязычные сайты, буржуйские конечно тоже приветствуются. В общем проблема в следующем, есть меню, диагональное меню http://clip2net.com/s/50cAtD вот такое, я понятия не имею как его верстать, уже и так и сяк, не буду говорить что перерыл весь интернет, но по запросам "нестандартное меню, Диагональное меню ... " перерыл google до 10 страницы, а дальше сами понимаете, прошу помощи, может кто делал, кто знает. За ранее спасибо, буду благодарен за любой ответ.

    Asked by justwhite.design, May 1, 2013

    • меню верстка
    • HTML
    • диагональное меню
    • верстка vty.
    • нестандартное меню
    • верстка нестандартного меню
    0 votes
    33 answers
16. z-index VS SELECT в ie6

    Кто как справляеться с багом наложения слоя на форму SELECT ? В ие6 селект всегда перекрывает слой <!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" xml:lang="en" lang="en"><head> <style type="text/css"><!-- ul.menu1 { background-color: red; color: blue; list-style: none; display: block; position: absolute; z-index: 10; } --></style> <body> <ul class="menu1"> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню</li> <li>пункт меню&…

    Asked by WalkMan, September 6, 2009

    0 votes
    30 answers
17. Проблема с переносом слов в IE

    Есть текст, состоящий из восклицательных знаков, разделенных пробелами. Проблема в том, что в IE этот текст не переносится по строкам, а просто разрывает всю верстку. Есть ли способы решения данной проблемы. Пример можно посмотреть тут (в IE появляется горизонтальная прокрутака)

    Asked by Damnedest, September 5, 2007

    0 votes
    3 answers
18. overflow-x

    Я может чего то не понимаю? Я всегда думал что можно прописать overflow-y:visible; overflow-x: hidden; и все выходящие за пределы блока по горизонтали скроется а по вертикали будет видно, оказалось не так, может кто объяснит? <style> .head { height: 300px; width: 700px; margin: 0 auto; border: 1px solid red; overflow-x:hidden; overflow-y:visible; } .in { height: 500px; width: 40px; border: 1px solid red; } </style> <div class="head"> <div class="in">123</div> </div> это выглядит вот так а должно вот так help!?

    Asked by exessqd1, February 17, 2011

    0 votes
    9 answers
19. Как добавить текст в определенное место?

    Есть такой код к примеру: <style type="text/css"> .dv {width:300px; height:30px; border:solid 1px; margin:5px;} </style> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <script type="text/javascript"> var d = document.getElementsByClassName('dv'); var s = d.length; var i = 2; while (i <= s) { var dv = document.getElementsByClassName('dv')[i]; dv.style.color =…

    Asked by SFproG, February 7, 2013

    0 votes
    4 answers
20. Как разным таблицам задать разным стиль?

    Есть у меня table{ border-collapse: collapse; } tr td{ border: 1px solid #e2e2e2; } Как мне теперь сделать таблицы без рамок, при том чтобы эти остались в таком виде.

    Asked by citius, May 1, 2008

    0 votes
    9 answers
21. inline-block vs float

    Не мало раз видел советы использовать inline-block вместо float (к примеру, для каталога товаров). Но почему? Вот, например, есть у меня такая страничка, там каталог с товарами. Следовать друг за другом приказал с помощью float: left, и всё нормально. Способ же с inline-block подразумевает также ещё сброс font-size и line-height для ликвидирования отступов.

    Asked by monsterr, April 27, 2011

    0 votes
    12 answers
22. применение hover к тегу area

    Всем известно что псевдо класс hover нельзя применить к тегу area. Передо мной стоит задача при наведении на определенную часть изображения над изображением должна появляться определенная надпись. всякие jquery map hilight не подходят для этого так как они только лишь подсвечивают. Уважаемые, может ето можно сделать с помощью onmousover ? подскажите пожалуйста синтаксис. все должно выглядеть так: мышь наводится на опред участок картинки и чуть выше картинки всплывает <span>. накопал в сети следующее —- <area onmouseover="hover(this);" onmouseout="unhover(this);" href="... <script> function hover(obj) { obj.style.backgroundImage="img/hover.jpg"; } function …

    Asked by graf86, November 14, 2011

    0 votes
    2 answers
23. Контур вокруг map

    При повторном нажатии на область ограниченную area (map) в Мозиле вокруг нее появляется мелькающая линия(контур). Как избавиться от этого? Можно ли вообще?

    Asked by jump, December 18, 2007

    0 votes
    20 answers
24. Резиновый блок с круглыми краями

    сосбно сабж нужен блок который тянеться и в ширину и в высоту углы у него закгругленные (пнг или гиф) подсказали решение таблицей но хотелось бы без неё

    Asked by WalkMan, January 27, 2010

    0 votes
    26 answers
25. звуки на сайте

    Как добавить звук на сайт?

    Asked by CRANK, June 29, 2007

    0 votes
    20 answers