HTML Coding

29,542 questions in this forum

1. li в несколько колонок - непонятный глюк

   Здравствуйте, товарищи! Помогите, пожалуйста, разрулить ситуацию: есть набор кнопок, мне нужно расположить их по три в ряд. Я верстаю их списком: <ul class="buttons"> <li><a href="#">Пенсионное обеспечение граждан</a></li> <li><a href="#">Социальная поддержка населения</a></li> <li><a href="#">Социальная поддержка семей с детьми, пожилых граждан и инвалидов</a></li> <li><a href="#">Социальная поддержка семей, имеющих детей</a></li> <li><a href="#">Адресная социальная помощь</a></li> <li><a href="#">Реабилитация и социальна…

   Asked by Elflight, December 14, 2011

   0 votes
   3 answers
2. Запретить перенос строки CSS?

   Добрый день. Помогите пожалуйста решить проблему. <div class="ui-tree-node ui-state-default"> <span class="ui-helper-clearfix ui-tree-node-content ui-corner-all ui-tree-selectable-node"> <span class="ui-tree-icon ui-icon ui-icon-triangle-1-e"></span> <span class="ui-icon ui-icon-folder-collapsed"></span> <span class="ui-tree-node-label">07.Проектно-Методический отдел</span> </span> </div> Вот что получается. Подскажите пожалуйста, что нужно добавить в CSS, чтобы и картинки и текст никогда не переносились (всегда были в одну строку). Нужен именно вариант с CSS, т.к. html генерируется автоматом, я его и…

   Asked by madmis, December 14, 2011

   0 votes
   2 answers
3. Проблема с overflow: auto;

   Всем привет, есть такой код: <table> <tr> <th>Бла-бла-бла</th> <th>Бла-бла-бла</th> <th>Бла-бла-бла</th> </tr> <div style="overflow: auto; height: 100;"> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> </div> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td&g…

   Asked by Bonzash, December 14, 2011

   0 votes
   5 answers
4. MSIE и overflow hidden

   Верстается div-ная страница. Расклад — центр всё время по середине, тянется. Например способом, уведённым у самизнаетекого: CSS #main {width:100%; clear:both; overflow:hidden; position:relative;} #main:after {content:''; display:block; clear:both;} #main_toleft {position:relative; right:50%; float:right;} #main_toright {width:1600px; position:relative; z-index:1; right:-50%;} HTML <div id="main"> <div id="main_toleft"> <div id="main_toright"> <img src="/ima/image.jpg" width="1600" height="400" /> </div> </div> </div> Смысл — прятать левую и правую стороны картинки за окна браузера, когда у пользователя малые разрешения монитор…

   Asked by petrzverev, December 14, 2011

   0 votes
   6 answers
5. Проблема с правым блоком

   Здравствуйте, не могу понять в чем дело, при width=100% div с id="container" выходит за рамки поля, и появляется горизонтальная полоса прокрутки, а мне нужно чтобы не выходил за пределы браузера.. <div id="wrapper"> <div id="left"> gggg </div> <div id="container" > <div id="content"> <br> тексттексттексттексттексттексттексттексттексттексттексттекст </div> </div> </div> #wrapper { width: 100%; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; display:table;} #container { float: left; border:1px solid black; width:100%; padding-left:210px; overflow: hidden; position:…

   Asked by Bingo, December 14, 2011

   0 votes
   4 answers
6. Прозрачность элемента

   Доброго времени суток, господа! стоит такая задача: есть три таблицы, состоящие каждая из одной ячейки и вложены друг в друга. Необходимо сделать вторую таблицу полупрозрачной, а третью, вложенную в нее - непрозрачной. Прочитал теорию про opacity, но что то у меня не получилось: <style> .semi { opacity: 0.5; } .semik { opacity: 1; } </style> <table bgcolor="006FFF" width=50% height=50%><tr><td align="center" > <table bgcolor="red" width=50% height=50% class="semi"><tr><td align="center"> <table bgcolor="green" width=50% height=50% class="semik"><tr><td> Эта таблица должна быть непро…

   Asked by popoff17, December 14, 2011

   0 votes
   3 answers
7. не получается поместить кнопку в меню

   пытаюсь поместить эту кнопку http://creation.x2x.me/files/knopka.txt в это меню вместо слов "Mission Statement" http://creation.x2x.me/files/menu.txt

   Asked by новечёк-самоучка, December 13, 2011

   0 votes
   0 answers
8. Фиксированный блок "О нас"

   Добрый день. Никак не получается сделать неподвижный блок. Примеры: http://startuppoint.ru/ (Слева - обратная связь. Блок полностью неподвижен, не реагирует на scroll) http://vkontakte.ru/ (кнопка "Наверх" - полностью неподвижна относительно экрана) Получается реализовать плавающие блоки методами javascript и jquery: http://darbay.ru/ (слева). В интернете полно примеров плавающих блоков, но нет ни одного примера неподвижного блока. Подскажите, пожалуйста, кто знает, как это реализовать. Спасибо!

   Asked by ik.pr, December 13, 2011

   0 votes
   2 answers
9. оформление select через css

   Добрый вечер. Есть задача оформить выпадающий список при помощи css . Попробовал изменить немного оформление, но работает нормально только в Mozilla, остальные браузеры игнорируют стили, хотя надо изменить только background по :hover и применить padding. Применил такие правила: .s-t-select option{padding:4px 0 4px 10px;} .s-t-select option:hover{background-color:#9bb5c9; color:#fff;} Работает, повторюсь, только в Mozilla... Подскажите, пожалуйста, как решить данную задачу. В инете как вариант нашёл только плагины на jquery, но не хочется навешивать скрипты ради одного списка. Вот ссылка, список вначале страницы, "выбор по экватору" Вот так это выглядит в Mozilla...

   Asked by slo_nik, December 13, 2011

   0 votes
   6 answers
10. Geolocation API

    Привет . Помогите разобратся с кодом. Читал статью http://www.xiper.net/learn/html/up-and-running/you-are-here/complete-example.html http://www.xiper.net/learn/html/up-and-running/you-are-here/geo-to-the-rescue.html Создал пример <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Dive Into HTML 5</title> </head> <body> <input type="button" onClick="lookup_location()" value="OPA"> <script src="geo.js"></script> <script src="geo_position_js_simulator.js"></script> <script> function lookup_location() { geo_position_js.getCurrentPosition(show_map, show_map_error); } function sho…

    Asked by dostel1, December 13, 2011

    0 votes
    2 answers
11. css + гекст

    Как сделать наклон по радиусу текста в css вот пример http://test.liwil.net/mebel/ меню (о комнании - услуги - контакты)

    Asked by paseonru, December 13, 2011

    0 votes
    1 answer
12. Скобки

    Подскажите как убрать подчеркивание у скобок(«). <li> <a style="margin-left:25px;font-size: 18px;" class="bondt" href="/news/yl/">«Yellow Lamp</a>»</li></ul>

    Asked by Rambo2045, December 13, 2011

    0 votes
    1 answer
13. нужен хелп ноунейму

    Кому не жалко немного времени, чтобы помочь новичку, пожалуйста напишите в личку или скиньте номер аси, сам не разберусь. Делать ничего не прошу, просто нужны ответы на интересующие вопросы.

    Asked by necro, December 13, 2011

    0 votes
    22 answers
14. Проблема с отображением слайдера в ИЕ

    Всем привет! Не могу понять в чём трабл. Есть слайдер на сайте, который во всех браузерах, кроме ИЕ отображается нормально. Уже полдня сижу не могу разобраться. Буду оч благодарен, если дадите советкак победить сие недоразумение. Вот сайт с траблом: _http://alisafashion.ru/catalog/trikotazh/172

    Asked by Belovsan, December 13, 2011

    0 votes
    2 answers
15. Свойство background-repeat

    Добрый день. Подскажите как правильно прописать свойство background-repeat, а то у меня кроме как указанным ниже способом не получается (много дубляжа при этом)? И ещё, подскажите можно ли (и как) использовать не полностью имя селектора id, а только его часть, например вместо tabname_3, просто tabname... и чтоб стиль применялся ко всем селекторам id начинающихся с этого имени? Извините, но не мог найти ответа возможно на не сложную задачу. С уважением Артём. html- ================ <div id="wrap"> <div class="selectTabs"> <ul class="lineTabs"> <li><a id='tabname_6' href="#">SHOPPING GUIDE</a></li> <li><a id='tabname_5' hre…

    Asked by ar., December 13, 2011

    0 votes
    6 answers
16. Не применяются правила CSS!

    Помогите пожалуйста кто чем сможет! Проблема что последнее правило в коде не применяется, я его и со звездочкой пробовал, и вообще не применяются правила с div и class. Но зато применяются первые три правила в полном объеме?!? <div id="full_news_h"> Документы </div> <div id="welcome_text"> <style type="text/css"> #welcome_text p{ margin-bottom: 7px; } #welcome_text p a, #welcome_text p a:visited, #welcome_text p ul li a{ text-decoration: none; font-size: 17px; } #welcome_text p a:hover{ text-decoration: underline; } #welcome_text p ul#spisok{ эти правила работать не будут!!!! } #welcome_text p * #s…

    Asked by tarkinsky, December 13, 2011

    0 votes
    2 answers
17. Почему стили CSS не применяются?

    Помогите плиз пишу стили в самом документе а применяются только некоторые! <div id="welcome_text"> <style type="text/css"> #welcome_text p{ margin-bottom: 7px; } #welcome_text p a, #welcome_text p a:visited{ text-decoration: none; font-size: 17px; } #welcome_text p a:hover{ text-decoration: underline; } #welcome_text p ul#spisok1{ margin-left: 15px; font-size: 24px; } </style> <p> Правовая основа <ul id="spisok1" style="margin-left: 25px;"> <li><a href="">Лицензия</a></li> <li></a href="">Государственная аккредитация</a></li&…

    Asked by tarkinsky, December 13, 2011

    0 votes
    2 answers
18. Проблемы с обтеканием (float)

    Здравствуйте уважаемые форумчане. На днях возникла проблема. На страничке сайта блоки выходят за пределы основного блока (их там несколько, у всех стоит высота auto). В первого блока все нормально, он вписывается в основной блок, а во всех остальных не все так гладко. Вот скрин: http://s2.ipicture.ru/uploads/20111213/GU3mxdLE.jpg Я так понимаю все из-за обтекания блоков со 2-го по остальные. Если я меняю float на none, то блоки со 2-го выстраиваются в горизонтальном порядке, один под другим и при этом основной блок растягивается на всю высоту. мне то нужно чтобы они были как сейчас на скриншоте только основной блок был бы растянут на всю высоту. Надеюсь вы сможете прочита…

    Asked by dexteron, December 13, 2011

    0 votes
    30 answers
19. проблема с relative в IE8

    Добрый день. Столкнулся с проблемой в нашем любимом IE. HTML - <div class="edit_head"> <div class="edit_pict"><img src="img/icons/radiation32.png"></div> <div class="pict_menu" style="display: none;"> <div class="img_panel"><img src="img/icons/fire32.png"></div><div class="img_panel current"><img src="img/icons/radiation32.png"></div><div class="img_panel"><img src="img/icons/biohazard32.png"></div><div class="img_panel"><img src="img/icons/drop32.png"></div><div class="img_panel"><img src="img/icons/voltage32.png"></div><div class=…

    Asked by Odrin, December 13, 2011

    0 votes
    2 answers
20. Кнопка для загрузки документа

    У меня есть кнопка. Мне надо,чтоб при нажатиии на неё скачивался документ. Как это сделать?Я,так понимаю,это Джава?

    Asked by IrkaLulka, December 13, 2011

    0 votes
    8 answers
21. Расстояние между <TD>

    Не могу добиться расстояния между <td> в таблице. cellspacing не подходит. padding, тоже не подходит, так как идет рамка. Какие варианты еще есть?

    Asked by Ritter, December 13, 2011

    0 votes
    4 answers
22. Помогите с меню

    Помогите с меню <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>SKOCH244</title> <style type="text/css"> #mn1, #a11 { display: block; position: absolute; height: 30px; width: 100px; text-align: center; line-height: 30px; border: 1px solid #000; } #mn2, #a12 { display: block; position: relative; visibility: hidden; text-align: center; top: 30px; height: 30px; width: 100px; line-height: 30px; border: 1px solid #000; } #mn1, #a11:hover #mn2 { visibility: visible; } </style> </head> <body> <div id="mn1"><a id="a11" href="#">MENU</a>…

    Asked by skoch244, December 13, 2011

    0 votes
    6 answers
23. Проблемы с резиновой шапкой

    Добрый день. Подскажите пожалуйста как сделать чтобы в шапке картинки не накладывались друг на друга, при уменьшении браузера. http://www.zaria15.ru/

    Asked by students, December 13, 2011

    0 votes
    8 answers
24. оптимизация сайта

    Добрый день. Занялся изучением html и css, решил сделать сайт, у меня возникла следующая проблема: я создавал сайт пользуясь хромом от гугл. немного оптимизировал под мозилу и оперу. основная проблема возникла с IE. Решил использовать css3pie.com, но оказалось что тень для блоков и прозрачность(пробовал и с рисунками .png) одновременно использоваться не могут(возможно я что то не так делаю), уже позже понимаю что создал изначально "не правильный" дизайн сайта(т.к. пользовался тенями, закруглениями и прозрачностью - все из css3) - все это тормозит на IE(к тому же фон страницы фиксированный рисунок). Что можно сделать что бы не переделывать дизайн сайта? я целый месяц р…

    Asked by pdbq, December 13, 2011

    0 votes
    8 answers
25. не работает позиционирование

    в общем по уроку клепаю блоки и началась тема позиционирования, при приклеплении картинки она просто висит внутри блока, хотя при смене параметров top и left она должна применять их свойства, но ничерта не происходит и при создании div контейнера, задав ему параметры и цвет, блок не создается, даже не знаю в чем проблема, помогите разобраться. Интересующие элементы #new и #container <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/style_p.css" type="text/css" rel="stylesheet" /> <title&gt…

    Asked by maxsnw, December 13, 2011

    0 votes
    2 answers