HTML Coding

29542 questions in this forum

1. Длинная страница

   Добрый всем вечер! Проблема с версткой одной страницы http://compass.webdevelopers.su/ - почему-то висит вниз до пола, и при уменьшении ширины страницы появляется полоса прокрутки, хотя заданная ширина 950 px. На других страницах не наблюдаю, шаблон везде одинаковый. К сожалению,в верстке весьма слаб, помогите, пожалуйста!

   Asked by Yust-os, December 4, 2013

   • футер
   0 votes
   4 answers
2. Кастомный радиобаттон Как правильно задать :hover и :focus?

   Здравствуйте, помогите разобраться, делаем кастомные радиобаттоны, скрываем те что по умолчанию, с помощью span рисуем новые (псевдокласс :before для состояния отмеченности), стилизуем поведение в разных состояниях, :hover :focus :checked Проблема в том что после задания стилей для :focus (которые передают обводку со скрытых радиобаттонов) эта обводка отображается не только после использования tab и нажатий с клавиатуры, но и при нажатии мышкой. В общем цель в том что-бы обводка от фокуса появлялась только при манипуляции с клавиатуры, а при нажатии с мыши и разных состояний (:hover :checked) ее не было , для них свои стили P. S. Изучаю пока-что HTML и CSS…

   Asked by plarfox, July 2, 2018

   • html css
   0 votes
   0 answers
3. Дивы в одну строку, выровненить по центру внешнего дива?

   Есть проблема. Имеется див, ширина которго "резиново" меняется от 1000px до 1160px; В него вложены 4 дива, с float: left и фиксированной высотой. Сейчас я указываю для 4-ех вложенных дивов еще и width. И получается что див-родитель масштабируется, в зависимости от размера браузера, а 4 вложенных приклеиваются к левому краю, а справа пустота. Задача такая. Без указания ширины для вложенных, выравнивать их по всей ширине дива родителя. Ибо не усложнать css expression, напишу код только под FF, сути не меняет. fsdfdsfsdf fsdfdsfsdf fsdfdsfsdf fsdfdsfsdf Какие предложения будут? Таблицы не вариант? Спасибо.

   Asked by BAV, March 7, 2008

   0 votes
   4 answers
4. Динамически изменяющийся маркер в списках

   Доброго времени суток, господа! Собственно по сабжу: можно ли сделать нечто подобное средствами CSS? Немного уточню: хотелось бы, что бы при наведении курсора на элемент списка, появлялся маркер, когда курсор уходит - маркер исчезает (примерно, как на qip.ru в главном меню). Хотелось бы обойтись БЕЗ js.

   Asked by UNIX, February 4, 2009

   0 votes
   5 answers
5. Пытаюсь понять семантику HTML5

   Всем привет, пытаясь понять теги семантической разметки HTML5 я сделал макет-статью, в которой попытался субъективно проанализировать спецификацию W3C. Мне интересно ваше мнение насчет моей трактовки. И как вы понимаете этот вопрос. Демо-страница находится здесь Целиком текст на форум не влазит, вот фрагмент: В этом макете-статье я пытаюсь разобраться с применением новых тегов разметки в HTML5. Все это исключительно мои субъективные выводы. Принимать ли вам на веру это, или перепрверить – решайте сами... Здесь я не буду рассказывать о новом функционале, сосредоточусь только на тегах семантических элементов типа: article, aside, canvas, details, figcaption, figure, footer…

   Asked by alexpop, July 23, 2011

   0 votes
   11 answers
6. класс для li

   Есть класс thumbs li { float:none; height:285px; width:284px; margin:0 0 5px 17px; background-image: url(/images/contentbg2.gif); display:inline; } Вставляю его на страницу <ul class="thumbs"> <li><p class="top"><span class="cat"><b>Категория </b></span>софт</p><div class="img"><img src="images/rand.jpg" alt=""></div></li> <ul> Изображение фона при этом не применяется, наличие его в папке проверял, параметр float работает. Пробовал просто background:url(/images/contentbg2.gif) не работает. Подскажите, в чем проблема.

   Asked by maxs, October 12, 2008

   0 votes
   5 answers
7. При прокрутке экрана часть цыфр стирается

   При прокрутке экрана часть цыфр стирается, подскажите пожалуйста в чем проблема, вот код фрагмента: <div id="headline"> <div class="newsblock"> <div class="val"> <div class="yes"> <div class="num"><a href="">96</a></div> </div> <div class="odobreno"><a href=""<img src="images/odobreno.gif"></a></div> </div> </div> </div> #headline { width:66.7%; float:left; background:#fff; padding:10px; font-size:1.05em; line-height:1.5em; margin:0; } #headline div.newsblock { width:'*'; height:110px; display:block; float:left; } #headline div…

   Asked by on-line, October 20, 2008

   0 votes
   6 answers
8. Помогите с отправкой письма новечку в деле

   Здравствуйте о великие гуру! Помогите с отправкой почты, на сайте имеется такая отправка: <form action="mail.php" method="post"> <div class="row"> <p style="text-align: center;">пункты отмеченные звездочкой обязательны к заполнению</p> <div class="col-sm-6"> <div class="form-group"> <input type="text" id="contact-name" name="contact-name" placeholder="Ваше Имя*" required /> …

   Asked by Seregka174, January 27, 2016

   • Отправка почты
   0 votes
   4 answers
9. !doctype Html Strict добовляет отступы

   Откуда взялся этот отступ? Вот код: Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> div#box1{ width:100px; height:100px; background-color:black; border:2px solid red; margin:0px; padding:0px; } img { margin:0px; padding:0px; border:0px; } </style> </head> <body> <div><img src="leftA.jpg" alt=""></div> <div id="box1"></div> </body> </html> Вот как это выглядит: http://a10vs1.fatal.ru/test/boxes2.html Если доктип поменять на переходный, то черный квадрат прил…

   Asked by cx717, March 9, 2008

   0 votes
   4 answers
10. height:100%-150px

    Здравствуйте, проблема в следующем: Блок тянется на 100% высоты, overflov для него задан auto ( когда контент в нем начинает привышать 100% высоты, появляется полоса прокрутки). Ниже этого блока расположен еще один, он фиксированной высоты (150px), он должен быть всегда прибит к низу. Задаю ему margin-top:-150px. В верхний блок кладу невидимый блок с высотой 160px, он играет роль искуственного отступа. Теперь, при появлении полосы прокрутки, нижний блок перекрывает полосу прокрутки верхнего, не контент, а именно полосу. Как же их состековать, чтобы верхний блок прилипал к границе нижнего?

    Asked by NikuZ, August 4, 2008

    0 votes
    2 answers
11. XML Events

    Что такое XML Events? Хотел бы разобраться. Пробывал курить мануал W3C по XML Events. Но он слишком тяжелый для меня - я такие не курю. А больше то инфы то и нет... Вопрос: Может кто приведет реально работающий простенький код с XML Events (только не надо кидать ссылки на xForms, пожалуйста), что бы был там XML/XHTML и вот этот XML Events и только?

    Asked by Bolmazov, October 29, 2008

    0 votes
    1 answer
12. Эффект перекатывания

    доброво времени суток, я только недавно стал изучать css и хотел на своем сайте применить эффект перекатывания(с помощью скрипта который я нашел на этом сайте),все работает только у меняпоблема у меня рисунки кнопок в jpeg и когда я первожу их в gif то ухудшается качество,а если ставить jpeg то браузер не отображает картинку Вот скрипт: <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title>Эффект перекатывания</title> <style type="text/css"> A.rollover { background: url('1.gif'); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 196px; /* Ширина р…

    Asked by Noks, January 11, 2009

    0 votes
    8 answers
13. Что лучше: шестнадцатеричное значение цвета или функция RGB?

    В каком формате лучше всего задавать значения цветов: в шестнадцатеричном или же как функцию RGB. То есть, вот так: body { background-color: #000000; } Или так: body { background-color: rgb(255, 255, 255); } Какой вариант предпочтительней?

    Asked by rug_1, March 11, 2009

    0 votes
    3 answers
14. Опять проблемы с IE.

    У меня такой вопрос: есть структура элемента: <div id="moscow" class='_menu_'> <a href="#">Москва</a> <b> </b> <ul class="sub"> <li>описание </li> </ul> </div> При наведение курсора на див появляется <ul>, а <b> (использовал как контейнер для картинки) меняет background. #moscow:hover b{ background:url("/img/blue.png") no-repeat; } Работает везде кроме IE. Может кто знает в чем проблема? я дурной или IE? p.s. Решение на jQuery просьба не предлагать, сделать на нем могу но принципиально хочется только на css.

    Asked by GeSTaM, September 17, 2010

    0 votes
    17 answers
15. Прижать footer к низу страницы

    Все добрый день, помогите пожалуйста сделать так чтобы футер оставался всегда внизу страницы, перебробовал разные варианты не получается, вот примерная структура страницы <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd"> <html> <head> <body> <div id="cont"> <div id="otziv"> <div id="main"> <div id="container"> <div id="footer"> </div> </div> </body> </html> CSS #cont { margin-left: -550px; position: relative; width: 1100px; } #otziv { background: url("../imgs/otziv.jpg") no-repeat scroll 0 0 transparent; float: left; hei…

    Asked by romanov, March 16, 2012

    0 votes
    15 answers
16. Chrome неверно отображает странницу

    страница отображается во всех браузерах правильно, кроме chrome: баннера перекрывают выпадающее меню что не так для chroma? вот ссылка на страницу http://centrpol.com.ua/index.html прин-скрин прикрепил: слева во всех брайзерах верно, справа в Хроме не верно

    Asked by siemens1111@yandex.ru, June 6, 2017

    • chrome
    • css
    • html
    • z-index
    0 votes
    2 answers
17. Помогите разобраться с кодом!

    <html> <style> .rtop, .rbottom{ display:block border: 1px solid black; } .rtop *, .rbottom *{ display: block; height: 1px; overflow: hidden; background:red; } .r1{ margin: 0 5px } .r2{ margin: 0 3px } .r3{ margin: 0 2px } .r4{ margin: 0 1px; height: 2px} </style> <div id="container"> <b class="rtop"> <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b> </b> <div style='background:red;'>yyyyy </div> <b class="rbottom"> <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b&…

    Asked by Alexsays, April 8, 2010

    0 votes
    11 answers
18. div по центру

    здравствуйте есть html: <div class="head"> <div class="left"></div> <div class="center"></div> <div class="right"></div> </div> и css: .head { overflow: hidden; } .left { float: left; } .right { float: right; } как сделать <div class="center"></div>, по центру блока head? margin: 0 auto; не помогает. спасибо

    Asked by vvsh, August 22, 2011

    0 votes
    8 answers
19. Не срабывает display: none в слайдере js

    Всем привет! Помогите, пожалуйста, найти ошибку в js. Почему-то не срабатывает display: none когда задумано скрыть первую картинку. btn_next.onclick = function () { images[i].style.display = 'none'; } Весь код здесь https://jsfiddle.net/Lx3qagdp/1/ Заранее спасибо!

    Asked by Алеся, October 13, 2021

    • js
    • java script
    • html
    • css
    0 votes
    4 answers
20. Проблема с атрибутом action

    Вопрос состоит в том, что нужно (и можно) задать в action. У меня форма, куда вводятся данные, и после того как нажат Submit, Браузер посылает Request на Server, а там этот Request анализируется в http-протоколе и посылается нужный ответ. То-есть данные формы ненадо никуда передавать, и поэтому нечего вводить в action. Я пока знаю две возможности: 1) написать action="" тогда получается, что данные просто никуда не посылаются, правильно? 2)Как это сделал Xilinx: В action стоит не адрес, а просто слово, которое http-протокол потом анализирует и выполняет что-то соответственно этому слову. Но у меня браузер воспринимает это слово как файл и пытается его найти. Обьясните…

    Asked by Ольга-Птица, January 7, 2009

    0 votes
    6 answers
21. какими тегами сейчас создают сайты ?

    Подскажите пожалуста! Какими из трех способов сайтостроительства, больше всего, сейчас используются вебмастерами: Фреймы, Таблицы или DIV ? Если ли еще какие-то способы, подскажите пожалуйста !

    Asked by МитяЙ, February 23, 2009

    0 votes
    9 answers
22. наследование прозрачности от родительского блока дочерним

    здравствуйте! есть родительский блок с opacity 0.6, но в нем находится еще блок, который занимает некоторое место от родительского блока и должен иметь opacity 1 у бекграунда, но opacity 0.6 у границы дочернего блока. как такое можно сделать? вот пример этого css (правда уже изрядно измученный): .menu { margin-left: 25%; width: 490px; overflow: hidden; border: 6px solid black; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE 5.5+*/ -moz-opacity: 0.6; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } .options { padding-left: 10%; padding-…

    Asked by helloworld, July 24, 2010

    0 votes
    3 answers
23. Адаптивный дизайн

    Разрабатываю адаптивный дизайн для сайт при помощи CSS3 Media Queries. Сайт будет прибывать в 3 состояниях: телефон, планшет и настольный компьютер. Для планшета дизайн отличается не только тем что он резиновый но и расположением и размерами некоторых элементов в виду того что для планшета желательны крупные размеры кнопок. В дизайне для компьютера расположение и размеры другие. В среднем экран настольного компьютера имеет ширину 1280 пикселей. А ширина экрана планшетов колеблется от 768(Apple iPad в вертикальном положении) до 1280(Galaxy Tab 10.1). Проблема возникает именно в этих размерах а именно в их пересечении. То есть стили для @media only screen and (min-width:7…

    Asked by Lednar94, August 30, 2011

    0 votes
    7 answers
24. Подскажите, как сделать фон (теги)

    Добрый вечер! Подскажите, пожалуйста, как сделать фон в таком макете. Т.е., как я понимаю, зелёный фон делается так: я делаю вертикальный срез в ФШ и растягиваю его на 100% по ширине, а вот как быть с центральной вставкой (кремовой)? Она должна одинаково смотреться на мониторах разного разрешения, т.е., быть железно по центру и отступать от краёв экрана на ** пикслей. Т.е, быть как бы "резиновой", чтобы выглядело одинаково со всех сторон. Если я просто вырежу её на отдельный слой в ФШ, размер там будет фиксированный, а это чревато лишними отступами по краям. Как это оформить и как лучше верстать такой макет, слоями или таблицей?

    Asked by turner12, November 23, 2011

    0 votes
    10 answers
25. Проблема с растягиванием сайдбара и контента к футеру

    Здравствуйте! Такая проблема при верстке слоями (блоками): хочу сделать страницу с хедером, двумя колонками (левый сайдбар и контент) и футером. Сделал чтобы футер был прижат к низу страницы при помощи вставки пустого блока в конце контента и притягиванием выше (на размер этого пустого блока) футера. С футером все хорошо, сидит поживает себе спокойно снизу страницы, НО сайдбар и контент растягиваться сами до футера никак не хотят (честно, перепробовал уже кучу всяких примеров из гугла, скачивал готовые шаблоны - ничего не помогает ) В теории все просто: необходимо сделать так, чтобы sidebar и content занимали все доступное место в блоке conteiner2.. есть мысля, что чере…

    Asked by Nerf74, June 11, 2012

    0 votes
    4 answers