HTML Coding

29,542 questions in this forum

1. Проблема с div-ами...

   Есть некоторая задача: "Сделать два резиновых столбца. Первый — 20% по ширине, второй — 80%, между ними расстояние 20 пикселей, расстояния от краёв страницы слева и справа 10 пискелей. Без использования таблиц и javascript." Мой вопрос такой: Как сделать расстояние 20px. между колонками, если 20%+80%=100% т.е. вся доступная ширина, которая исключает еще какие-либо размеры вроде "20px".

   Asked by Mark Ghaphes, September 18, 2011

   0 votes
   48 answers
2. 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
3. Как задать разные css для каждого option в select

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

   Asked by Daiver, December 17, 2013

   • css
   • option
   • select
   0 votes
   10 answers
4. запретить перенос слов

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

   Asked by Strelok1945, February 20, 2008

   0 votes
   1 answer
5. применение 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
6. Десктопные аналоги css песочниц

   Здравствуйте, возник такой вопрос. Все вы знаете как минимум несколько очень удобных сервисов css-песочниц. Очень удобная штука, пишешь код, а сервис сразу же отрисовывает то, что вы накодили. Например: ccsdeck, codepen и т.д. Впрос такой: есть ли десктопные аналоги подобных сервисов. Надо чтобы с хтмл файлами и картинками можно было бы работать локально, но чтобы все так же сразу отрисовывалось. Заранее извиняюсь за нубский вопрос

   Asked by pavelpashkovsky, December 24, 2013

   • css
   • приложения
   0 votes
   6 answers
7. Не видит 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
8. Помогите с css

   Подскажите пжалста как реализовать в css чтоб при наведении курсора на отдельную таблицу она выделялась другим цветом? в общем также как на этом сайте _http://mon1toring.ru/ как я понял что тут это делается two-tiers.css : /* "Two Tiers" for BF2S.com by Jeff Minard */ a { color: #a9a89c; text-decoration: none; border-bottom: 1px dotted #595853; } A:hover { color: #800000; /* Цвет ссылки при наведении на нее курсора мыши */ text-decoration: underline; /* Добавляем подчеркивание */ } a img { border: 0; vertical-align: middle; } hr { display: none; } a img { border: 0; vertical-align: middle; } hr { display: none; } html, body { margin: 0; padding: 0; color:…

   Asked by IOzer, December 14, 2009

   0 votes
   33 answers
9. Занятный глюк IE7

   Наткнулся на занятную пакость в IE7, вот минимальный пример: <!DOCTYPE HTML> <html> <head> <title>Пример</title> <style> p { margin: 0; padding: 0; } div { padding: 2px; } </style> </head> <body> <div style="width: 72%; float: left; background: #fcc;"> <div> <div style="margin-bottom: 40px; width: 90%; background: #ccc;"> <p>Отступ задан только здесь, с последующим блоком никак не связан...</p> </div> </div> <div style="width: 60%; float: left; background: #cfc;"> <div style="width: 90%; background: #fff;"> <p>Откуда же в IE7 берется отступ под…

   Asked by SelenIT, May 26, 2010

   0 votes
   6 answers
10. как сделать невидимую кнопку

    Господа, собственно говоря суть проблемы изложена в названии темы. У меня есть допустим кнопка Мне очень нужно сделать ее невидимой на страничке. Как это можно сделать?

    Asked by UnderFelixAbove, July 21, 2007

    0 votes
    2 answers
11. Нужен Mp3, Avi Плеер Для Сайта

    Здравствуйте! Возможно, тема и боянистая, возможно, кто-то скажет иди в Google - но все-же. Нужен плеер для проигрывания видео на сайте - типа как на http://www.youtube.com/ - где можно такой скачать? В google я искал - выдает всяческое гомнЭ, по типу "соберите свой собственный плеер у НАС на сайте, закачайте ваше видео на НАШ сайт и ставьте ссылку на видео на вашем сайте" - такое не катит. Надо чтоб видео - на моем сайте, плеер - тоже на моем сайте. Аналогично и с mp3 плеером - надо чтоб на моем сайте все было. Может кто сталкивался и может что посоветовать. Спасибо..

    Asked by rome.ro, August 21, 2008

    0 votes
    1 answer
12. Изображения друг под другом без промежутков

    Подскажите пожалуйста разницу между CSS стилями когда мы хотим чтобы изображение было друг под другом без промежутков. Автор данного сайта использует следующий код: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Изображения по вертикали</title> <style type="text/css"> DIV.img IMG { display: block; } </style> </head> <body> <div class="img"> <img src="images/ecctitle.png" alt="Название"…

    Asked by creaturee, August 24, 2011

    0 votes
    2 answers
13. тег <p> в диве

    Приветствую! Сегодня столкнулся с необычной для себя проблемой. Страница сверстана с контентом в центре. Разбита на 4 блока дивами. В двух блоках находятся ссылки в столбик. Так вот в чем суть. Если я в верхнем блоке ставлю ссылки в тег <p> то при разрешении 1024 появляется 1 пиксель справа от контента. Т.е. сам контент не разъезжается, а появляется именно отступ справа. В нижнем блоке применение этого же тега проходит без проблем. хотя блоки одинаковы. В разных браузерах отображается по разному. У меня во всех, кроме Оперы лезет этот пиксель, в Опере нормально. У кого-то и в ФФ все ок. Я даже не знаю в каком направлении думать уже. Код прилагается. <!DOCTYPE H…

    Asked by Softlink, April 28, 2011

    0 votes
    41 answers
14. Центрирование ul

    Подскажите, возможно ли оно Отцентрировать список ul без указания этому списку ширины? ширина меняется Вообще работает text-align:center; и display:inline; Но при inline элементы становятся уже не блочными и не работают отступы вверх и вниз у ссылок внутри li Вот так на пальцах

    Asked by ShumNo, March 1, 2011

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

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

    Asked by dengol, January 25, 2010

    0 votes
    2 answers
16. Онлайн сервис калькуляторов или расчетов

    Добрый день! У меня есть сайт где продаем различные строительные материалы. Сейчас там таблицы с перечнем услуг и примерными ценами и как правило клиенты звонят что-бы уточнить что-то, найти. Это очень отнимает времени. Решили как-то автоматизировать дело, чтобы все расчеты, выбор материалов, комплектующие клиент смог выбрать и ему тут же отобразилась нужная цена. У фрилансеров поспрашивал, выходит очень дорого и много делать. Может есть ли какие-нибудь вообще сервисы онлайн для создания калькуляторов или расчетов. Чтобы я мог пусть и не самостоятельно, с чей нибудь помощью на первое время, попробовать создать то что мне нужно?

    Asked by adrk00, September 1, 2017

    • калькулятор
    • расчеты
    • сайт
    0 votes
    22 answers
17. Функции ветвления

    Практически во всех языках программирования встречаются функции ветвления, которые также называются условными операторами. Речь идет о конструкции 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
18. выравнивание div'а внутри div'а??

    Есть код: <div class="contentTbl_contentTd"> ,,, </div> <h2>Membership</h2> <div class="abMembBox"> Test text <div class="abMembLinkBox"> <a href="http://www.xxx.com/"><img src="/Portals/0/__pages/_pics/_pages/xxx.jpg" alt="xxx Logo" /></a> </div> <div class="abMembLinkBox"> <a href="http://www.xxx.com/"><img src="/Portals/0/__pages/_pics/_pages/xxx.gif" alt="xxx Logo" /></a> </div> <div class="abMembLinkBox"> <a href="http://www.xxx.org/"><img src="/Portals/0/__pages/_pics/_pages/xxx.gif" alt="xxx Logo" /></a> </div> </div> Есть CSS к …

    Asked by ZoolooS, June 18, 2007

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

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

    Asked by Online, November 20, 2007

    0 votes
    3 answers
20. Запретить перенос строки 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
21. Стоит ли закрывать не парные теги в HTML5?

    Даже если не используешь XHTML раньше было правилом хорошего тона закрывать даже не парные теги, например <br />. Стоит ли придерживаться этого правила в HTML5?

    Asked by tini.kRyptoNite, September 22, 2012

    0 votes
    6 answers
22. Конструктор макетов сайта онлайн

    Здравствуйте, около полугода назад нашел очень крутой сервис, где можно быстро сделать любой макет сайта (двухколоночный, трех, прижатый футер, не прижайтый) то есть накидать скелет сайта. Сейчас решил опять обратиться к сервису, но вот что то в интернете его найти не могу, забыл как называется, но сервис очень полезный. Может кто знает его? Буду благодарен, если поделитесь ссылкой

    Asked by Akkord87, October 19, 2015

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

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

    Asked by citius, May 1, 2008

    0 votes
    9 answers
24. XML vs HTML

    Рано или поздно HTML, видимо, отомрёт. Стоит ли полностью переходить на XML уже сейчас? Кто как думает?

    Asked by Nikolaki, June 3, 2009

    0 votes
    36 answers
25. Как изменить порядок загрузки элементов страницы?

    Добрый день, уважаемые знатоки! Проблема у меня такая: на странице есть баннеры от баннерообменных систем, которые тормозят общую загрузку страницы. Т.е. отдельные элементы страницы не показываются пока не будут загружены все баннеры. Подскажите пожалуйста, можно ли определить порядок загрузки страницы так, чтобы подгружать баннеры в последнюю очередь? Сначала я хотел заключить баннеры во фреймы, однако вот здесь написано, что многие поисковые системы и каталоги отказываются регистрировать страницы, использующие фреймы и некоторые браузеры не умеют обрабатывать фреймы. Действительно ли это так?

    Asked by zaero, October 22, 2010

    0 votes
    7 answers