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
-
Проблемы с плавающими блоками
Есть банальный 2-х колончатый шаблон. Вот собственно он: http://jsfiddle.net/ZF6mH/ Вот исходник: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Insert title here</title> <style type="text/css"> .l-wrapper { background-color: black; } .l-content { background-color: red; margin-left: 200px; } .l-sidebar { background-color: blue; float: left; width: 200px; } </style> </head> <body> <div class="l-wrapper">…
0 votes2 answers -
Фреймыи onclick
Здравствуйте) Можно ли сделать так, чтобы при клике по элементу с событием onclick изменения были в другом фрейме? Например у меня есть фрейм меню, и фрейм с контентом, и я кликнув по кнопке в меню с событием onlick хочу чтоб у меня div показался в фрейме контента
0 votes1 answer -
Встроенный браузер (HelpCenter) недоволен русскими буквами
Привет! Я не веб-программист!) Но мне видимо понадобится помощь такого рода. Буду писать все подробности, потому что не знаю что может пригодиться. Описание: Есть небольшая программа StencylWorks что-то типа "флэш и AS3 для самых маленьких". Подозреваю здесь не очень любят подобные программы , но речь не совсем о ней. В программу встроен простенький минибраузер. Центр Справки короче. Очень полезная штука. Файлы берет из специальной папочки StencylWorks\help\help\en\html\main . В корне этой папочки файл index.html (оглавление), а по адресу \StencylWorks\help\help\en\html также есть файл help.css. (Остальные html-странички с гайдами, уроками, описаниями разложены по папо…
0 votes2 answers -
Нужна помощь с img
В общем суть проблеммы такова: Вот путь к файлу: <img src="images/adverts/8/logo_889458.jpeg"/>, его браузеры не показывают, а когда этот же файл находится просто в папке <img src="images/logo_889458.jpeg"/>, то все нормально. Что делать? Заранее благодарен.
0 votes4 answers -
Резиновая вертска..
Решил впервые в жизни отведать резиновой верстки и вот что вышло ссылка И сразу же проблемы: - при сворачивании окна получается 2 колонки, которые налезают на футер. Как сделать, чтобы футер сдвигался вниз вместе с колонками ? - как сделать, чтобы логотип не наезжал на меню ? Спасибо.
0 votes2 answers -
Консультация в вёрстке
Как лучше сверстать окно чата, Внешний вид выглядящее как на рисунке, конкретно интересует та часть, где появляются сообщения, как реализовать полосу прокрутки? фреймсетом? и как поменять её внешний вид - системный элемент же.
0 votes1 answer -
Как создать gif анимацию
Добрый день всем! Не знаю в какой проге создать анимацию из нескольких фото, переходящих из одного в другое с эффектами в переходах. По типу видеопереходов в КиберЛинке или др. программах. Нужно просто создать главное фото на сайте с несколькими изображениями товара, переходящих из одного в другое. Спасибо! Жду помощи.
0 votes3 answers -
Проблема с отображением сайта в IE
Здравствуйте! Прошу помочь разобраться с возникшей проблемой отображения сайта в IE. Недавно заметил, что только этот непослушный гражданин напрочь отказывается красиво отображать сайт http://openprogs.info И сколько я не всматривался в исходник страницы, не смог обнаружить проблему. А между тем на сайт начали приходить люди и перед некоторыми из них (что с IE) мне становится стыдно ) Заранее благодарен.
0 votes1 answer -
Была маленькая, стала большая
Всем привет. Подскажите, как реализовать увеличение картинки при клике? Как тут справа
0 votes2 answers -
Верстка масштабируемых изображений
Здравствуйте! Задача: на сайте есть большое изображение, которое должно растягиваться на всю ширину экрана и при этом масштабироваться. Например, как сделано здесь: http://yokohama.progressionstudios.com/ Не могу разобраться, как это сделано. Это работает только на CSS, либо с помощью JS?
0 votes3 answers -
Почему не добавляется внутренняя рамка?
Здравствуйте. На странице пытаюсь задать дополнительную 1px рамку вокруг превьюшек согласно мануалу (там правда разбирается четверная рамка на псевдоэлементах). Не получается. В чем причина? На выходе должно быть так. вокруг фотки идет 1пикс рамка, вокруг которой 10пикс белое пространство, заканчивающееся той рамкой, что видна сейчас(оранжевая обводка+тень) P.S. Как на форуме давать ссылки, чтобы они не индексировались поисковиками?
0 votes3 answers -
hover
Доброго времени суток форумчане. Возникла следующая проблема. Как при наведении на картинку сделать вот такой вот эффект http://s004.radikal.ru/i207/1312/af/e2ecefa7e75d.png ? Что бы у картинки появлялся бордер и размытие. Пробовала просто при hover через background накладывать этот фон на картинку, но он ложился под нее.
0 votes3 answers -
Отображение сайта в IE черный экран
День добрый делаю сайт для своей семьи. Столкнулся с такой проблемой. Если открыть IE и зайти на страницу и кликнуть на любое слово то в EI появляется черный экран. Я разобрался что это из-за кнопки вверх. Вопрос почему в Google chrom, Mozila все работает хорошо а IE глючит и не показываються js скрипты? Мб это из-за того, что я не так поставил кнопку?? Так же появилась проблема c js скриптом Lightbox. Она тупа перестала работаьбь в IE. Как можно решить эти проблемы? Хотя в Mozila или Google все пашет на ура! http://petrarkaclub.ru/ норм пашет http://petrarkaclub.ru/proecti.html криво пашет
0 votes1 answer -
Нужна помощь по размещению блока
Вот есть такой блок :Красным обвел то, что хочу добавить. Там хочу сделать ссылки. Вид ссылок хочу взять из этого скрипта. Помогите, пожалуйста, разместить и сделать это все. Из скрипта только внешний вид ссылок с оверлэем. Я новичок и пока с css не дружу) Для меня это как-то пока что сложновато=)) Спасибо
0 votes1 answer -
Проблема с меню
Здравствуйте подскажите пожалуйста тут такая проблема с разделителями в меню при наведении они деваються. Нужно чтобы при наведении разделители не девались можна так сделать? вот пример
0 votes4 answers -
Блоки вразнобой и фон по наведению
Здравствуйте! Сверстал свою первую страницу. Результатом доволен, однако, есть пара проблем. Вот так выглядит макет: Проблема №1: Не могу допереть, как сделать оранжевый фон с картинкой READ MORE по наведению мыши? Проблема№2: Я запихнул блоки постов в отдельные вертикальные контейнеры, коих получается 3 штуки. Но потом я задумался, как же cms будет распределять куда их пихать? Правильней сделать чтобы в одном большом контейнере все эти блоки постов клались друг за другом, но при этом не зависели от высоты друг друга. Как это можно реализовать? Или как правильно реализовывать вот такие блоки?
0 votes3 answers -
как сделать такое меню
Добрый день.Я приактикующий начинающий верстальщик , сейчас для практики делаю такой шаблон http://s017.radikal.ru/i429/1505/e1/04f7b023183b.png Подскажите плиз кто знает , как сделать такое выпадающее меню как в макете , у меня что то оно не скрывается , хотя пробовал ставить visible hidden добавлю код который я уже написал: html <DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link href="css/bootstrap.css" rel="stylesheet" type="text/css"><link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css"><link href="css/custom.css" rel="stylesheet" typ…
0 votes3 answers -
Приоритет наложение слоёв
Свойство z-index как правило применяется только исключительно к позиционированным элементам (relative, absolute, fixed и т. д.) Вот есть элемент Р и Н1, Р находится под Н1 потому что у Н1 задан приоритет слоя z-index:2; Далее у Р есть вложенный элемент EM у которого z-index ещё больше чем у H1, но так как ЕМ не позиционированный он не должен налаживаться на Н1 но, если его контейнеру Р присвоить display:flex; так ЕМ сразу начинает налаживаться на H1. Почему такое поведение?
0 votes3 answers -
Добавление картинок
всем привет! подскажите пожалуйста, мне нужно добавить много картинок(штук 200+/-) на сайт, может есть способ добавить все сразу а не по одной? такой план: http://htmlbook.ru/faq/kak-razmestit-neskolko-kartinok-ryadom-po-gorizontali только в разы больше фоток.
0 votes2 answers -
DOCTYPE меняет отображение страницы
Доброго времени суток! Помогите, пожалуйста, решить следующую проблему. Есть HTML5-код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>DOCTYPE</title> <style type="text/css"> table, tr, td { margin: 0px; padding: 0px; border: 1px solid black; border-collapse: collapse; border-spacing: 0px; } </style> </head> <body> <table> <tr> <td> <img src="image.jpg"> </td> </tr> </table> </body> </html> Проблема заключается в том, что в документе с доктайпом HTML5,HTML4 Strict или XHT…
0 votes2 answers -
overflow
В css использую overflow: auto; когда к картинке в <div> добавляю этот Overflow все работает но стоит картинке указать атрибут align, то Overflow перестает работать как надо. он работает как Overflow: hidden;
0 votes1 answer -
подключить шрифт
здравствуйте подключил русский шрифт а он на английских буквах отображается нормально а на русских ничего непоменялось - в чем может буть проблема?
0 votes1 answer -
Создание панели текста?
Как делаются такие панели для текста
0 votes2 answers -
margin-top производит не тот еффект, который должен
Добрый всем вечер. Помогите, лыжи уже совсем не едут... Задавая отступ сверху или снизу, выходит что происходит не отступ дочернего элемента от родительского, а отступ родителя от прародителя <body> <div class="content_bg_all"> <div class="content_bg"> </div> </div> </body> .content_bg_all{width:950px; margin:0 auto; background:url("../images/px_topmenu.png") repeat;} .content_bg{width:910px; margin:20px auto; background:#fff;}
0 votes2 answers -
Разница в позиционировании
Здравствуйте! У меня такой вопрос: есть ли принципиальная разница в позиционировании или это зависит только от того, кому как удобно? К примеру c absolute у меня получается намного лучше чем c relative.
0 votes3 answers