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
-
XHTML и HTML
Всем привет. Почему такие крупные сайты как apple.com, vk.com, habrahabr.ru написаны на xhtml, а не на html. Хотя говорят что xhtml устарел. У него какое то премущество?
0 votes3 answers -
Помогите победить IE
Html верстка на компьютере во всех браузерах нормальная. Проверяла на IE Tester. А на http://my-test.tw1.ru/ уже почему то все элементы прижимаются к левому краю (все версии IE, кроме 10). У меня уже паника началась. Буду очень признательна, если найдутся добрые люди, знающие в чем может быть проблема. Ну помогите пожалуйста красивой девушке
0 votes3 answers -
Помогите реализовать
Помогите реализовать вот такой список. https://docs.google.com/file/d/0B0FrmfubxCOdZ1pXLUZCakVObzA/edit
0 votes3 answers -
выпадающий список, не могу понять как исправить
привет. Делаю выпадающий список в меню. Но не могу понять из-за чего я получаю вот такое и как это исправить? т.е. Когда я навожу мышь на Item3 появляется выпадающее меню, а Item4 съезжает вниз. но он находился то под Item1 <ul class='navigation_bar'> <li class='nb_item'><a href=''>Item 1</a></li> <li class='nb_item'><a href=''>Item 2</a></li> <li class='nb_item'> <a href='' onclick="alert(Python)">Item 3</a> <ul class='subitem'> <li><a href='' onclick="alert(1)">SubItem 1</a></li> <li><a href='' onclick="alert(2)">SubItem 2</a></li> …
0 votes2 answers -
проблема с боковой панелью!
Всем привет я новичек во всем этом подкажите почему когда нету текста боковая панель переползает на место текста как исправить? вот код css html, body { height: 100%; } body { margin: 0px; padding: 0px; background: #000000; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #878787; } h1, h2, h3 { margin: 0px; padding: 0px; text-transform: uppercase; font-family: 'Archivo Narrow', sans-serif; font-weight: normal; color: #101010; } h2 { padding-bottom: 30px; letter-spacing: -1px; font-size: 2em; } p, ol, ul { margin-top: 0px; } p { line-height: 180%; } strong { } a { color: #FE801C; } a:hover { text-decoration: none; } a img { border: none; } img.border { } …
0 votes1 answer -
"Всплывающие" элементы
Здравствуйте. Помогите пожалуйста понять почему при наведении курсора соседние блоки "прыгают" вниз (на ширину строки как я понял из практики меняя все местами, добавляя и удаляя элементы). http://freelesson.ru...cheb/matem.html ссылка на исходник там же. Как их зафиксировать или может страницу переверстать в более "красивом" исполнении и отображении. Может быть есть более "правильное" решение ... php не вариант так как хостинг бесплатный со всеми вытекающими последствиями. js сам по себе выглядит массивно и весит чуть ли не больше(если не больше) чем html.
0 votes2 answers -
Белое поле левее центрального блока
Есть заготовка вёрстки, в центре меню, надо сделать так, чтобы левее этого блока была белая полоса до края экрана, а правее не было. Я попытался сделать это ещё одним блоком под центральным, но не могу сделать так, чтобы он был на фоне, а не перекрывал его. http://jsfiddle.net/Tmin10/jcyQ4/
0 votes3 answers -
Видео с youtube на статичной странице
Есть такая проблема: на статичной html странице размещаю несколько видеороликов с youtube (около 10). Естественно, страница ооочень долго грузится. Как бы ускорить загрузку страницы? Может, вместо видеоплеера вставить скриншоты, а по клику на нем появляется всплывающее окно и в нем видео с youtube?
0 votes7 answers -
Сетка сайта
Стоит ли работать с сетками для создания сайтов начинающему? Например с системой 960 Grid, или есть нечто лучше?
0 votes6 answers -
Прокрутка в ячейке таблицы неизвестной высоты
Всем привет, табличная верстка, в нижнюю строку таблицы добавляются данные, необходимо, что бы при достижении высоты окна содержимое нижней строки прокручивалось (а в дальнейшем и перематывалось на конец, но пока и прокрутка не работает). Достаточно, что бы работало в Интернет-Эксплорерах (это интерфейс для Windows-скрипта, поэтому указывать DOCTYPE нет смысла). Спасибо! <head> <title>Untitled</title> <style type="text/css"> html, body { height:100%; margin:0px; padding:0px; overflow: hidden; } </style> </head> <body> <table border="2" style="width:100%; height:100%…
0 votes3 answers -
Насыщенность специальных символов
Что делать в этом случае?
0 votes2 answers -
Буковицы
Как реализовать, желательно через css? вот пример: http://www.l2dc.ru/l2about/
0 votes1 answer -
box-shadow проблемы в Опере
Добрый вечер. Суть проблемы, у меня есть div шириной 100%, снизу нужно сделать тень, в CSS дописал «box-shadow: 0 1px 5px #000000;» тень появилась, во всех браузерах все прекрасно работает, а в опере появилась горизонтальная полоса прокрутки. И справа немного видно тень. Прошу вашей помощи. Спасибо. html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link type="text/css" rel="stylesheet" hr…
0 votes2 answers -
Кто-то взломал мой сайт?
Заметила, что при переходе на мой сайт по ссылке из контакта, на страничке где был контакт выполняется редирект на казино, онлайн игры, порнуху и т.д... При переходе с самого сайта на другую страничку срабатывает не всегда, а вот если главную страничку открыть в виде кода, и перейти по ссылке на какую-то из внутренних страничек - срабатывает всегда, и снова вылазит злосчастное казино((( что делать? сайт http://aviles-finance.com/ на всякий случай страничка вконтакте http://vkontakte.ru/id12475349
0 votes2 answers -
прокрутка блоков в форме
не получается сделать прокрутку блоков как в работах прошедшего конкурса по вёрстке формы. страница. проблема в том, что каждый блок fieldset имеет определенную отличную высоту. если в моему случае задать родительскому блоку .wrap фиксированную высоту и overflow: hidden, то часть информации в дочерних блоках будет скрыта. помогите пожалуйста решить эту проблему средствами css.
0 votes3 answers -
Размер щрифта
Всем привет!! У меня есть макет в psd. Наткунулся на такую проблемку. 1) В psd размер шрифта 12pt Нужно ли переводить их в PX при верстке шаблона или писать просто 12px или (12pt = 16px) МАКЕТ ДЕЛАЮ ЭЛОСТИЧНЫЙ! что писать 12px или 16px если в фотошопе 12pt
0 votes4 answers -
высота изображения-ссылки
здравствуйте. подскажите, как победить проблему высоты изображения-ссылки. страница здесь http://uc.vitragestyle.ru/4pik/news.php?idnws=2 у ссылки display="block". изображению задаётся ширина в процентах. как я понимаю, браузер выставляет высоту автоматически. как указать высоту ссылки? без этого значения более-менее корректо отрисовывает страницу только firefox. в остальных браузерах не получается узнать высоту ссылки -> неизвестна высота блока галереи -> некорректна высота блока новости (учитывается только высота текста) -> неправильно задаётся положение футера (положение футера расчитывается с помощью js на основании размеров блоков)
0 votes6 answers -
HTML5
Всем привет. Захотелось мне соорудить сайт для самого себя, причем обязательно с использованием HTML5 тегов. Читаю-изучаю разнообразную информацию об использовании новых тегов для структуризации документа, но ее очень много и эта информация, порой, достаточно противоречива. Вкратце опишу основные элементы сайта: 1. Имя и слоган <header> <h1>Имя сайта</h1> <span>Слоган</span> </header> Имеет ли тут смысл использовать hgroup и обернуть слоган в h2? 2. Главное меню. Drupal добавляет к навигационным меню невидимые заголовки h2 (для скрин-ридеров), поэтому я обернул главное меню в section, чтобы создать отдельный раздел страницы 3. Стра…
0 votes1 answer -
наследовательность тени
Как установить наследовательность тени в этом примере: http://jsfiddle.net/ViES/VrhxC/ Если фон у блока прозрачный, тень видна, с бэкграундом - нет. можно ли наследовать, или нужно прописывать для каждого класса? И еще вопрос, можно ли пустить тень внутри <tr>
0 votes3 answers -
Как сделать так что бы
Напремере как здесь , линк с главной страницы ведет на середину дрогой страницы. Я хотел бы узнать как такого дибиться. Спасибо.
0 votes1 answer -
виделение соседних элементов списка по наведению курсора
Всем привет) помогите советом. Есть меню реализованное с помощью списка (ul), элементы меню разделяются вертикальными слешами ("|"). Необходимо при наведении на какой либо пункт меню (CATEGORYn) соседние разделители исчезали(сливались с фоном). Вот как это выглядит: http://codepen.io/kupas/pen/fvcuy конструкцию в HTML можно менять. заранее благодарю.
0 votes2 answers -
Фиксация div-а по вертикали
Всем доброго дня! Подскажите пожалуйста, возможно ли зафиксировать блок div с определенной длиной по вертикали, но в тоже время, чтобы он раздвигался в зависимости от контента внутри? Сейчас у меня если текста мало - то блок сужается: тЫц Если наоборот, текста много - то все нормально, блок раздвигается вниз на нужную длину. Стиль главного блока: #PostCenter { position: Static; background-image: url(/new_design/bg_post_2.png); display: block; background-repeat: repeat-y; width: 909px; float: right; } Стиль блока, в котором находится текст (т.е блок PostMsg у меня внутри блока PostCenter) #PostMsg { position: relative; display: block; width: 870px; float: l…
0 votes2 answers -
Модель блока
В книге Влада Мержевича на странице 115 "Вёрстка веб-страниц" модель блока описана следующим образом: "высота складывается из значений высоты контента (height), полей (padding), границ (border) и отступов (margin)". Когда приобрел книгу http://www.ozon.ru/context/detail/id/2468908/. то там обнаружил другие определения: отступы (padding), границы (border) и поля (margin). Вопрос, как правильно? По моему margin - переводится как "поле", а значит второй вариант.
0 votes8 answers -
Не работает выпадающее меню на CSS в IE8
Вот код HTML <ul class="menu"> <li class="item"> <a href="#">Пункт</a> <ul> <li class="sub_item"><a href="/?action=page1">Стр.1</a></li> <li class="sub_item"><a href="/?action=page2">Стр.2</a></li> </ul> </li> </ul> а вот код CSS .menu { font-family: Verdana, Calibri, Arial; font-size: 1.2em; padding: 0; margin: 0; width: 200px; position: absolute; top: 0; left: 0; z-index: 100; } .menu, .menu li, .menu ul { list-style: none; padding: 0; margin: 0; } .menu li { position: relative; z-index: 120; …
0 votes2 answers -
Страница с эффектом параллакс
Здравствуйте уважаемые форумчане! Помогите, пожалуйста, сделал, небольшую, страницу с эффектом параллакс на CSS3, все хорошо но в хроме и опере не хочет центрироваться, в остальных браузерах все нормально. Скажите что не так? Вот страница – http://www.web-verstka.com.ua/portfolio/parallax/
0 votes4 answers