HTML Coding

29542 questions in this forum

1. Верстка табов

   Может кто покажет нагугленое место? Я чего-то никак не могу найти. Подозреваю, что это непросто, по крайней мере сейчас не знаю как. задача следующая, табы, сделанные на вложенном списке. первый уровень - заголовки, сами табы. второй, собственно представление табов, их содержимое. пока пришел к единственному решению, но мне не очень нравится, измерять l с помощью JS и назначать для LI отриц. левый маргин. Иллюстрация

   Asked by Justnewone, April 21, 2011

   0 votes
   29 answers
2. запретить перенос слов

   при сужении окна по ширене происходит перенос слов, в результате нарушается дизайн, подскажите каким отребутом можно запретить перенос слов.

   Asked by Strelok1945, February 20, 2008

   0 votes
   1 answer
3. Firefox не отображает background-image.

   Почемуто Firefox не хочет отображать фоновую картинку. Причем в IE, Opera, Safari все отображается нормально. Вот кусок кода из CSS .topheader { height: 405px; background: transparent url(/site_resources/images/topbannermain.jpg) center no-repeat; } Вот ссылка на страницу http://mail.avtodin.ru/site_resources/htmls/main_page.html Вот ссылка на ЦСС http://mail.avtodin.ru/site_resources/css/main_page.css

   Asked by Casufi, April 7, 2008

   0 votes
   6 answers
4. Запретить перенос строки 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
5. При наведении на одну ссылку подсветить две

   Всем привет, такая проблема <div class="block"> <div class="block2"> <a href="#"><img src="img.jpg" /></a> </div> <a href="#"><h3>Заголовок</h3></a> </div> Как можно сделать, что бы при наведении на картинку подсвечивалась ссылка с текстом, засунуть весь блок в <a> не вариант, может быть есть на js решение? Помогите, кто чем может

   Asked by galaydas, March 21, 2013

   • HTML CSS
   0 votes
   20 answers
6. Белый экран вместо сайта. Локальный сервер opensrever

   Здравствуйте, помогите разобраться, пожалуйста. Есть сайт на wordpress. Тестировала на openserver все было хорошо, потом что-то произошло, сама не имею понятия что и теперь, когда открываю сайт в браузере вижу только полностью белый экран. Три дня не могу ничего сделать. Где может быть проблема? Прошу объяснять по слогам, простым языком))

   Asked by eleonore, September 25, 2014

   0 votes
   14 answers
7. Затемнение средствами CSS без потери кликабельности

   Здравствуйте. У меня такая задача. Нужно затемнить страницу. Решил просто: position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; opacity: 0.35; background: #000; Но в этом случае если под этим fixed-элементом есть ссылки, кнопки, etc (т.е. на странице, которую мы затемнили), кликнуть по ним уже нельзя. Нужно, чтобы можно было. Как?

   Asked by luethus, September 10, 2011

   0 votes
   8 answers
8. Игнорирование общего стиля CSS, как реализовать

   Есть страница к которой применены стили CSS На эту страницу вставляется таблица <table></table> к которой общее оформление CSS не должно применяться. Как можно реализовать?

   Asked by dengol, January 25, 2010

   0 votes
   2 answers
9. Возможно ли горизонтальное центрирование блока относительно соседних блоков

   Вот пытаюсь понять как "думает" CSS. Есть три блока, которые выстроены по горизонтали. Ширина страницы резиновая. Значит как я их выстраиваю. Один блок float:right; второй - float:left;. Тот что посредине - падает в середину сам при заданном margin:0 auto; И всё бы хорошо, но центрирование среднего блока происходит не относительно соседних, а относительно общей ширины страницы. А мне бы хотелось чтобы отступы от соседних блоков до центрального были одинаковыми. Можно это как-то сделать? На пальцах рассказал, а вот сам код CSS: #telo {width:100%; height:150px; background:#00FF33;} #blok1 {width:100px; height:80px; border: 1px solid #000000; float:left; margin:0 10px;} …

   Asked by Belovsan, August 3, 2010

   0 votes
   39 answers
10. Элемент за правой границей экрана...

    Возможно ли "сдвинуть" отпозиционированный элемент за видимую область экрана вправо, чтобы не появилась горизонтальная полоса прокрутки? P.S. Влево - без проблем... А вот как быть с правой стороной?

    Asked by DjTarik, March 12, 2009

    0 votes
    16 answers
11. FLASH - общие вопросы

    есть ролик в формате swf..пытаюсь поставить его на страницу...может что-то неправильно в самом коде...помогите исправить или направьте на более правильный путь (код) для таких файлов <object width="320" height="300"> <param name="movie" value="полный адрес к файлу.swf"> <param name="wmode" value="transparent"> <embed src="полный адрес к файлу.swf" QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" width="320" height=300"></embed></object> спасибо

    Asked by _Ирина_, May 30, 2007

    0 votes
    10 answers
12. Функции ветвления

    Практически во всех языках программирования встречаются функции ветвления, которые также называются условными операторами. Речь идет о конструкции if...else, позволяющей задавать разные условия выполнения блоков программы. В шаблонах Smarty тоже встречаются эти операторы, но в виде функций {if}, {else}, {elseif} и {/if}. Общий синтаксис следующий. {if условие1} При выполнении условия 1 отображать данный блок. {elseif условие 2} При выполнении условия 2 отображать данный блок. {else} Если вышеприведенные условия не выполнены, то выводить этот блок. {/if} При необходимости функции {elseif} и {else} можно опустить. Под условием подразумевается набор некоторых логических …

    Asked by Vlad, September 14, 2007

    0 votes
    0 answers
13. Заместо русских букв выводятся знаки вопроса

    Помогите пожалуйста. За место русских букв выводятся знаки вопроса !!! Что делать ? С заранее спасибо

    Asked by ClickW, May 2, 2011

    0 votes
    24 answers
14. транслитное насписание названия фаилов

    Не подскаже название проги которая переводит руские буквы в аналогичные английские в названиях файлов.. Просто есть многа файлов с русскими названиями и их нуно все разом чтоб с англ названиями стали.

    Asked by WEB_bobby, June 23, 2007

    0 votes
    4 answers
15. HasLayout

    Да, все ищут, что это такое и как его использовать, как включить... А мне нужно отключить. =) Т.е. по умолчанию в ie6 zoom: 1; имеется у img. Как его отключить? =))) Никогда не сталкивался с такой задачей...

    Asked by DjTarik, May 20, 2010

    0 votes
    30 answers
16. Как увеличить размер ссылки?

    Как увеличить размер области для клика в меню? По умолчанию ссылка срабатывает только если кликнуть на текст "главная". А как сделать, чтобы по всему li можно было нажать и перейти? пробовал указывать ширину и высоту для a, li, ul - всеравно не работает Вспомнил. Я же уже сталкивался с этим. нужно ссылке прописать дисплей:блок

    Asked by nikki4, November 9, 2015

    0 votes
    1 answer
17. Непонятное поведение фоновой картинки

    Здравствуйте. Пытаюсь выстроить фоновую картинку так чтобы она была на высоту экрана устройства и закрепленная, то есть при прокрутке страницы всегда оставалась в одном месте. Вот пример - https://jsfiddle.net/98nym4go/ Как только устанавливаю "background-attachment:fixed;" фоновая картинка почему-то перестает отображаться, а без этого тега она не закрепляется. Что не так?

    Asked by alsmd23, May 20, 2023

    0 votes
    0 answers
18. Вертикальное выравнивание по центру

    Есть div. в нем картинка. нужно сделать что бы эта картинка была по центру дива в котором она находится. <!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"> <head> <title>vo4tap</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Keywords" content="vo4tap" /> <style type="text/css"> html, body {pading:0; margin:0; background-color:#000000; height:100%; position:relative; } img {border:0;} #all {min-height:100%; text-align:center; background:#f2ddc6;} </style> </head> <b…

    Asked by vo4tap, November 1, 2009

    0 votes
    25 answers
19. возможно ли описание стиля id селекторов "по маске"?

    Собственно вопрос возможно ли описание id селекторов "по маске"? допустим есть несколько блоков <div id="name-1"></div>, <div id="name-2"></div>, <div id="name-3"></div>, <div id="name-4"></div> и тд. до бесконечности, крайнего номера не заданно. То есть отличие в идентификаторе задается только через "-номер", name - для всех общее. Возможно ли описать стиль для всех этих идентификаторов? если да, то как?

    Asked by NenilinNM, October 27, 2010

    0 votes
    6 answers
20. положение слоя в ячейке таблици

    не от экрана Пусть имеется таблица, 2*2., последняя ячейка голубая. И в нее надо поместить div красного цвета. Делаю эту ячейку блоком relative, помещяю в нее div. При этом IE правильно понимает, что отмерять положени дива надо от ячейки, а не от границы брауза. Как заствить понять тоже самое Opera и FireFox? <html> <head> <style type="text/css"> <!-- html, body { margin:0; padding:0; width:100%; height:100%; } #card1 { background-color: red; height: 30%; width: 20%; border:5px; border-color :#336633; left:0%; top:0%; position: absolute; border-style: solid; } </style> <head> <body> <table width="80%" …

    Asked by Kat, June 23, 2007

    0 votes
    8 answers
21. растягивание по вертикали

    В общем не могу растянуть слой по вертикали CSS #d1{width:700px; position: absolute; background-image:url(images1.gif); background-repeat:repeat-y; margin-left:20%; padding-left:12px; height:100%; } #d2{ height:100%; width:650px; background-image: url(images2.gif); background-repeat:repeat-y;} HTML <div id="d1"> <div id="d2"> content </div></div> в Opera работает а с IE не получется что я делаю не так.

    Asked by B@M, November 3, 2007

    0 votes
    1 answer
22. Access-Control-Allow-Origin

    Подскажите пожалуйста, почему срабатывает следующее ограниечение, когда я загружаю фонт из "своего локального хоста" http://site-content-protection.com'has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://site.ru' is therefore not allowed access." @font-face { font-family: 'Philosopher'; font-style: normal; font-weight: 400; src: local('Philosopher'), url(http://site-content-protection.com/fonts/font1.ttf) format('truetype'); // src: local('Philosopher'), url(http://fonts.gstatic.com/s/philosopher/v7/OttjxgcoEsufOGSINYBGLZp-63r6doWhTEbsfBIRJ7A.ttf) format…

    Asked by romanag, July 6, 2015

    • Access-Control-Allow-Origin
    0 votes
    2 answers
23. Два слоя в строчке. Один фиксированный, другой нет.

    Есть два слоя, один выровнен как float: left , другой right . Который справа, должен быть фиксированн, например 300px, а тот что слева должен растягиваться до правого слоя. Как растянуть левый слой? Если ставить width: 100% , то слои переносятся на разные строчки.

    Asked by 100kd, December 6, 2007

    0 votes
    9 answers
24. Разноцветный border

    Подскажите, как сделать такой разноцветный border? Вставить картинкой? А по-другому, никак нельзя?

    Asked by Alfa2015, January 12, 2016

    0 votes
    5 answers
25. Прозрачность при наведении курсора

    Как сделать так, чтобы при наведении на картинку или ссылку определенный div на странице становился прозрачным (к примеру, на половину)? P.S.: по всем правилам w3c.org

    Asked by Online, November 20, 2007

    0 votes
    3 answers