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
-
не убирается бордер у object
подгружаю через object html страницу, border="0", в опере все ок, а в ие 6 он не убирается, подскажите как, плиз, поиск перерыл, ничего подходящего не нашел
0 votes17 answers -
Блоки наезжают друг на друга при просмотре со смартфона bootstrap
Верстаю для тренировки и пытаюсь сделать адаптивную версию, при просмотре с мобильных один блок наезжает на другой. Думала, что колонки в bootstrap автоматически сдвигаются одна за одной в мобильных версиях. перепробовала уже много чего и не могу понять в чем все-таки проблема. вот код: https://jsfiddle.net/6jgoewz5/ http://piccy.info/view3/12360772/8e3e730ee144105131409f09bbe3231f/ как можно исправить?
0 votes5 answers -
Выравнивание относительно центра
Дано: картинка (w=300;h=300) ссылки, расположенные вокруг картинки (поверх картинки). Надо: свертать страницу так, чтобы картинка была посередине окна (при любой ширине и высоте окна), и чтобы ссылки были жестко привязаны к данной картинке (при изменении размеров окна не съезжали относительно заданной картинки). Заранее спасибо.
0 votes11 answers -
Задание класса для Body
Возможно ли задать в css класс для тега Body? Задача реализовать различное графическое оформление для различных страниц сайта. Скажем, определение фона и шрифт для стандартного шаблона идет через класс ".body1", а для определенного диапазона страниц - через ".body2". Либо это делается как-то иначе?
0 votes5 answers -
input type="text" & background
Есть вот это: <input type="text" style="background: #fff url(images/search.gif) no-repeat; padding-left:22px;"> Как только вводимые данные перестают влезать в строку, то IE6 сдвигает картинку, а Opera отображает текст по верху картинки. В Firefox не проверял. Что в данном случае можно сделать? Или это можно считать нормально P.S. Первое что пришло в голову - это убрать у input рамку, а затем запихнуть это в div: - background не использовать для input; - поставить картинку и рядом с ней input; - из div сделать рамку какая была у input изначально Можно ли это сделать более проще?
0 votes4 answers -
margin-top у дива внутри другого дива
Здравствуйте. Столкнулся с такой непонятной проблемой, которая встречается во всех браузерах, за исключением IE6. Есть два вложенных дива, расположенных вверху страницы. Когда для внутреннего дива я задаю верхнее поле margin-top:20px; ,то внешний див смещается вниз. Это хорошо видно в Firebug. Не понятна логика такого поведения браузеров. Если есть margin у дива, расположенного внутри другого дива, то это должно означать, что должен быть отступ внутри внешнего дива. За внешний див, надо полагать, выйти никак невозможно. Как это можно исправить и в чём здесь ошибка? Как с помощью margin-top можно опустить текст "NAME OF SITE" ниже. padding-top я не рассматриваю, так как …
0 votes14 answers -
Не задается размер в 100% Div'у
HTML <div class="tr"> <div id="gradient1"></div> <div id="content">jlk df sfrvhjfukfrkfrykfrykkfrykfrykfykfjkfrykfryk </div> <div id="gradient2"></div> </div> CSS #gradient1{ width:150px; height:100%; background-image:URL(i/gradient1.jpg); background-repeat:repeat-y; float:left; } #content{ width:704px; height:100%; background-color:#53060e; float:left; } #gradient2{ width:149px; height:100%; background-image:URL(i/gradient2.jpg); background-repeat:repeat-y; float:left; } Это куски проблемного кода. При впечатывании текста в слой content, слои gradient1 и gradient2 не тянутся на height:100% по высоте родителя tr,…
0 votes12 answers -
Жирные цифры в ul
Добрый день! Возникла необходимость реализовать такой вот список: 1. Первый пункт 2. Второй пункт 3. Третий пункт Каким образом можно выделить цифры, и при этом не выделять текст. Пробовал так, не подходит: span {font-weight:normal;} <ul style="font-weight: bold"> <li><span>Первый пункт</span></li> <li><span>Второй пункт</span></li> <li><span>Третий пункт</span></li> </ul>
0 votes8 answers -
Как правильно указать основной язык html-документа?
Покопался по инету, достаточно мало ясных указаний как правильно указать "человеческий" язык (имеется ввиду "естественный" язык, такой как английский, русский, украинский и т.д.), на котором написан html-документ. Варианты: 1. Как параметр элемента html, пример: 2. В поле заголовка HTTP Content-Language, пример: 3. Или В чем отличие этих вариантов? На одном из сайтов прочел, что код страны нужно указывать после кода языка через точку. Я записал через тире ("uk-UA"), использовав в качестве примера html-документ созданный с посмощью Writer из пакета OpenOffice. Какой вариант следует использовать? Как указать основной язык средствами CSS?
0 votes7 answers -
не вставляется фон (css)
Всем привет! помогите! Уже несколько часов угробил, все равно не понимаю почему не получается вставить фон (background-image) в css файле. путь пишу правильно. картинку в упор не читает. но в html файле фон удачно выявляется. В чем может быть проблема? Спасибо за внимание. #home{background-image: url(C:\Users\Администратор\Desktop\scrolling\bg.png) center 0 repeat fixed; min-height: 1200px;height: 1000px;margin: 0 auto;width: 100%;max-width: 1920px;position: relative;} #home article{height: 458;position: absolute;text-align: center;top: 300px;width: 100%;}
0 votes9 answers -
DIV растягивается по всей ширине родителя
Добрый день, вдруг возникла такая проблема, DIV, находящийся в ячейке таблицы вдруг стал растягиваться по всей ширине ячейки, хотя содержимое DIV'а по ширине меньше. <td class="blog_type_td"> <div elem_id="8" onclick="click_type_or_tag(this)" class="blog_type" style="border-bottom: 1px dashed rgb(255, 102, 102); color: rgb(255, 102, 102);" color="ff6666">Раздел</div> <div elem_id="1" onclick="click_type_or_tag(this)" class="blog_type_tag">пункт 1</div> <div elem_id="2" onclick="click_type_or_tag(this)" class="blog_type_tag">пункт 2</div> <div elem_id="3" onclick="click_type_or_tag(this)" class="blog_typ…
0 votes4 answers -
ссылка в раскрывающийся список
как повесить ссылку на пункт меню в списке, обычном HTML списке (<input>)
0 votes17 answers -
Разреженный текст - как быть?
Есть русско-японский текст (конкретно - перевод японской Википедии с помощью Google Translate). Вот такой код <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8;charset=utf-8" /> </head> <body> Справка </body> </html> даёт разреженные русские буквы в Opera и FireFox. В IE нормально (хотя он наверное опять что-то игнорирует). Стоит убрать lang="ja", всё нормально. Как быть?
0 votes8 answers -
Можно ли как то отменить overflow hidden для определенного блока?
Сабж... http://screencloud.net/v/oRzM - скрин
0 votes4 answers -
Input Type=file И Изменение Названия Кнопки
Возможно RTFM вопрос, но никак не могу найти как поменять на кнопке надпись в <input type="file" name="fileLoad" id="fileLoad" /> c "Обзор" на что-то ещё.
0 votes2 answers -
форма с полями ввода в 2 колонки
Всем привет, В бутстрап верстке делаю форму с полями ввода в 2 колонки вроде : <div class="form-group col-sm-6"> <label class="col-sm-4 control-label">Id</label> <div class="col-sm-8"> <input type="text" name="id" id="id" class="form-control" value="26" size="8" maxlength="8" readonly=""> </div> </div> <div class="form-group col-sm-6 "> …
0 votes6 answers -
Вертикальный текст в таблицах
Здравствуйте, как вы знаете, в таблицах всегда текст записывается горизонтально. Но как его записать вертикально? Нельзя использовать ничего кроме css. Разумеется, текст может быть любой длины. Можно ведь повернуть на 90° текст? Спасибо огромное тому гению, что подскажет отгадку.
0 votes5 answers -
<ul> внутри <div>
Имеет ли смысл вкладывать списки ul,ol,menu внутрь diva? Если да, то в каких случаях это нужно делать, а в каких - нет?
0 votes11 answers -
Как склеить две стороны двух таблиц?
Всем здрасте. Заранее прошу меня извинить, если вопрос уже такой был, но я просто не знала по какому запросу мне его найти. Короче проблема следующая. МФ и Опреа не понимают padding-top:0 в .tb1. код: <html> <head> <title>mysite</title> <style type="text/css"> body{ margin:0; background:black; color:white; scrollbar-base-color:gray; min-width:1000px; max-width:1500px; padding-top:2%; padding-bottom:0; } .tb1 { margin:0; padding: 0px; background:black; border: 0px; color: wtite; width:100%; padding-top:0; } .tb2{ border: 4px solid red; width:200px; height:80%; } </style> </head…
0 votes14 answers -
Как корректно сдвинуть меню вправо. Валидатор ругаеться!
68 #ja-container2 ul.menu li li a Ошибка разбора align="right" Как корректно сдвинуть меню вправо. Валидатор ругаеться! Сайт http://oceanglasses.ru
0 votes10 answers -
Не пойму зачем учить SASS.(SCSS)
Пересмотрел несколько туторов и статей, но так и не понял какая от него польза. На выходе получается тот же CSS. Сложилось впечатление что это мода такая, чтобы добавить лишний пункт в резюме. Кардинального ускорения не заметил - пишут все тоже самое просто с другой иерархией. Объясните мне в чем прикол.
0 votes10 answers -
Не работает свойство z-index
На сайте http://ulskiy.org.ua/example/example.html блок с текстом должен лежать поверх двух картинок внизу страницы в коде прописываю .contentbody { width:60%; margin-left: 18%; margin-right: 18%; z-index:2; } .unit_contentbody{ margin-bottom: 35px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:small; z-index:2; } .img_contentbody { float:left; border:none; margin-right:10px; z-index:2; } .bttomheader { width: 100%; position:relative; min-width:1000px; z-index:1; } .bttomheaderleft { width: 259px; height: 290px; background: url(images/ver.2.3.1_19.gif) bottom left no-repeat; position:absolute; left:0px; bottom: 0px; z-index:1; } .b…
0 votes2 answers -
я понимаю что достал
Вот есть такой код <table style="text-align: left; width: 100%; height: 455px;" border="0" cellpadding="1" cellspacing="1"> <tbody> <tr> <td id="menu1"align="center" valign="top" <a href="index.php?categoryID=2" class="cat">автонавигаторы</a> <font class="olive">(15)</font> <ul> <li><a href=#</a></li> <li><a href=#</a></li> <li><a href=#</a></li> <li><a href=#</a></li> </ul> </div> </td> <td id="menu2" align="center" valign="top"<a hr…
0 votes24 answers -
Как сделать чтобы при нажатии input не вылезала клавиатура на мобильных устройствах?
У меня есть поле инпут с датой. При нажатии на него вылезает jquery календарь в котором выбирается дата. А на мобильном устройстве при нажатии вылезает клавиатура закрывая собой открывшийся календарь. Ка сделать так, чтобы клавиатура не вылезала при нажатии на этот инпут?
0 votes10 answers -
Вложенные формы
Подскажите варианты решения, чтобы следующий код корректно работал <form action=""> <table border="1"> <tr> <td>Первый</td> <td> <form action=""> <input type="radio" name="browser" value="nn">Netscape</input> <input type="radio" name="browser" value="ie">Internet Explorer</input> <input type="submit" name="submitbutton" value="Submit"> </form> </td> <td> <input type="checkbox" name="add" value="first" /> </td> </tr> <tr> <td>Второй</td> <td> <form action=""> <input type…
0 votes11 answers