HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Длинная страница
Добрый всем вечер! Проблема с версткой одной страницы http://compass.webdevelopers.su/ - почему-то висит вниз до пола, и при уменьшении ширины страницы появляется полоса прокрутки, хотя заданная ширина 950 px. На других страницах не наблюдаю, шаблон везде одинаковый. К сожалению,в верстке весьма слаб, помогите, пожалуйста!
0 votes4 answers -
Кастомный радиобаттон Как правильно задать :hover и :focus?
Здравствуйте, помогите разобраться, делаем кастомные радиобаттоны, скрываем те что по умолчанию, с помощью span рисуем новые (псевдокласс :before для состояния отмеченности), стилизуем поведение в разных состояниях, :hover :focus :checked Проблема в том что после задания стилей для :focus (которые передают обводку со скрытых радиобаттонов) эта обводка отображается не только после использования tab и нажатий с клавиатуры, но и при нажатии мышкой. В общем цель в том что-бы обводка от фокуса появлялась только при манипуляции с клавиатуры, а при нажатии с мыши и разных состояний (:hover :checked) ее не было , для них свои стили P. S. Изучаю пока-что HTML и CSS…
0 votes0 answers -
Дивы в одну строку, выровненить по центру внешнего дива?
Есть проблема. Имеется див, ширина которго "резиново" меняется от 1000px до 1160px; В него вложены 4 дива, с float: left и фиксированной высотой. Сейчас я указываю для 4-ех вложенных дивов еще и width. И получается что див-родитель масштабируется, в зависимости от размера браузера, а 4 вложенных приклеиваются к левому краю, а справа пустота. Задача такая. Без указания ширины для вложенных, выравнивать их по всей ширине дива родителя. Ибо не усложнать css expression, напишу код только под FF, сути не меняет. fsdfdsfsdf fsdfdsfsdf fsdfdsfsdf fsdfdsfsdf Какие предложения будут? Таблицы не вариант? Спасибо.
0 votes4 answers -
Динамически изменяющийся маркер в списках
Доброго времени суток, господа! Собственно по сабжу: можно ли сделать нечто подобное средствами CSS? Немного уточню: хотелось бы, что бы при наведении курсора на элемент списка, появлялся маркер, когда курсор уходит - маркер исчезает (примерно, как на qip.ru в главном меню). Хотелось бы обойтись БЕЗ js.
0 votes5 answers -
Пытаюсь понять семантику HTML5
Всем привет, пытаясь понять теги семантической разметки HTML5 я сделал макет-статью, в которой попытался субъективно проанализировать спецификацию W3C. Мне интересно ваше мнение насчет моей трактовки. И как вы понимаете этот вопрос. Демо-страница находится здесь Целиком текст на форум не влазит, вот фрагмент: В этом макете-статье я пытаюсь разобраться с применением новых тегов разметки в HTML5. Все это исключительно мои субъективные выводы. Принимать ли вам на веру это, или перепрверить – решайте сами... Здесь я не буду рассказывать о новом функционале, сосредоточусь только на тегах семантических элементов типа: article, aside, canvas, details, figcaption, figure, footer…
0 votes11 answers -
класс для 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) не работает. Подскажите, в чем проблема.
0 votes5 answers -
При прокрутке экрана часть цыфр стирается
При прокрутке экрана часть цыфр стирается, подскажите пожалуйста в чем проблема, вот код фрагмента: <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…
0 votes6 answers -
Помогите с отправкой письма новечку в деле
Здравствуйте о великие гуру! Помогите с отправкой почты, на сайте имеется такая отправка: <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 /> …
0 votes4 answers -
!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 Если доктип поменять на переходный, то черный квадрат прил…
0 votes4 answers -
height:100%-150px
Здравствуйте, проблема в следующем: Блок тянется на 100% высоты, overflov для него задан auto ( когда контент в нем начинает привышать 100% высоты, появляется полоса прокрутки). Ниже этого блока расположен еще один, он фиксированной высоты (150px), он должен быть всегда прибит к низу. Задаю ему margin-top:-150px. В верхний блок кладу невидимый блок с высотой 160px, он играет роль искуственного отступа. Теперь, при появлении полосы прокрутки, нижний блок перекрывает полосу прокрутки верхнего, не контент, а именно полосу. Как же их состековать, чтобы верхний блок прилипал к границе нижнего?
0 votes2 answers -
XML Events
Что такое XML Events? Хотел бы разобраться. Пробывал курить мануал W3C по XML Events. Но он слишком тяжелый для меня - я такие не курю. А больше то инфы то и нет... Вопрос: Может кто приведет реально работающий простенький код с XML Events (только не надо кидать ссылки на xForms, пожалуйста), что бы был там XML/XHTML и вот этот XML Events и только?
0 votes1 answer -
Эффект перекатывания
доброво времени суток, я только недавно стал изучать 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; /* Ширина р…
0 votes8 answers -
Что лучше: шестнадцатеричное значение цвета или функция RGB?
В каком формате лучше всего задавать значения цветов: в шестнадцатеричном или же как функцию RGB. То есть, вот так: body { background-color: #000000; } Или так: body { background-color: rgb(255, 255, 255); } Какой вариант предпочтительней?
0 votes3 answers -
Опять проблемы с 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.
0 votes17 answers -
Прижать 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…
0 votes15 answers -
Chrome неверно отображает странницу
страница отображается во всех браузерах правильно, кроме chrome: баннера перекрывают выпадающее меню что не так для chroma? вот ссылка на страницу http://centrpol.com.ua/index.html прин-скрин прикрепил: слева во всех брайзерах верно, справа в Хроме не верно
0 votes2 answers -
Помогите разобраться с кодом!
<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&…
0 votes11 answers -
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; не помогает. спасибо
0 votes8 answers -
Не срабывает display: none в слайдере js
Всем привет! Помогите, пожалуйста, найти ошибку в js. Почему-то не срабатывает display: none когда задумано скрыть первую картинку. btn_next.onclick = function () { images[i].style.display = 'none'; } Весь код здесь https://jsfiddle.net/Lx3qagdp/1/ Заранее спасибо!
0 votes4 answers -
Проблема с атрибутом action
Вопрос состоит в том, что нужно (и можно) задать в action. У меня форма, куда вводятся данные, и после того как нажат Submit, Браузер посылает Request на Server, а там этот Request анализируется в http-протоколе и посылается нужный ответ. То-есть данные формы ненадо никуда передавать, и поэтому нечего вводить в action. Я пока знаю две возможности: 1) написать action="" тогда получается, что данные просто никуда не посылаются, правильно? 2)Как это сделал Xilinx: В action стоит не адрес, а просто слово, которое http-протокол потом анализирует и выполняет что-то соответственно этому слову. Но у меня браузер воспринимает это слово как файл и пытается его найти. Обьясните…
0 votes6 answers -
какими тегами сейчас создают сайты ?
Подскажите пожалуста! Какими из трех способов сайтостроительства, больше всего, сейчас используются вебмастерами: Фреймы, Таблицы или DIV ? Если ли еще какие-то способы, подскажите пожалуйста !
0 votes9 answers -
наследование прозрачности от родительского блока дочерним
здравствуйте! есть родительский блок с 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-…
0 votes3 answers -
Адаптивный дизайн
Разрабатываю адаптивный дизайн для сайт при помощи CSS3 Media Queries. Сайт будет прибывать в 3 состояниях: телефон, планшет и настольный компьютер. Для планшета дизайн отличается не только тем что он резиновый но и расположением и размерами некоторых элементов в виду того что для планшета желательны крупные размеры кнопок. В дизайне для компьютера расположение и размеры другие. В среднем экран настольного компьютера имеет ширину 1280 пикселей. А ширина экрана планшетов колеблется от 768(Apple iPad в вертикальном положении) до 1280(Galaxy Tab 10.1). Проблема возникает именно в этих размерах а именно в их пересечении. То есть стили для @media only screen and (min-width:7…
0 votes7 answers -
Подскажите, как сделать фон (теги)
Добрый вечер! Подскажите, пожалуйста, как сделать фон в таком макете. Т.е., как я понимаю, зелёный фон делается так: я делаю вертикальный срез в ФШ и растягиваю его на 100% по ширине, а вот как быть с центральной вставкой (кремовой)? Она должна одинаково смотреться на мониторах разного разрешения, т.е., быть железно по центру и отступать от краёв экрана на ** пикслей. Т.е, быть как бы "резиновой", чтобы выглядело одинаково со всех сторон. Если я просто вырежу её на отдельный слой в ФШ, размер там будет фиксированный, а это чревато лишними отступами по краям. Как это оформить и как лучше верстать такой макет, слоями или таблицей?
0 votes10 answers -
Проблема с растягиванием сайдбара и контента к футеру
Здравствуйте! Такая проблема при верстке слоями (блоками): хочу сделать страницу с хедером, двумя колонками (левый сайдбар и контент) и футером. Сделал чтобы футер был прижат к низу страницы при помощи вставки пустого блока в конце контента и притягиванием выше (на размер этого пустого блока) футера. С футером все хорошо, сидит поживает себе спокойно снизу страницы, НО сайдбар и контент растягиваться сами до футера никак не хотят (честно, перепробовал уже кучу всяких примеров из гугла, скачивал готовые шаблоны - ничего не помогает ) В теории все просто: необходимо сделать так, чтобы sidebar и content занимали все доступное место в блоке conteiner2.. есть мысля, что чере…
0 votes4 answers