HTML Coding

29542 questions in this forum

1. Как задать разные css для каждого option в select

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

   Asked by Daiver, December 17, 2013

   • css
   • option
   • select
   0 votes
   10 answers
2. Резиновый div, ширина которого зависит от ширины контента в нем расположенного

   Помогите, пожалуйста, сверстать такой макет: Условия такие: 1. Синий слой находится по центру экрана. 2. В оранжевом диве находится контент, ширина которого заранее неизвестна. Ширина оранжевого дива равна ширине контента в нем расположенного. Ширина синего и зеленого дива равна ширине оранжевого дива. 3. Оранжевый и зеленый дивы прибиты к левому краю синего дива. На таблицах это сверстать очень просто, код будет выглядеть примерно так: <center> <table> <tr><td height="200px">Это зеленый блок</td></tr> <tr><td height="100px">Это оранжевый блок, его ширина и ширина всей таблицы будет зависеть от ширины контента, распол…

   Asked by Качан Капусты, January 23, 2009

   0 votes
   1 answer
3. белая полоса внизу страницы

   Добрый день. Возникла проблема: вставляю след. код <script src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js" type="text/javascript"></script> <a style='margin:0px; padding:0px;' href="skype:matras.kharkov.ua?add"><img style="border: none; float:right; margin:0px; padding:0px;" src="http://mystatus.skype.com/balloon/domkoles%2Ecom.ua" alt="Мой статус" width="130" height="40" /></a> Сразу после этого внизу страницы появляется белая полоса высотой 20px. Все дело в <script src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js" type="text/javascript"></script> Без это…

   Asked by sun1, September 9, 2012

   0 votes
   3 answers
4. Градиент 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
5. пункт меню в виде трапеции

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

   Asked by jul_k, May 3, 2008

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

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

   Asked by sting, April 3, 2008

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

   Привет. Есть макет 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
8. Как сделать текст прозрачным?

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

   Asked by Wertuta, January 12, 2008

   0 votes
   11 answers
9. 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
10. вставка изображений в css

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

    Asked by nata1902, December 4, 2013

    0 votes
    10 answers
11. Не видит 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
12. Как сделать, чтобы при уменьшении высоты экрана уменьшилась картинка?

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

    Asked by hea8y, October 14, 2012

    0 votes
    3 answers
13. Проблемы с версткой в Мозиле

    Собственно при сужение окна Мозилы, происходит это, исчезают линии таблицы местами, как то размыто: С чем это связано, и как этот баг убить?

    Asked by okunev2, April 7, 2008

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

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

    Asked by Rodion, August 26, 2008

    0 votes
    12 answers
15. Размещение картинки внутри 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
16. 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
17. Как разным таблицам задать разным стиль?

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

    Asked by citius, May 1, 2008

    0 votes
    9 answers
18. 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
19. Резиновый блок с круглыми краями

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

    Asked by WalkMan, January 27, 2010

    0 votes
    26 answers
20. Расстояние между текстом и подчеркиванием текста

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

    Asked by TorchTT, February 27, 2012

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

    Есть такой код к примеру: <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
22. Меню сайта. Выделение активной страницы в меню

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

    Asked by Dies, May 7, 2009

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

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

    Asked by jump, December 18, 2007

    0 votes
    20 answers
24. Прозрачность

    День добрый! Столкнулся с такой проблеммой. При создании прозрачного фона таблицы (80% опасити) в середину вставляю еще 1 таблицу, и вот внутрення (далее контент) так же прозрачная, хотя я ей не задаю параметров. Вобщем мне надо чтобы фон был прозрачным, а контент нет. Заранее спасибо #transp { - это фон background-color: #ffffff; opacity: 0.80; } #transp2 { - это контент clear: both; background-color: #ffffff; opacity: 1.0; } выходит так http://dakota.kiev.ua/articles/contacts.html

    Asked by Yarus$, September 28, 2009

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

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

    Asked by CRANK, June 29, 2007

    0 votes
    20 answers