HTML Coding

29,542 questions in this forum

1. background и src

   Вопрос вот в чем.Есть input type=image.Мне надо повесить на эту кнопку прозрачную картинку.Я делаю через свойство filter.Но что делать с параметром src.Если ему дать значение,картинка налаживается на background.Если не давать значение,появляется надпись Submit query.Это в IE 6.

   Asked by user, April 22, 2008

   0 votes
   0 answers
2. Вывод контекста в зависимости от max высоты

   Допустим есть таблица из двух колонок. В левой колонке - основное содержание, в правой - небольшие информационные блоки (которых может быть очень много). Необходимо выводить блоков в высоту ровно столько, на сколько растягивает таблицу основное содержание левой колонки. Пока единственно что надумал - вставить в правую колонку резиновый фрейм на всю высоту с max. кол-вом информационных блоков (но в этом случае будет часто видно что след.блок "обрезается"). Какие еще решения могут быть на HTML / + CSS / + JS ? Заранее всем спасибо

   Asked by Razor, May 25, 2008

   0 votes
   0 answers
3. Помогите плис

   Помогите плис Вообшем скачал прогу SmartFTP пытался сделать ФТПшник в конечном итоге ничего не поняв бросил эту затею помогите плис как сделать ФТПшник, ведь как я понял что бы сделать сайт нужен ФТП

   Asked by 6apc1k, March 16, 2009

   0 votes
   4 answers
4. не корректное отображение в Opera

   Всем привет! Помогите пожалуйста, при верстке одного из сайтов столкнулся с проблемой, в IE8 и Google Chrome поля Textarea отображаются корректно а в Opera они меньше по размерам как решить данную проблему? вот код: <textarea ROWS=1 COLS=40 style="margin-left:20px"></textarea> <br> <textarea ROWS=1 COLS=40 style="margin-left:20px"></textarea> <br> <textarea ROWS=6 COLS=40 wrap="soft" style="margin-left:20px"></textarea>

   Asked by WaxArt, May 17, 2010

   0 votes
   2 answers
5. background и IE

   На сайте необходимо фоновое изображение растянуть по ширине экрана. Для этого использую: #header-panel { background: url(../images/style2/bg-top.jpg) 0 0 no-repeat; background-size: 100%; -moz-background-size:100%; -webkit-background-size:100%; -o-background-size:100%; -khtml-background-size:100% auto; } Но IE игнорирует и отображает картинку не растягивая. Подскажите, как разрешить эту проблему? Может есть специально для IE свойство или решение?

   Asked by nikcool, November 24, 2010

   0 votes
   2 answers
6. Найти решение

   Господа, помогите пожалуйста найти оптимальное решение: Есть меню, между линками разделительная полоса (правый бордер), не получается найти элегантное решение что бы после последнего линка разделительной полосы не было... css: .mattblacktabs ul{ margin: 0; padding: 40px 0 0 450px; font: bold 12px Verdana; list-style-type: none; } .mattblacktabs li{ display: inline; margin: 0; } .mattblacktabs li a{ float: left; display: block; text-decoration: none; margin: 0; padding: 7px 8px; border-right: 1px solid white; /*разделитель*/ color: white; } .mattblacktabs li a:visited{ color: white; } .mattblacktabs li a:hover, .mattblacktabs li.selected a { background: #003460; } …

   Asked by zefo, June 24, 2011

   0 votes
   13 answers
7. Фон под соседний блок

   Народ, есть проблема с блоками небольшая... Делаю тему по этому шаблончику: http://csstemplater.com/result/layout_xhtmls_fix_lcr_s2_fb_1.zip Кратко - прижатый подвал постоянно книзу... если окно сужать - будет повышаться пока не упрется в контент, если контента больше, чем на страницу - подвал будет изначально ниже окна и появится перемотка вниз... Все хорошо, но вот потребовалось чтобы на фоне подвала была картинка и чтобы она вела себя также как и подвал, но при доходе контента до подвала чтобы картинка на 100 точек уходила под контент... Реально ли это сделать и как? Пробовал по всякому... картинка либо лезет и выше - не останавливается когда подвал останавливается, уп…

   Asked by Nikolas, July 14, 2011

   0 votes
   3 answers
8. Вёрстка двух колонок

   Здравствуйте уважаемые! Подскажите пожалуйста: Нужно сделать резиновый шаблон в две колонки, левая фиксированная, а правая(с контентом) тянется по всей длине. Если можно, не кидайте ссылки на сервисы, п просто напишите тут как вы считаете. Спасибо!

   Asked by systemiv, October 2, 2011

   0 votes
   9 answers
9. Отмена стиля

   На странице имеется код, с тегом <label> в десяти местах. Для данного тега прописан стиль, мне необходимо в одном из десяти тегов <label> отменить заданный стиль... Подскажите как удобней всего это сделать? Может есть какой нибудь атрибут, который отменяет все прикрепленные стили к одному элементу...

   Asked by Исильдур, April 20, 2012

   0 votes
   4 answers
10. не работает скрипт

    <img src="/images/site/WOM_mini.jpg" style="margin:20px;border: 4px ridge #adadad;" id="bigtip" onclick="click()"> <script> var svertmenu5 = document.getElementById("bigtip"); function click(){ svertmenu5.style.border = "10px"; } </script> где ошибка?

    Asked by supernet95, July 12, 2012

    0 votes
    4 answers
11. Проблема с last-child

    Есть вот такая структура и CSS .post:last-child <div id="content"> <div id="post-1" class="post"> </div> <div id="post-2" class="post"> </div> <div id="post-2" class="post"> </div> </div> Если такая структура то ласт чилд работает, в конце блока контента добавляю див с пагинацией <div id="pagination"></div> и ласт чалд уже не работает. В чем проблема может быть? Это вообще как-то не логично... И вообще если в конец что либо добавить даже пустой див без атрибутов то опять же ласт чилд не работает. В принципе решение нашел, но оно не удовлетворительно, это просто взять эти блоки в пустой див. а пос…

    Asked by tini.kRyptoNite, November 25, 2012

    0 votes
    5 answers
12. Css em triangle и еще 1 вопрос

    Добрый день Сделал флажок с помощью :after ?<div class="flag-header"><a href="#">eeeee</a></div>? body { font-size: 100%; } .flag-header { font-size: 1em; font-weight: bold; background: green; color: black; padding: .75em 4em .5em 2em; display: inline-block; *display: inline; zoom: 1; position: relative; overflow: hidden; } .flag-header a { color: black; font-weight: bold; } .flag-header:after { content: ""; position: absolute; right: 0; margin-top: -.6em; border-right: 1.2em solid #fff; border-top: 1.2em solid transparent; border-bottom: 1.2em solid transparent; border-left: 0; width: 0; height: 0; } При увеличении размера шриф…

    Asked by Cryolite, December 6, 2012

    0 votes
    2 answers
13. css Меню

    меню находится внутри левого сайтбара <div>, хочу чтобы меню был на одном уровне с контентом. Знающие люди помогите пожалуйста. Вот как это выглядит: еще одна проблемка нарисовалась, помещаю текст в контент и текст забегает на территорию левого сайтбара хочется, чтобы каждый обтекался на своей территории а не забегал в гости Еще один скриншот:

    Asked by Guesto, December 25, 2012

    0 votes
    2 answers
14. Динамическое выпадение блока

    Как сделать что бы блок b плавно выпадал из блока a, сверху вниз, подскажите пожалуйста

    Asked by Entense, January 1, 2016

    0 votes
    3 answers
15. Как расположить неизвестное число блоков <div> всегда в одну строку?

    Здравствуйте Есть такая разметка: <div class="your-class"> <div class="element">your content</div> <div class="element">your content</div> <div class="element">your content</div> ... <div class="element">your content</div> </div> количество дивов внутри заранее не известно и может быть очень большим. Какие стили можно применить, чтобы вне зависимости от количества внутренних блоков они располагались в 1 строку, уходящую бесконечно вправо? Высота внутренних блоков может быть разной, желательно чтобы родительский див подстраивался под самый высокий

    Asked by borus, May 26, 2016

    0 votes
    2 answers
16. Шрифт на андроиде

    Добрый день! Может, кто сталкивался с такой проблемкой..Когда открываешь сайт на мобильном устройстве андроид, то в некоторых местах шрифт в блоках становится больше. Из-за чего это может быть? Как сделать, чтобы шрифт не увеличивался? meta тег <meta name="viewport" content="width=device-width, initial-scale=1"> - вставлен.

    Asked by Джулия, March 7, 2017

    0 votes
    0 answers
17. Задать время обновления для элемента страницы

    Добрый день. Необходимо что бы определенный элемент/ы страницы постоянно обновлялись. Нашел такой скрипт: <script> setTimeout(function(){ location.reload(); }, 50); </script> Вставляю в head, но обновляется вся страница. А как задать его для определенной таблицы или дива? Заранее спасибО!

    Asked by dron, April 16, 2018

    0 votes
    1 answer
18. <sup> в миксине jade

    нужно чтобы через jade отобразились корректно "см2". Ну чтобы цифра 2 была мелкой и выше. В HTML делается с помощью тега <sup> Но как этот тег передать, если я передаю строку в миксин jade ? +input('name', 'Площадь, см2') +input('name', 'Площадь, см²') https://codepen.io/anon/pen/XoMXdj

    Asked by yaparoff, December 21, 2018

    0 votes
    1 answer
19. блок с адаптивный контентом

    как сверстать блоком с картинкои с бамбуком на левои стороне где весь блок это картинка + поверх контент я сделал так = через html подключил картинку + поверх вставил блок с контентом (с position absolute)и все спозиционировал в нужное место блоку в котором находится картинка задал position relative. есть проблема при уменьшении экрана контент вываливается из картинки как сделать чтобы контент не вываливался из картинки в смысле чтобы высота картинки менялась под контент ? еще проблема как убрать 2 вертикальных скролла которые появляются при уменьшении экрана http://frontend-er.h1n.ru/asia-spa вот блок картинка чтобы лучше п…

    Asked by victorius, December 22, 2019

    0 votes
    0 answers
20. подскажите пожалуйста

    подскажите плиз как в CSS правильно записывать идентификаторы друг за другом чтобы им можно было присваивать одинаковые свойства а ни писать еще раз тот же идентификатор и копировать с предыдущего #vert-menu4 { margin-top:2px; margin-left:6px; background-image:url(img/sidebarssulka.png); background-repeat:no-repeat; text-align:center; } #vert-menu5{ margin-top:2px; margin-left:6px; background-image:url(img/sidebarssulka.png); background-repeat:no-repeat; text-align:center; } вот чтобы без такого повторения

    Asked by Romario1985, March 2, 2010

    0 votes
    3 answers
21. Проблемы с отображением блоков с float

    Приветствую. Знаю, что не первый столкнулся с проблемой, но поискав не нашел решения, а сроки поджимают. Суть - делаю горизонтальное меню из блоков. В блоке есть вложенные блоки с изображением и текстом. Нужно чтоб блок с текстом оставался справа от блока с изображением. В Опере все нормально выглядит, а в мозилле и хроме все плывет. Код: <a href='' style='border:1px solid #f0f0f0; background:#fff; width:190px; height:60px; padding:0px; margin:0px 3px 0px 3px; float:left; text-decoration: none;'> <img src='' style='border:1px solid #e0e0f0; width:46px; height:46px; margin:6px 0 6px 6px; float:left;'> <p style='width:128px; height:26px; padding:0; margin:0;…

    Asked by marychn1, March 11, 2011

    0 votes
    4 answers
22. при наведении на ссылку

    сделать при наведении из "ссылка" - "{ссылка}" подскажите пожалуйста как обернуть желаемую ссылку с двух сторон определенными символами (или возможно картинками если так правельнее)

    Asked by marnikus, May 15, 2011

    0 votes
    10 answers
23. font-size внутри таблицы и Opera

    Доброго времени суток! Столкнулся с проблемой, которая слегка меня обескуражила: пытаюсь заверстать табличку мелким шрифтом (8px) - и FF, Chrome и IE9 отображают её как надо, по уму, а красавица Opera выставляет по каким то своим соображениям font-size: 9px и отказывается уменьшать шрифт независимо от применяемых единиц и размера (даже 1pt выставлял). При этом фактический размер шрифта даже 9px не соответствует, он очевидно больше: А так табличка выглядит в остальных браузерах: CSS: .block table { margin: 0; width: 150px; } .block tbody { font-size: 8px; } .tb-num { text-align: right; width: 12px; } .tb-clubname { padding-left: 3px; width: 100px; } .tb-game…

    Asked by kacnep, August 10, 2011

    0 votes
    4 answers
24. Валидация...

    Всем привет! Последний месяц-полтора я немного отстал от жизни в плане вёрстки и сегодня при проверке валидации в своей старой работе я обнаружил 34 ошибки в CSS???(Вместо одной или двух которые там были раньше...) Скрин здесь: http://yamaradg.narod2.ru/history/Validator_CSS.jpgru/history/Validator_CSS.jpg Тоесть мне непонятно что означает: "Ошибка значения font?" Раньше такого точно не было... Ещё меня заинтересовал вопрос по валидации - но на этот раз уже связанный с Кодом HTML: В общем когда присваиваю селекту атрибут "rel=1"(или любой другой) то валидатор также начинает ругаться? (В этом случае не исключаю того что это именно я что то упустил из виду?) Скрин также пр…

    Asked by Yamaradg, March 23, 2012

    0 votes
    7 answers
25. Картинка для логотипа

    Как лучше сделать логотип картинкой? Поставить логотип на фон и использовать свойство text-indent <h1> <a href="#">Logo</a> </h1> h1 { float: left; text-indent: -9999px; } h1 a { float: left; width: 450px; height: 450px; background: url("http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png") no-repeat; } пример или Просто вставить картинку с альтом? <h1> <a href="#"> <img src="http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png" alt="Logo" width="450" height="450" /> </a> </h1> пример

    Asked by ShootingStar, March 29, 2012

    0 votes
    3 answers