HTML Coding

29542 questions in this forum

1. textarea Форма textarea и ее границы

   Возникло желание убрать границы вокруг поля ввода текста для textarea, "border: 0px" не предлагать, не те границы что постоянны убрать нужно, а те что появляются после нажатия мышью на него, синенькие обычно такие. Так что бы только курсор ввода мигал.. Не представляю как такое делается.( апп Для тех кто будет искать, ответ сам нашел. Нужно в стили это вставить!) textarea {outline:none;} textarea:active {outline:none;} :focus {outline:none;} textarea {resize:none;} textarea {resize:vertical;} textarea {resize:horizontal;}

   Asked by Anagar, June 20, 2016

   1 vote
   1 answer
2. Создание thumbnails из div`ов - проблема

   Всем привет. У меня такая проблема, надо сделать много маленьких дивов (~100x100) и чтобы они располагались в виде "плитки", т.е. один за одним, и под другим... Галерея такая в общем. Делаю так: .image_item { float:left; width:100px; height:100px; text-align:center; margin-right:15px; margin-bottom:15px; border:1px solid #9dabc5; background-color:#fcfefd; } <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> ... Все рабо…

   Asked by white.ru, August 23, 2007

   0 votes
   1 answer
3. В?рстка слоями, поможите программеру

   Я вот программер прикладной, заставили сайт написать собственно хотел попросить помощи, потому как столкнулся с некоторыми проблемами. Макет такой (всего 6 ло?в): @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Не получается без position: absolute сообразить как правый слой между шапками сделать та…

   Asked by StupID, December 21, 2007

   0 votes
   4 answers
4. Где можно найти?

   как мне прописать кодом, чтоб при наведении на ссылку показывалась фотография, а при щелчке переходило на новую страницу?

   Asked by ols, February 26, 2008

   0 votes
   3 answers
5. Как сделать ссылку на флэш банер

   Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" plugi…

   Asked by ArtOfHuman, December 1, 2008

   0 votes
   3 answers
6. В IE не работает background-attachment:fixed;

   У меня стоит IE6, почему-то в нём не работает background-attachment:fixed; (работает нормально во всех браузерах кроме него)... почему? на этом сайте написанно что должен поддерживается...

   Asked by YISHIMITSY, March 25, 2009

   0 votes
   4 answers
7. Проблема в IE6

   Уважаемые форумчане, делал я тут сайт и решил использовать в нем блоки со скругленными углами Все бы хорошо, но при помещении в таблицу в IE начинает творится всякая хрень От таблицы отказаться нельзя. Прошу помочь мне найти решение этой проблемы.

   Asked by Whatername, July 25, 2009

   0 votes
   4 answers
8. Вопрос по выпадающему меню

   Народ, если у кого-то будет желание, подскажите как исправить ошибки. За основу был взят шаблон выпадающего вертикального меню. Изменения в файл .js не вносились. 1. При открытии в браузере элементы выпадающего меню не скрыты. 2. В IE 6 при наведении на пункты меню последние не меняют цвет. Спасибо! Файлы здесь

   Asked by julie83, September 3, 2010

   0 votes
   3 answers
9. не работает z-index

   пытаюсь нарисовать вот такое - на фоне полупрозрачного заднего фона из нескольких дивов, должен выплыть #box, где-то над div4-div6 он СНОСИТ ВНИЗ дивы, куда бы я не прилепила #box, и чем только я его не пробовала, что делать? тестю в мазиле <style> #column0 {position:relative; z-index:1} #app { overflow: hidden; z-index:2; position:relative;} .d1 { float: left; width: 32%; z-index:2; position:relative; padding: 5px 7px; text-align:center; margin: 5px auto; line-height: 1.2; text-shadow: -1px -1px #666, 1px 1px #FFF; font-family: verdana,arial,sans-serif; font-size:14px; color:darkblue; } .d2 { margin-left: 34%; z-index:2; position:relative;} .d3 { floa…

   Asked by ыра, February 8, 2012

   0 votes
   6 answers
10. <div> и <p>

    Объясните в чем разница между тегами <div> и <p>.

    Asked by Noob32, June 13, 2012

    0 votes
    8 answers
11. Fixed 0 auto no-scroll

    Есть блок: position: fixed; margin:0 auto; width:1200px; height:59px; И ниже этого блока тело сайта. При сужении окна браузера до меньшей величины чем ширина сайта при горизонтальном скроле, скролится только тело сайта, а фиксед блок остается на месте прилипший к левой стороне. Подскажите что сделать что-бы этот блок скролился вместе с телом сайта.

    Asked by jontsk, May 27, 2014

    0 votes
    7 answers
12. CSS-спрайты

    Сделал такой пример. Локально во всех браузерах всё работает хорошо, но на JSFeddle сердечко скачет. В чём может быть дело? http://jsfiddle.net/webref/Lp9kzon3/

    Asked by Vlad, March 12, 2015

    0 votes
    17 answers
13. добавить еще один блок

    Всем привет Помогите отредактировать html файл. Я пытаюсь добавить еще один блок <div class="de"> <div class="den"> <div class="dene"> <div class="denem"> <div class="deneme"> 19<span>.0</span><strong>&deg;</strong> </div> </div> </div> </div> </div> Но этот блок не хочет становиться в одну строку. Скрытый текст <html> <head> <title>Temperatures</title> <link rel="stylesheet" type="text/css" href="./css/style.css" /> &l…

    Asked by viktor6, October 3, 2017

    0 votes
    5 answers
14. Как в HTML5 разбить страницу на фреймы с отдельной html страницей в каждом

    Здравствуйте! Надо на одной странице отобразить несколько страниц в разных частях в HTML5. Если надо в "top" поместить одну страницу на всю ширину, ниже сделать 2 страницы на одном уровне. Под ними поставить страницу "footer" на всю ширину. В общем как то так: В index.html <iframe src="top.html" name="top" style="border-style: none;width: 100%; height: 120px;"></iframe> <iframe src="menu.html" name="left" style="border-style: none;width: 20%; height: 500px;"></iframe> <iframe src="table.html" name="right" style="border-style: none;width: 79%; height: 500px;"></iframe> <iframe src="footer.html" name="footer" s…

    Asked by Nightingale81, June 26, 2018

    0 votes
    3 answers
15. Интерактивные элементы расположены слишком близко

    Может кто-то подскажет... Есть область под хлебные крошки между меню и записью. Вставляю с помощью кода слайдер на главную, все отлично, настраиваю слайдер адаптивный, все работает. Но, есть один момент, что проходит совсем немного времени и если зайти в search console гугла, то он начинает ругаться, что интерактивные элементы расположены слишком близко. Как решить такую проблему? Посмотреть можно по ссылке на сайт. Нужна помощь или совет, как решить или хотя бы направление в каком искать... спасибо

    Asked by Yankee, February 6, 2021

    • шрифт отступ
    0 votes
    1 answer
16. Съезжает закрывающий div

    Посмотрите, пожалуйста, где косяк идет? Съезжает закрывающий div. Делаю закругленные края у блока картинками. UPD: http://rolph.narod.ru/1.html. Sorry

    Asked by rolph, December 4, 2009

    0 votes
    9 answers
17. margin-top

    html код: <body> <div id="wrapper"> <div id="block"> <p>Супер текст</p> </div><!--#header--> </div><!--#wrapper--> </body> css код: #wrapper {margin: 0 auto; width: 800px;} #block {height: 150px; background: #009933;} #block p {text-align: center; font-size: 26px; margin-top: 20px; background:#0099FF;} Собственно вопрос: почему margin-top для "p" делает отступ от окна браузера, а не от блока #block.

    Asked by artylion, March 6, 2010

    0 votes
    5 answers
18. аналог box-shadow

    Здравствуйте мне нужно сделать тень в почтовом шаблоне, которая бы отображалась в gmail. box-shadow я так понимаю не работает. есть ли аналоги?

    Asked by Alekto, November 7, 2012

    0 votes
    1 answer
19. Вопросы по адаптивной верстке

    Добрый день, я первый раз делаю адаптивную верстку в связи с этим у меня возникают вопросы здесь моя верстка, часть я уже сделала 1. Подскажите как быть с каруселью где логотипы когда ресайзешь окно а потом делаешь на полное окно, они идут не по линии 2. И что с делать с верхней серой панелью, не могу ее растянуть на всю ширину макета, можно изначальный метод верстки не верный... но тогда я не рассчитывала что будет адаптивная верстка 3. Общее замечания заранее благодарна вот адаптивный дизайн:

    Asked by chiffenok, December 24, 2012

    0 votes
    6 answers
20. подскажите как заставить блоки располагаться в одну строку

    Здравствуйте! Возникла такая проблема. У меня в шапке сайта несколько блоков: лого, затем автарка, затем Имя+Баллы, кнопка "Моя страница", кнопка "Мой профиль" и ссылка "Контакты". При минимальном разрешении (меняю ширину браузера) кнопки "Моя страница" и "Мой профиль" съезжают вниз. То есть получается 2 строки. Вот как сделать, чтобы запретить перенос на новую строку? Код ниже: <div class="row"> <div style="padding-top:3em; padding-bottom: 4em;"> <div class="threecol"> <a href="/"><div class="logo"></div></a> </div> <div class="sevencol"> <div style="margin-left: 18px; float: left;"> <div style="width:36p…

    Asked by mrak, March 7, 2013

    • html
    • css
    0 votes
    1 answer
21. Гугл фонтс - их ошибка или фича браузера?

    http://jsfiddle.net/HLmmX/ В Вебките выглядит жирно, в мозилле - тонко. В чем проблема?

    Asked by Zverushka, November 19, 2013

    0 votes
    8 answers
22. Адаптивный дизайн в php

    Как в php коде можно сделать определение разрешения экрана? В php файле идет подсчет длинны блока. Выглядит это примерно так: $rating = $rating * 48;48 - это множитель размера стандартного блока, его надо как-то менять. То есть, это число должно меняться с размером экрана, от 16 до 128.

    Asked by alleclf, January 29, 2015

    0 votes
    5 answers
23. Сложная таблица средствами css

    Народ, подскажите пожалуйста, возможно ли сверстать такого типа таблицу средствами css? Простые таблицы мне понятны, а вот попалось посложнее и подвис.

    Asked by Archimboldo, August 18, 2016

    • таблицы css
    0 votes
    4 answers
24. Как сделать квадратный блок

    Помогите сделать квадратный блок с картинками внутри. Проблема в том, что размеры блока должны быть в процентах. Вот пример - http://jsfiddle.net/4cxgzp8t/7/ Вот так должно быть -

    Asked by alleclf, June 30, 2018

    0 votes
    8 answers
25. "Обрамление" iFrame картинками.

    Всем здрасти! Помогите, плз, кто знает: Нужно сделать рамку из рисунков вокруг айФрейма, а так же убрать рамку у самого фрейма. Есессно, за основу взял таблицу: <table> <tr> <td colspan="3"> <img src="img/code-top.png"> </td> </tr> <tr> <td> <img src="img/code-left.png"> </td> <td> <iframe src="banner.html" width="620" height="245" hspace="0" vspace="0" align="center"> Ваш браузер не поддерживает плавающие фреймы! </iframe> </td> <td> <img src="img/code-right.png" align="right"> </td> </tr> <tr> <td colspan="3"> <img src="img/code-bottom.png"> &lt…

    Asked by Psychologist, December 10, 2007

    0 votes
    2 answers