HTML Coding

29,542 questions in this forum

1. 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. т.е. содержимое дива не должно растягивать див-контейнер.

   Asked by maximt, June 28, 2011

   0 votes
   3 answers
2. Как убрать поле ввода названия файла input type=file?

   Всем привет! Хочу видеть одну кнопку с названием "Загрузить" а не "Обзор...". С этим возникли трудности: 1.Подскажите как убрать поле ввода названия файла который создается тегом <input type="file">? 2.Возможно ли поменять название этой кнопки? value не действует.

   Asked by amelice, September 21, 2011

   0 votes
   7 answers
3. background transparent - для DocumentRoot

   background transparent - для DocumentRoot Приветствую. Прошу помощи (сам к сож. совершенно не разбираюсь) по следующему вопросу: имеется: 1) на компутере с виндой установлен Apache 2. 2) в файле /apache/conf/extra/httpd-vhosts.conf прописано: потерто 3) в папке [docroot] лежает (и пополняются простым туда копированием) исключительно файлы mp3. вопрос: как сделать, чтобы бекграунд основной страницы был прозрачным? можно ли это сделать дописав что-то в настройках апаче (вроде тут много чего меняется - /apache/conf/extra/httpd-autoindex.conf)? или подскажите скрипт, который я бы закинул в index в корне папки, и этот скрипт выводил бы мп3 только + прорачный бекграунд? ————- …

   Asked by ka81, November 13, 2009

   0 votes
   20 answers
4. Текст внутри div-a

   Здравствуйте. Только начинаю использовать css, никак не могу разобраться в следующем: есть div, в нем находится текст. Div произвольной ширины. Как сделать так, чтобы текст не вылезал за границы div-a, а переносился на следующую строку? P.S. Если непонятно объяснил - скажите.

   Asked by wertret, April 14, 2011

   0 votes
   3 answers
5. img align="left" влияет на текст в слоях ниже

   текст текст Почему при таком расоложении текст в следующем слое также выравнивается, как будто слева от него картинка? И слой начинается там где заканчивается текст верхнего слоя. у обоих слоев {position:relative;top:0px;left:0px;}

   Asked by Rhema, May 10, 2008

   0 votes
   9 answers
6. Как вставить видео в html

   В общем есть видео есть сайт на html. Как можно вставить видео на сайт ?? В формате .avi Ютуб и т.д. не катят по своим причинам... Пробовал тегом <emded> отображается только в IE. А в других браузерах нужно установить какой то плагин. А какой - хз ...

   Asked by Frestayler, December 18, 2010

   0 votes
   2 answers
7. Выделение пункта меню, в котором просматривается подменю

   Доброго времени суток всем! Есть горизонтальное меню с выпадающими списками подменю. Выпадает всё здорово, но подсвечивается несколько не так, как хотелось бы. Чего хочу, и что не получилось: когда наводится мышь на пункт меню - всё здорово, пункт подсвечивается оранжевым, меню выпадает, но после того, как мышь уходит с основного пункта меню и начинает "гулять" по подменю, подсветка с основного пункта меню пропадает, а должна оставаться. когда на ней hover - она загорается, hover пропал - пропала подсветка. как заставить светиться этот пункт, пока я шарю мышкой в пределах его подменю? пример в картинках вот так оно есть сейчас: вот так надо (монтаж): вот кусо…

   Asked by Ник Ример, February 25, 2014

   • css
   • hover
   • drop-down
   • menu
   • выпадающее
   • меню
   0 votes
   4 answers
8. Для любителей поломать голову:)

   Хоть я и начинала верстать сразу же "дивным" образом, но до сих пор не могу понять, КАК сделать такую штуку с помощью div'ов и css? Задача: html менять нельзя!!! Потому как один html, а css для разных скинов разный. Вот оригинальный html: А вот css, который мне даже стыдно показывать потому как он у меня не работает: Помогите, пожалуйста... хоть чем-то. Сорри, картинку починила

   Asked by Wertuta, January 17, 2008

   0 votes
   25 answers
9. Выбор хоста

   Выбрал нормальный по цене и качеству хостинг. Но в описании тарифа смутило это: Оно вообще для чего написано? Больше понтов придать тарифу или это действительно так важно и при работе могут возникнуть сложности? И еще очень интересует... Если использовать php5 + apache + mysql, то какую ос выбрать? Публикую первый раз сайт, до этого все делал в localhost под win xp, но тарифом предусмотрены более вкусные плюшки под linuxом

   Asked by Ururu, September 17, 2009

   0 votes
   26 answers
10. Как сделать всплывающий текст в html?

    Подскажите пожалуйста какой мне использовать тег, чтобы надпись на странице плавно появлялась и плавно исчезала? Вот, что я пока наш?л: " Some text goes hereзатем с помощью js меняется видимость этого элемента : document.getElementById("my_flashing_text").visibility = "visible", document.getElementById("my_flashing_text").visibility = "hidden" с задержкой через функцию setInterval();" Похоже в этом примере не показано, как менять видимость текста. Может есть какой другой вариан решения этого вопроса? Если не трудно, распишите от а до я, как это сделать.

    Asked by gangztta, April 10, 2008

    0 votes
    1 answer
11. Квадрат внутри таблицы.

    Здравствуйте! Подскажите, пожалуйста, известно, что атрибуты тега <table> <colspan="число"> и <rowspan="число"> объединяют ячейки по горизонтали и по вертикали. А как можно было бы сделать квадрат совне таблицы? Нужно в рисунок в виде квадрата вставить текст (оформляю html-письмо). Т.е. в центре квадрата письмо.

    Asked by Сергей_Б, January 13, 2015

    0 votes
    31 answers
12. Зачем нужен position:relative ?

    Подскажите, зачем нужен position:relative? Мануал читал, но на практике зачем оно нужно так и не понял.

    Asked by Andrey44, August 4, 2009

    0 votes
    7 answers
13. Помогите плз. с менюшкой ...

    Помогите с менюшкой, работает в Мазиле, Опере, IE7 а в IE6 нехочет, в IE6 раскрывается только первый пункт, а всеостальные нет ... Вот: <!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=windows-1251" /> <title>Untitled Document</title> <script type="text/javascript"> jsHover = function() { var hEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0, len=hEls.length; i<len; i++) { hEls[i].onmouseover=function() { this…

    Asked by Demis, October 29, 2007

    0 votes
    15 answers
14. Вертикальное выравнивание по центру

    Есть 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…

    Asked by vo4tap, November 1, 2009

    0 votes
    25 answers
15. Как сделать резиновый сайт?

    Делал сайт для техникума по заданому шаблону http://htkem.ru/ столкнулся с проблемой не хватки места подс татьи на страницах этого шаблона, пришлось делать переключатели, но все же все это проблемно и гемарно и при том в админке статьи будут добовлять люди не владеющие навикахи хтмл, поэтому тут вступает в силу такая тема, нужно сделать подобный шалон резиновым так чтобы от размера статьи он растягивался до нужной длинны, сам шаблон сверстан на css все сложные блоки вставлены как картинки что и создает проблему для переведения шаблона в растягиваемый режим, подскажите как это можно сделать?

    Asked by energ, April 26, 2011

    0 votes
    5 answers
16. Конвертация шрифта

    Добрый день. Делаю флешку по игре, в ней очень желателен оригинальный шрифт игры. Он есть, но формата .fnt, тогда как флеш позволяет встраивать только TrueType шрифты. Подскажите, можно ли сконвертировать .fnt => .ttf, и каким софтом (желательно легкодоступным, задача разовая, тратиться на диск неохота).

    Asked by AlexHog, November 13, 2007

    0 votes
    2 answers
17. Подскажите про htaccess, редиректы и диапазоны сети

    Нужно реализовать редирект нескольких ip (масок подсетей) с одной страницы, на другую. Как сделать блокирование, я знаю: <Limit GET POST> order allow,deny deny from 11.222.333. deny from 11.221.333. allow from all </Limit> Как сделать редирект на другую страницу для определенного ip, я знаю: SetEnvIf REMOTE_ADDR 111.222.333.111 REDIR="redir" RewriteCond %{REDIR} redir RewriteRule ^/$ /page.html И даже знаю, как сделать для нескольких (если не ошибаюсь): RewriteEngine on RewriteCond %{REMOTE_ADDR} !(111.222.333.111|111.222.333.222|111.222.333.333) RewriteRule .* http://mysite.ru/page.html [R=301,L] Но вот как сделать для масок подсети (как в первом варианте)…

    Asked by B-Real, June 11, 2013

    • htaccess
    • несколько ip
    0 votes
    7 answers
18. Меню с прокруткой

    На главной странице этого сайта есть своего рода меню "Теги HTML", "Свойства CSS". Организованы в окнах с прокруткой. Как такие вещи делаются? Подскажите в каком направлении двигаться плиз...

    Asked by vak, August 1, 2008

    0 votes
    11 answers
19. Нижнее меню в iphone

    Всем привет! Есть вопрос. Как убрать нижнее меню в safari на iphone, которое появляется при загрузке страницы и при прокрутке вверх? На сколько мне известно это можно сделать средствами css/js. Важно, чтобы это сработало на iphone 6, 6s (если не ошибаюсь в разных версиях iOS убирается по-разному). Нужно, чтобы было как здесь: http://fornacestudio.com/. На фото панель, которую нужно убрать.

    Asked by mn8156, March 21, 2016

    • iphone
    • ios
    • mobile
    0 votes
    3 answers
20. про hover

    Слева то что должно быть, справа то что есть. Разница состоит в двух вещах. Первая: когда я навожу курсор на подпункт меню, исчезает стиль с того пункта откуда оно выпало, как сделать чтобы не исчезало??? (я использую тег hover) Второе: Как сделать borded на самом нижнем пункте меню. Если я пишу border-bottom: solid 1px #ccc то под каждым подпунктом появляется border, а мне он нужен только на последнем. p.s. использую CSS Для меню в Joomla. Пример CSS можно найти тут. http://de.siteof.de/extended-menu-templates.html (son-of-suckerfish) Если кто-то реально подскажет, что делать, буду очень признателен!

    Asked by GooDMeister, December 7, 2008

    0 votes
    12 answers
21. Bootstrap, вызов модального окна - появляется отступ у body

    Здравствуйте! Верстаю сайт. Настраиваю вывод модального окна при клике на кнопку "Мой кабинет". Обнаружилась такая вещь: после появления модального окна у body появляется отступ. Вроде бы не такая уж и проблема, но хотелось бы найти причину. Исходники Bootstrap скачаны здесь: http://getbootstrap.com/ Кстати, для эксперимента, поставила в один из файлов шаблона исходников это же модальное окно - такая же проблема. Хотя на самом сайте в примерах такого нет. Надеюсь на помощь специалистов, которых здесь немало .

    Asked by Светлана Г., December 20, 2014

    • bootstrap modal
    0 votes
    23 answers
22. Обводка таблицы изображениями

    Есть таблица, и есть изображения с узорами (к примеру) как можно таблицу обвести этим изображениями со всех сторон по средствам CSS? Задолбался уже думать, практиковать - ниче не выходит...

    Asked by Panzers^), December 7, 2007

    0 votes
    7 answers
23. Горизонтальное меню без использования ul>li

    Подскажите, для чего горизонтальное меню оборачивать в ul>li, если можно обойтись только дескриптером '<a>'? Только чтобы меню формально было списком? В чем подвох и почему никто так не делает? Привожу ниже мой код и скриншот готового меню. <!DOCTYPE html><title>Test Page</title><meta charset = "utf-8"><link rel = "stylesheet" href = "style.css"><div> <nav> <a href="#">Home</a> <a href="#">Portfolio</a> <a href="#">About</a> <a href="#">Contacts</a> <a href="#">Forum</a> <a href="#">Support</a> <a href="#">Callback</a> </nav> …

    Asked by vano1208, July 31, 2015

    • меню
    • горизонтальное меню
    • flow left
    • display block
    0 votes
    24 answers
24. не работает page-break-before

    в FF и Safari создал класс .p { page-break-before: always; } соттветственно прописал его на страницах, где надо разбивать страницы, почему так?

    Asked by sc@r@bey, April 6, 2009

    0 votes
    11 answers
25. Повергнуть Myriad Pro

    Myriad Pro очень любят наши ру дизайнеры, словно не замечая миллионы нецензурных коментов по этому поводу. Кто-нибудь сумел разобраться с этой напастью? Как отконвертировать во все форматы этот замечательный шрифт для вэб бесплатно, что бы счастливые верстальщики могли на всех ру сайтах радостно и кроссбраузерно использовать фонт фэйс такого вида: @font-face { font-family:'MyriadPro-Regular'; src:url('../fonts/MyriadPro-Regular.eot'); src:local('O'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.svg') format('svg'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.eot') format('embed…

    Asked by Alarr, August 4, 2013

    • Myriad Pro
    • шрифт
    0 votes
    18 answers