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
-
div с фиксированной высотой, нужно сделать футер
есть div с фиксированными высотой и шириной. внутри 3 дива - заголовок, контент, футер. <div class="container"> <div class="header"> title </div> <div class="content"> item content </div> <div class="footer"> toolbar </div> </div> нужно сделать, чтобы футер был снизу, а контент занимал все свободное пространство между заголовком и футером. прижал футер к низу так: .container{ position:relative; } .footer{ position: absolute; bottom: 0; } но с контентом не могу сообразить как.. upd забыл один важный момент: div с контентом должен быть с overflow:hidden. т.е. содержимое дива не должно растягивать див-контейнер.
0 votes3 answers -
Ошибка 403 Access forbidden!
Всем привет, буду краток делаю сайт на openserver. Нужно было в хедер вывести логотип сайта. Воспользовался <img> при загрузке сайта картинка не выводится, вместо нее только содержание alt, когда смотрю в код элемента, там где ошибки написано не удалось загрузить изображение (Ошибка 403 Access forbidden!) позже выяснилось что вообще любые картинки не показываются из за этой ошибки при переходе по ссылке на изображение: права на папки не менял, поскольку в windows не знаю как, да и нельзя вроде как Сайт на dle и в других шаблонах все картинки выводятся, но в моём нет. В чем может быть дело?
0 votes2 answers -
Вертикальное выравнивание по центру
Есть div. в нем картинка. нужно сделать что бы эта картинка была по центру дива в котором она находится. <!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> <title>vo4tap</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Keywords" content="vo4tap" /> <style type="text/css"> html, body {pading:0; margin:0; background-color:#000000; height:100%; position:relative; } img {border:0;} #all {min-height:100%; text-align:center; background:#f2ddc6;} </style> </head> <b…
0 votes25 answers -
Наследование CSS элементарная ошибка, но где?
Добрый день. Возникла ошибка: на ровном месте. Вероятно что-то не так понимаю в наследовании CSS. Архив с примером (html+css) Вобщем указываю для <body> размер шрифта 12px, но внутри таблицы td он не наследуется и использует 16px непонятно откуда взятый (возможно по-умолчанию браузера?) Помогите пожалуйста новичку!
0 votes7 answers -
Текст внутри div-a
Здравствуйте. Только начинаю использовать css, никак не могу разобраться в следующем: есть div, в нем находится текст. Div произвольной ширины. Как сделать так, чтобы текст не вылезал за границы div-a, а переносился на следующую строку? P.S. Если непонятно объяснил - скажите.
0 votes3 answers -
Проблема: отображение шрифта в сафари
Здравствуйте! Столкнулся с проблемой, Во всех браузерах смотрится подключенный шрифт нормально, а в сафари (мак) вот так Свойства :hover которые меняют шрифт нет. В чем может быть дело, поделитесь, пожалуйста. upd: шрифт подключен через гугл, обычный open sans...
0 votes17 answers -
как сделать перелистывание контента на странице?
Взял простенький psd макет для практики. Возник вопрос. Как сделать так, чтобы при клике на выделенные на скрине стрелочки, контент между ними перелистывался? На данном этапе сделал заголовок и навигационное меню, а также добавил фон. Возможно ли как то решить данную задачу при помощи HTML и CSS?
0 votes7 answers -
полупрозрачный фон div'а
Хочется, чтобы под фоном div'a был виден фон body Как такое сделать? Следующий код не работает нигде, что тут не так? html: <body> <div class="opacity_div"> ... </div> </body> css: body { background: url(/img/bg.jpg); } .opacity_div { background: #FFF; opacity: 0,3; }
0 votes30 answers -
Как сделать резиновый сайт?
Делал сайт для техникума по заданому шаблону http://htkem.ru/ столкнулся с проблемой не хватки места подс татьи на страницах этого шаблона, пришлось делать переключатели, но все же все это проблемно и гемарно и при том в админке статьи будут добовлять люди не владеющие навикахи хтмл, поэтому тут вступает в силу такая тема, нужно сделать подобный шалон резиновым так чтобы от размера статьи он растягивался до нужной длинны, сам шаблон сверстан на css все сложные блоки вставлены как картинки что и создает проблему для переведения шаблона в растягиваемый режим, подскажите как это можно сделать?
0 votes5 answers -
Зачем нужен position:relative ?
Подскажите, зачем нужен position:relative? Мануал читал, но на практике зачем оно нужно так и не понял.
0 votes7 answers -
Как сделать всплывающий текст в html?
Подскажите пожалуйста какой мне использовать тег, чтобы надпись на странице плавно появлялась и плавно исчезала? Вот, что я пока наш?л: " Some text goes hereзатем с помощью js меняется видимость этого элемента : document.getElementById("my_flashing_text").visibility = "visible", document.getElementById("my_flashing_text").visibility = "hidden" с задержкой через функцию setInterval();" Похоже в этом примере не показано, как менять видимость текста. Может есть какой другой вариан решения этого вопроса? Если не трудно, распишите от а до я, как это сделать.
0 votes1 answer -
Динамическая подстановка class
<ul> <li id="test" class="active"><a href="xXXXXXXXXXXX" accesskey="1" title="Главная" onclick="loadmenu">Главная</a></li> <li id="test1"><a href="XXXXXXXXXXXXXX" accesskey="2" title="Заказать">Заказать</a></li> </ul> Вопрос, как сделать чтобы при нажатии заказать, class="active" присваивался к этому li, а с первого убирался, дуамю примерно должно выглядеть так <script type="text/javascript"> function loadmenu() { var menuName = ....................... document.getElementById("test").class = .....; } </script> хотя помоему это не то
0 votes48 answers -
Правильная верстка горизонтального меню
Всем добрый вечер Верстая макет, я обнаружил неприятную вещь (очередной раз) - при масштабировании страницы (точнее - при максимальном уменьшении) горизонтальное меню "разваливается". Последние элементы списка как-бы не влезают в шапку, и переносятся на следующую строку. Менюшка самая обычная - есть фон, определенная высота меню (скажем, 30 пикселей). Я верстал как попало - марджины и паддинги в самих элементах списка, или в ссылках, короче говоря не задумываясь о целесообразности такой верстки, а лишь постоянно обновляя страницу и смотря внешний вид меню. Не буду голословным 1. Менюшка, которую я хочу сверстать 2. Она же при масштабировании 3. Моя верстка 4. Моя в…
0 votes21 answers -
Опера
Помогите решить ошибку оперы!!!!Стиль сайта сделан на картинках в опере открываеться как попало как будто стоит фукция случайного вывода картинок!!!Что делать!!!!!Сайт написан с помощью языка PHP!!Заранее блогадарю Кирилл
0 votes12 answers -
Вертикальное центрирование блочных эелементов
приветствую собственно, столкнулся с проблемой вертикального центрирования картинок внутри блока, в случае вёрстки элементарной галереи. В общем, дабы не быть голословным, сразу покажу, что я именно имею ввиду: На этом изображении, на части Рис. 2 образно приведено то, что должно получиться в этоге, на Рис. 1 - то, что получается, когда я пытаюсь сверстать этот участок всеми мне известными способами) Здесь Подкладка - это блок, возможно с неким бэкграундом, Картинки - собственно картинки в неких других инлайн или блочных элементах. Рис. 2, показыват, как мне нужно сверстать эту часть - блоки подкладки одинаковой ширины и высоты с равными отступами расположены на части га…
0 votes14 answers -
Возможно ли (если да, то как?) изменить стиль аттрибута title (всплывающей подсказки)?
http://htmlbook.ru/html/attr/title , добавить бэкграунд/изменить шрифт/ добавить рамки
0 votes5 answers -
Скрыть кнопку выбора у <input type="file">
Возможно ли скрыть только кнопку выбора файла у <input type="file">,а название выбранного файла оставить видимым?
0 votes2 answers -
Обводка таблицы изображениями
Есть таблица, и есть изображения с узорами (к примеру) как можно таблицу обвести этим изображениями со всех сторон по средствам CSS? Задолбался уже думать, практиковать - ниче не выходит...
0 votes7 answers -
Выделение пункта меню, в котором просматривается подменю
Доброго времени суток всем! Есть горизонтальное меню с выпадающими списками подменю. Выпадает всё здорово, но подсвечивается несколько не так, как хотелось бы. Чего хочу, и что не получилось: когда наводится мышь на пункт меню - всё здорово, пункт подсвечивается оранжевым, меню выпадает, но после того, как мышь уходит с основного пункта меню и начинает "гулять" по подменю, подсветка с основного пункта меню пропадает, а должна оставаться. когда на ней hover - она загорается, hover пропал - пропала подсветка. как заставить светиться этот пункт, пока я шарю мышкой в пределах его подменю? пример в картинках вот так оно есть сейчас: вот так надо (монтаж): вот кусо…
0 votes4 answers -
Картинка в правом нижнем углу блока
Помогите, никак не могу придумать как сверстать. Есть блок (неважно какой, див или таблица) произвольной высоты (100%), заполненный текстом. Необходимо поместить в правый нижний угол картинку таким образом, чтобы текст е? обтекал.. фоном никак, позиционирование не да?т обтекания.. не знаю как ещ?...
0 votes4 answers -
Не Могу Правильно Разместить Блоки
Такая проблема с вёрсткой. Есть таблица где то на 10 ячеек, нужно к каждой ячейке сделать вверху по центру заголовок, вставить картинку и подпись внизу справа. Нужно чтобы заголовок всегда был вверху, а подпись внизу даже если картинки нет. Я пробовал делать вот так <table border="1"> <tr> <td width="150px" height="300px"> <div style="text-align: center; vertical-align: top;"> Заголовок </div> <img src="1.jpg" alt="image"> <div style="text-align: right; vertical-align: bottom;"> Подпись </div> </td> </tr> </table> Но когда картинки нет или она меньше всё смещается к …
0 votes45 answers -
Левая колонка скрывается без скролла
При увеличении масштаба или изменении разрешения (например, 1024 х 768) наблюдаю удручающую картинку во всех браузерах: левая колонка "уходит" за край окна браузера без скролла. Возможно это вызвано комбинацией резиновой и фиксированной составляющей верстки (звучит наверно глупо, но больше мыслей по этому поводу нет ) Тестовый адрес пациента: _http://alex.hhos.ru/test/ Помогите решить задачку P.S. Заказчик страдает seo - паранойей, поэтому не удивляйтесь что блоки расположены, мягко говоря, не на своих местах P.S.S. Буду благодарен за любую обоснованную критику стиля верстки Спасибо!
0 votes29 answers -
Белый экран вместо сайта. Локальный сервер opensrever
Здравствуйте, помогите разобраться, пожалуйста. Есть сайт на wordpress. Тестировала на openserver все было хорошо, потом что-то произошло, сама не имею понятия что и теперь, когда открываю сайт в браузере вижу только полностью белый экран. Три дня не могу ничего сделать. Где может быть проблема? Прошу объяснять по слогам, простым языком))
0 votes14 answers -
HasLayout
Да, все ищут, что это такое и как его использовать, как включить... А мне нужно отключить. =) Т.е. по умолчанию в ie6 zoom: 1; имеется у img. Как его отключить? =))) Никогда не сталкивался с такой задачей...
0 votes30 answers -
Семантическая верстка хедера
День добрый форумчане. Сейчас пытаюсь семантически грамотно сверстать хедер страницы, содержащий название фирмы и ее контакты. Что я подразумеваю по "семантически грамотно"? Разметка должна быть логичной, все элементы html должны использоваться по назначению, следственно не должно быть таблиц. Контакты оформлены микроформатом hCard. Но это пока что не обязательно. Название фирмы в тег h1. Логически правильно весь хедер оформить в тег div. А отдельные его части, если потребуется в span. Всё представление должно быть вынесено из html во внешний css файл. В html должна остаться только структура данных и сами данные. Итак, имеем мы следующее: html: <div id="header"> …
0 votes12 answers