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
-
Если определ?н DOCTYPE, то не работает overflow:hidden (в IE)...
Пытаюсь сделать меню так, чтоб при наведение курсора мыши всплывал снизу див, который типа спрятан посредством свойства overflow: hidden у родительского дива. Вс? ништяк кроме ИЕ (в принципе как всегда:/) Заметил такой прикол: если убрать DOCTYPE, работает, но тогда центральный главный div сносится влево, так как margin: 0px auto, больше не работает. Это, конечно, меньшая проблема, но хотелось бы решить первую и оставить DOCTYPE. Код привед?н ниже. Может кто знает, в ч?м прикол? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>[[''TITLE'']]</title> <style …
0 votes4 answers -
Ширина списка в Chrome, Опере
Я установил ширину списка style="width:210", но при раскрытии списка всё равно сам список не обрезается, а только строка раскрывающаяся. Причём в IE8 они почему то равны =), строка и и сам список, как бы сделать то же самое в опере. Посмотреть можно тут http://www.crocustours.ru/to_travel_agencies.html, справа "быстрый поиск тура", поле "гостиница".
0 votes16 answers -
Как установить блок в правый верхний угол <body> ?
Как установить блок в правый верхний угол <body> ? Это по клику у меня будет появляться блок в правом верхнем углу c сообщением. Подскажите какие CSS данные нужно добавить в <div></div> ? Оказывается по спешке написал вместо нуля букву "о" Вот решение <div class="alert alert-success" style="position:absolute; top:0px; right:0px"> <button class="close" data-dismiss="alert">?</button> Сообщение отправлено. </div>
0 votes1 answer -
Bootstrap и twitter bootstrap
Здравствуйте! Я не пойму, а что bootstrap и twitter bootstrap -- это две разные вещи? (если что, bootstrap -- только недавно начала изучать)
0 votes16 answers -
Плавающее меню, с фиксацией вверху
не получается сделать вот такое фиксирующее меню, чтобы при пролистывании меню поднималось вверх и там фиксировалось вот пример сайта http://mattweb.ru/demo/fixed_menu/ в прикрепленных мои файлы float.html float.css
0 votes9 answers -
Неправильное позиционирование в IE6.0
<html> <head> <title>Lifestyle</title> <style type="text/css" media="all"> body, html {height:100%; width:100%; margin:0px; padding:0px} a{text-decoration:none;} </style> <script> var potkat1_visible=false; function show_potkat1(){ if (potkat1_visible==false){ document.getElementById('potkat1').style.display='inline-block'; potkat1_visible=true; } else {document.getElementById('potkat1').style.display='none'; potkat1_visible=false;} } function hide_potkat1(){ document.getElementById('potkat1').style.display='none'; potkat1_visible=false; } </script> </head> <body> <!-- Таблица главная !-->…
0 votes5 answers -
Клоны меню и текста на другие страцици
Ребята я незнаю как правельно сформировать вопрос.. каждый сайт есть кнопки например: Главная Кантакты ..... так же есть такие элементы котрые будут на каждой странице одни и тежее папример: возмем HTMLBOOK.RU этот логотив одинаков на каждой страницу как сделать так что бы если нужно мне допустим что то изминить оно клонировалась на все другие страницы? может я как то не так обьяснил извиняюсь туговато мне идет все это дело ..... и еще мне нужно что бы это все было HTML то сервер непотдерживает PHP
0 votes9 answers -
Вертикальное выравнивание
Добрый день! Никак не могу справиться с вертикальным выравниванием. Есть меню из дивов в списке. В дивах как картинки, так и текст. Одно из картинок выше других. У меня выравнивается по верхней границе, а нужно по нижней. HTML <div id="header_img"> <ul id="categories_img"> <li><a href="#"><div><img src="../About_l.png" width="175" height="100" /></div>Contacts</a></li> <li><a href="#"><div><img src="../Cable_pic.png" width="350" height="200" /></div>Cable</a></li> <li><a href="#"><div><img src="../Sound_pic_l.png" width="175" height="100" /></…
0 votes12 answers -
нужна критика
Табличную верстку я знаю хорошо, а вот с блочной дела пока плохо обстоят, просьба, прокомментировать мой код. В хроме и ФФ ображается все правильно, но наверняка есть какие-то подводные камни о которых мне пока не известно... и еще вопрос как заставить работать с ним IE? <html> <head> <title>1234567890-09876543234567890-987654</title> <style type="text/css"> a { color:#FFF; text-decoration:underline } a:hover { color:#FFF; text-decoration:none } #menu { border-radius:10px; margin-left:40px; text-decoration:none; width:334px } #menutable { background:url(images/menu.png) #FB9338; font-family:verdana; font-size:12px; padding-left:20px; wid…
0 votes12 answers -
Обводка текста и тень к нему
Здравствуйте. Появились ли в CSS средства для обводки контуров текста отдельным цветом и придания тени по форме букв?(см.рис.)
0 votes5 answers -
фиксирование высоты таблицы
Нужно сделать так, чтобы при увеличении текста(Ctrl++) табличка не меняла своей высоты. Есть способ: добавить в отдельные ячейки табицы, другую табицу , но так как у меня достаточно много ячеек, то код получится ОГРОМНЫМ! Если кто знает как решить эту проблему или знает другой способ фиксации таблиц по высоте, пишите.
0 votes1 answer -
проблема со списком
подскажите, пожалуйста, следующее: как начать нумерованный список с определенного числа не пользуюсь при этом параметром value и start, т.к. верстаю стрикт, а валидатор не хочет это все дело воспринимать. Есть ли аналог в CSS?
0 votes7 answers -
с чего начинать новичку
Доброго времени суток! Вот решил начать изучать HTML и CSS, но пока не знаю, с чего начать: просто тупо учить тэги и их назначение или же изучать код уже созданных в инете страниц пытаясь понять структуру? И создавать код в блокноте или же в программах вроде Dreamweaver? Подскажите плиз.
0 votes7 answers -
несколько слов равномерно растянуть по горизонтали
подбросьте пожалуйста идею как можно с помощью CSS несколько коротких кусков текста равномерно расположить по горизонтали. то есть все они должны быть в одной строке. расстояние между ними одинаковое. при уменьшении окна браузера пустые места между кусками текста уменьшаются. количество кусков текста разное. от 3 до 7 в среднем... мне не готовый код нужен, а только идея. хотя коду тоже буду рад заранее спасибо ps так же интересен вариант когда при уменьшении окна браузера расстояние между кусками текста не изменяется
0 votes8 answers -
тег abbr и IE6
Тег abbr в IE6 не поддерживается, стили для него тоже не принимаются. Но вроде как есть решение - надо в стилях писать html\:abbr. Проверил - не работает. Но на всякий случай желательно проверить. У кого есть IE6 посмотрите, подчеркивается текст или нет? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тег ABBR</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> HTML\:ABBR, ABBR { border-bottom: 1px dashed red; /* Пунктирное подчеркивание текста */ color: #000080; /* Темно-синий цвет текста */ } &…
0 votes9 answers -
Условное форматирование для IE
Подскажите плиз кто знает: насколько правильным с точки зрения валидности, и просто правильности кода является использование условного форматирования для IE6? Является ли использование условного форматирования нормальным для борьбы с багами IE6 и IE7, или из любой ситуации можно всётаки выкрутится без его использования?
0 votes6 answers -
коробка подсветки кода - overflow scroll
всем здасте. здесь код. если кто делал что-то пожожее - подскажите. в гагле искал не тщательно - завтра попробую, если за ночь кто-нить не подскажит. мне не впадлу, да времени не много -использую все варианты. интересуют момнеты: можно ли убрать горизонтальные прокрутки стилизовать вертикальную прокрутку сделать отступ сверху равным нулю. сейчас он есть за счет top = 3px, подругому у меня при прокрутки двигалась тень что вверху вверху всем заранее СПС.
0 votes9 answers -
рамка вокруг фото в постах
Тема wordpress "Default", искала на форумах, есть статьи только о создании одной рамки. Нужна двойная рамка разных цветов для фотографий в постах, как на фото, т.е. белая широкая и тонкая по краям. данные файла css: p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } a img { border: none; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-…
0 votes9 answers -
<input> vs <a>
http://clip2net.com/s/1RRlj Обычная кнопочка может быть выполнена кликабельной через <a> или через <input>. Верстка чуть проще на <a>. А принципиально ли это для дальнейшей работы программистов?
0 votes14 answers -
Обратная связь
Всем привет. Допустим нужно сверстать landing page.ОК. Ты его полностью сверстал но там есть обратная связь или кнопка сделать заказ. Как сделать там чтобы при обратной связи или при любой действии подобном, на почту приходило письмо? я пробовал через функцию mail() в php, но там проблемы с кодировками есть. Я не силен в таких вопросах. Что делать в таких ситуациях, может скрипты есть готовые какие нибудь или сервисы?
0 votes3 answers -
Назойливая реклама в шапке сайта
Используя плагин юблок в хроме, не могу отредактировать/скрыть шапку с рекламой, уж очень она большая, после тега <body> идет вставка <rn4ektoe3p> что эта за хрень я не понимаю, причем она каждый раз генерируется по-новой, так что зацепиться не получается, включая body :first-child . Что с этим можно сделать? Скрытый текст <rn4ektoe3p><rcqqqlgy0i><style>.traforet-br-logo { background: url(data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAAAeCAYAAAB+HcFlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5U…
0 votes9 answers -
Validator.w3.org
значит парни вот такие ошибки Прошу помощи Data Life Engine 7.3 (лицензия) Result: 1 Error Address: Encoding: windows-1251 Doctype: XHTML 1.0 Transitional Root Element: html Root Namespace: http://www.w3.org/1999/xhtmll Line 80, Column 22: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag . <p><div id='news-id-4'>Текст ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing eleme…
0 votes6 answers -
Как задать жеские рамки растяжения таблицы?
Имеются 2е ячейки: одна с навигацией, другая с погружаемым контентом. Ширина первой задана жестко (в пикселях), ширина второй - процентно. Соответственно, когда я уменьшаю-растягиваю окно браузера, первая ячека не меняет своих размеров, а вторая сужается-растягивается. проблема в том, что мне нужно, чтобы вторая ячека сужалась до нужного мне лимита, допустим 400px, и растягивалась(если открывать сайт на мониторе с большим разрешением) тоже до определенного лимита, допусним 1500px. Как это сделать?
0 votes3 answers -
Нестандартная верстка
Добрый вечер. Во время верстки учебного макета, столкнулся с трудностью. Имеется фиксированный блок. Отцентрированный (margin: 0 auto;). Размер блока 900px; Все бы ничего. Но справа, к шапке тянется рука, держит визитку. Размер руки за пределами блока 270px; С самой версткой вопросов нет. Но вот как можно прикрутить руку, что бы основной блок оставался в центре, при любом разрешении и рука прилегала к правому краю. И была видна в зависимости от разрешения. Готового решения не смог найти. А моих знаний не достаточно для реализации. Есть идеи ?
0 votes6 answers -
Не отображаются бордеры. В чем проблема?
Привет, ребят! У меня прописанные бордеры не отображаются, подскажите в чем проблема. Код представлен ниже: <!DOCTYPE HTML> <html lang="ru-RU"> <head> <title>untitled</title> <meta charset="UTF-8"> <style type="text/css"> html, body {margin: 0;} .top-left { position: absolute; top: 0px; left: 0px; background-color: black; height: 300px; width: 300px; border-right: 2px dashed #ECE8E2; border-bottom: 2px dashed #ECE8E2; } .top-middle { position: absolute; top: 0px; left: 300px; background-color: black; height: 300px; width: 300px; border-right: 2px dash…
0 votes4 answers