HTML Coding

29,542 questions in this forum

1. font-face

   как подключить шрифты в FireFox 3.0??

   Asked by Lincky, February 6, 2012

   0 votes
   6 answers
2. Смена картинок через hover

   Здравствуйте, подскажите пожалуйста. Столкнулся с такой проблемой: нужно чтобы при наведении курсора картинка менялась на другую, т.е. по факту, она должна прокручиваться вниз (картинка: ширина 250, высота 500). Но самое главное на странице таких картинок нужно девять и все разные.

   Asked by TillL, February 6, 2012

   0 votes
   5 answers
3. Newbie's blog

   Всем привет, решил подтянуть отстатки знаний полученных в школе/техникуме и взялся за HTML/CSS для начала=) Собственно мой метод обучения достаточно прост - прочитал(выучил), опробывал на практике. С самого начала не стал браться за макет, т.к. ожидал проблем в блочной вёрстке с которой я начну свой блог/тему начинающего верстальщика. И так, поехали . . . Начинаю с самого простого пожалуй вопроса, на который затруднился найти ответ: По какой причине, при использовании float:left(создание двух колоного макета+хедер и футер), в опере, колонка контента(правая) залазиет на сайдбар ? чтобы убедится в том что действительно залазиет скруглил уголки(заодно применил). P.S.: Все в…

   Asked by c1mot1k, February 6, 2012

   0 votes
   3 answers
4. поиск по сайту

   кто может подсказать как организовать , если вообще это возможно поиск по сайту написанному на css и html

   Asked by cocso, February 6, 2012

   0 votes
   1 answer
5. Кратность высоты

   Здравствуйте! Очень нужно, чтобы высота <div>'а была кратна высоте фона, я, можно сказать, новичок, и вот, что у меня получилось(высота фона 36px: <script type="text/javascript" language="javascript"> var h=window.document.getElementById("middle").style.height; var h2 = Math.ceil(h/36)*36; window.document.getElementById("middle").style.height = h2+'px'; </script> -не работает))) Наверное вообще не с той стороны зашел, не подскажете как это можно осуществить?

   Asked by CarolusRex, February 6, 2012

   0 votes
   4 answers
6. Помогите сделать ссылку в виде "стрелочки"

   Нужно сделать как на картинке: Делаю так: <a href="#" class="item">Пункт 1</a> .item{ display: block; position: relative; height:30px; width:130px; line-height:30px; text-align:center; text-transform:uppercase; color:#fff; background-color: #f00; } .item:before{ content:''; position: absolute; left:0; top:0; border-left:15px solid #fff; border-top:15px solid transparent; border-bottom:15px solid transparent; } .item:after{ content:''; position: absolute; left:100%; top:0; border-left:15px solid #f00; border-top:15px solid transparent; border-bottom:15px solid transparent; } .item:hover{ background-color: orang…

   Asked by bob_24, February 6, 2012

   0 votes
   10 answers
7. Странный косяк( при увеличении или уменьшении сайта)

   #pravo { position:relative; width:280px; height:284px; margin: 5px 0px; padding:0px 0px; border: 0px; float:right;} #menu_a { position:relative; width:250px; height:49px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_verh.png); } #menu { position:relative; width:250px; height:231px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_center.png); } #menu_b { position:relative; width:250px; height:44px; margin: 0px 0px; padding:3px 15px; border:0px; background-image:url(../img/menu_niz.png); } #menu_a a:link, #menu a:link, #menu_b a:link, #menu_a a:visit…

   Asked by doox911, February 6, 2012

   0 votes
   14 answers
8. Скрипт для панорамы

   Помогите найти скрипт для панорамы. Примерно такой же как на сайте 3dtour.me Или как его написать? Спасибо!

   Asked by SYS1984, February 6, 2012

   0 votes
   4 answers
9. Глюк верстки

   http://lidersnab39.ru/ на большом монике ничего нет и все отлично. на ноуте при 1366x768 появилась горизонтальная прокрутка и справа блок скрин прилагаю

   Asked by sympler, February 6, 2012

   0 votes
   3 answers
10. Центрирование слоя внутри слоя

    Подскажите, пожалуйста, как центрировать слой произвольного размера внутри другого слоя? Изначально: Как должо быть:

    Asked by TorchTT, February 7, 2012

    0 votes
    5 answers
11. Указать ширину картинки, а высота бы пропорционально изменилась?

    Здравствуйте. Интересует вопрос о том, можно ли картинкам в CSS указывать требуемую ширину, под которую бы высота картинки самостоятельно изменялась пропорционально исходному соотношению высоты к ширине? Благодарю.

    Asked by borus, February 7, 2012

    0 votes
    2 answers
12. <script language="JScript"> не работает в Firefox 8+

    Такая специфическая проблема. Начиная с примерно 8 версии (тестировал на 3.6, 8, 10 - работает только на 3.6) Firefox отказывается воспринимать джаваскрипт, объявленный как <script language="JScript">. Тег <head> генерируется cms, изменить его содержимое невозможно, телефонный саппорт на предмет изменить сорцы cms вяло отмахнулся. Перейти на другой продукт тоже нельзя - госорганизация. <script language='JScript' SRC='etc/A403F41D-A824-4CF7-B72ECBEEBFDFD8CC.BODY' ></script> Так объявлено несколько js-файлов. Костыли типа <script type="text/javascript"> scripts = document.getElementsByTagName('head')[0].getElementsByTagName('script'); for (i=…

    Asked by 7ion, February 7, 2012

    0 votes
    9 answers
13. помогите пожалуйста сделать футер

    Здравствуйте. Я с CSS только знакомлюсь. У меня 2 вопроса. 1) делаю сайт, состоящий, из двух колонок (лево\право) и центральной части. Правый бокс заверстался без особых проблем. Каждый контейнер располагался непосредственно друг за другом. С левым боксом почему-то так не получается. Хоть вроде бы всё делаю тоже самое. Все боксы размещаются друг на друге сразу под первым боксом. проблема решалась только путём "margin-top" но как это будет отображаться на мониторах с другими размерами неизвестно... 2) не получается разместить внизу страницы футер. Мне не важно, будет он привязан к низу окна, или нет, но он точно должен быть, я перепробывал множества способов, которые на…

    Asked by Neptun, February 8, 2012

    0 votes
    2 answers
14. не работает z-index

    пытаюсь нарисовать вот такое - на фоне полупрозрачного заднего фона из нескольких дивов, должен выплыть #box, где-то над div4-div6 он СНОСИТ ВНИЗ дивы, куда бы я не прилепила #box, и чем только я его не пробовала, что делать? тестю в мазиле <style> #column0 {position:relative; z-index:1} #app { overflow: hidden; z-index:2; position:relative;} .d1 { float: left; width: 32%; z-index:2; position:relative; padding: 5px 7px; text-align:center; margin: 5px auto; line-height: 1.2; text-shadow: -1px -1px #666, 1px 1px #FFF; font-family: verdana,arial,sans-serif; font-size:14px; color:darkblue; } .d2 { margin-left: 34%; z-index:2; position:relative;} .d3 { floa…

    Asked by ыра, February 8, 2012

    0 votes
    6 answers
15. Видео на задний фон

    Всем привет! Мне нужно видео на сайт разместить, чтобы оно было в рамочке (именно в той которую я нарисовал), но как это сделать вообще не знаю. Постоянно видео выходит на передний план, а картинка(рамка) становится задним планом. Может есть у кого идеи с помощью чего и как это делается?

    Asked by big_time, February 7, 2012

    0 votes
    4 answers
16. Как выбрать первый из соседних тегов?

    Можно ли выбрать первый из соседних тегов, а не второй (синтаксис вида Селектор 1 + Селектор 2 { Описание правил стиля })?

    Asked by borus, February 7, 2012

    0 votes
    2 answers
17. выравнивание div по низу

    Доброго дня суток, помогите выровнять блок "two" по низу блока "one" желательно без маржинов и паддингов .one { min-height:285px; margin: 0 auto; } .two { width:960px; height:200px; background:transparent url('blablabla.jpg') no-repeat; } <div class="one"> <div class="two"> </div> </div>

    Asked by JastinB, February 7, 2012

    0 votes
    2 answers
18. form - label - input. Заступает текст

    Приветствую всех. Проблема в следующем: игры с параметрами padding и margin для form, label, input не дало результата - текст все-равно заступает за чекбокс..... вот код: <html> <head> <title>test</title> <style type="text/css"> form {padding: 0 0 0 5; margin: 0 0 0 5;} </style> </head> <body> <form><label><input type="checkbox">So I've been experimenting with different margins and paddings on lists, and so far I can't seem to figure it out. The object I'm after seems simple enough; I want less of an "indent" (is that padding or margin?) on the left edge. In other words, I want the little do…

    Asked by ZoomAll, February 7, 2012

    0 votes
    8 answers
19. Отменить несколько стилей одним свойством ?

    К примеру тегу <p> наследованием пришла рамка, фоновая карnинка, жирный шрифт и т.д. Существует ли одно такое свойство, которое одной строкой в CSS сможет отменить все наприкрученные свойства элемента? Что-то типа p {style:none;}

    Asked by borus, February 7, 2012

    0 votes
    6 answers
20. Выравнивание картинок в строку

    Собственно решил выбрать верстку своим хобби. Изучил основы, почитал разные сайты, решил пробовать и натолкнулся на проблему решение которой я не смог найти к сожалению( Проблема очень простая, прошу не смеяться. Надо выстроить все 3 картинки в ряд, по горизонтали, незнаю как это сделать, они получаются одна на другой. <html xmlns="http://www.w3.org/1999/xhtml"> <link rel="stylesheet" type="text/css" href="Style.css" /> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Название</title> </head> <body> <div class="head"> <div class="tablehead1"> </div> <div …

    Asked by Hum9k, February 7, 2012

    0 votes
    2 answers
21. не работает margin

    Столкнулся с маленькой проблемой, margin не делает отступ сверху, собственно вот CSS #header { margin-top:50px; } a#logo { background:url(images/logo.png); width:166px; height:26px; display:block; float:left; } ul#social { float:right; margin-top:10px; } ul#social li { display:inline-block; margin:0 5px; } #menu { margin:50px 0; clear:both; background:url(images/bgmenu.png); } #menu li { display:inline-block; padding:15px 0; border-right:1px solid #1A1A1A; margin-right:-4px; } #menu ul { } #menu li a { color:#bbb; text-shadow:0 0 1px #969696; padding:15px 20px; } #menu li a:hover { background:#262626; padding:15px 20px; } HTML <div id="header"> <a href="…

    Asked by moslem, February 7, 2012

    0 votes
    1 answer
22. изменение form при уменьшении размера окна бразуера

    На сайте имеется слой, состоящий из 3 форм различной длины, но одинаковой высоты: Необходимо, чтобы при уменьшении размеров слоя - формы выстраивались в столбец, в котором ширина всех форм одинакова: Подскажите, пожалуйста, как решить проблему?

    Asked by TorchTT, February 7, 2012

    0 votes
    3 answers
23. уникальный класс для списка

    Имеется список с классами к каждому елементу, не могу присвоить к каждому классу уникальное значение стиля. Если присваиваю елементу Folder 3.1.1 класс то все елементы которые идут после него в подсписке приобретают этот класс. Как сделать их уникальными. Т.е. например .main с красным бекграундом .sub с синим, если к классу .sub добавляется подкласс plus то бекграунд ТОЛЬКО ЭТОГО елемента становится белым а все остальные елементы которые находятся в подсписке имели синий цвет. <li class="main"><a href="#">Main item</a> <ul> <li class="sub"><a href="#">Folder 2.0</a></li> <li class="sub plus"><a href="#"&gt…

    Asked by JastinB, February 7, 2012

    0 votes
    5 answers
24. Как запретить автозаполнение формы

    Всем привет! На сайте есть несколько форм, одна из них - форма авторизации. Если залогинившись пользователь нажимает у себя "Сохранить пароль", то логин и пароль начинают подставляться в еще одну форму на сайте. Вторая форма к авторизации не имеет никакого отношения, name у input'ов и у самих форм заданы разные, единственное чем формы похожи - два поля ввода и у обоих type такие же как в авторизации (text и password). Как сделать что бы браузер не заполнял автоматически эту форму? У меня все это происходит в Chrome. В других браузерах не смотрел. autocomplete="off" Сам нашел Спасибо =)

    Asked by Odrin, February 14, 2012

    0 votes
    1 answer
25. Проблема с версткой

    Помогите пожалуйста.. Дизайн коласит.. Сижу уже 2 часа над этой проблемой не пойму в чем дело.. Итак. Моя ссылка пытаюсь вставить форму в див в футере.. форма постоянно вылезает за рамки.. код хтмл <div id="footer"> <div id="grayline_footer"> </div> <div id="pusto_f"> </div> <div id="footer_subscribe"> <div id='f_pustishka'></div> <div id='f_subscribe_zagolovok'> <span class='zagolovok'>ЗАРЕГИСТРИРУЙТЕСЬ и будьте в курсе!</span> </div> <form name="subscribeform" action="/contacts/budte_vkurse/index.php" method="post"> <div id='subscribe_form'> <div id='subscribe_f…

    Asked by veromi, February 8, 2012

    0 votes
    8 answers