HTML Coding

29,542 questions in this forum

1. Как должно быть?

   Есть свойства: .one h1{color:red;} .two h1{color:green;} И есть вёрстка: <div class="one"><p class="two"><div><div><h1>Hello!</h1></div></div></div> Т.к. для первого и второго свойства специфичность равна, то цвет Hello! будет зависеть от того, какое свойство находится ниже в документе. Верно? В мозиле, сафари, хроме так и работает, но в IE и Opera работает по-другому, а именно: цвет текста зависит не от того какое свойство определено ниже в документе, а от того, какой из классов(.one или .two) находится ближе к тегу h1. Почему браузеры ведут себя по-разному? Можно ли как-то привести всё к единому стандарту, то есть, …

   Asked by FanAizu, May 15, 2011

   0 votes
   2 answers
2. Выделение текста в теге <option>

   Здравствуйте форумчане! Помогите мне решить проблему верстки. Есть такой кусочек кода: <p><form> <label>Выберите страну и SMS номер. </label> <select> <option>Россия / Russia номер 9999 | 130 РУБ</option> <option>Финляндия / Finland номер 8888</font> | 4,3 EUR</option> <option>Литва / Lithuania номер 7777</font> | 7 LTL</option> </select> </form> </p> Как вы понимаете, эта форма оплаты. Мне надо выделить страны жирным шрифтом, а номера красным и жирным. Пробовал стандартными тегами, но столкнулся с проблемой, что в контейнере <SELECT> не работают стандартные html теги…

   Asked by Holli, May 15, 2011

   0 votes
   3 answers
3. Не получается выровнять

   Здравствуйте, у меня 2 колонки: меню и контент соответственно CSS: #menu { float: left; width: 220px; height: 100%; background-color: #fff; padding: 0px; font-size: 9px; font-family: Verdana, sans-serif; background: #fff; margin: 17px 10px 20px 9px; } и #content { width: 1000px; margin: 10px 5px 20px 25%; padding: 10px; border: 1px solid #333; } А проблема такая, что если я попробую увеличить ширину второго блока, настолько, что он будет выходить за пределы экрана, он тут же соскакивает вниз на всю высоту блока меню, то есть они начинают располагаться по диагонали. Не подскажите чем исправить?

   Asked by maitan, May 15, 2011

   0 votes
   4 answers
4. Аккордеон (как на сайте htmlbook.ru)

   Доброго времени! Прошу помочь с созданием блока для сайта. Очень заинтересовал аккордеон как здесь: http://htmlbook.ru/css . В левой части, под "Быстрый поиск CSS или тега HTML". Как можно такое реализовать без друпалов (и прочих смс), чтобы запоминался выбранный элемент и после его вывода в правом блоке, переносился бы в первую позицию в списке?

   Asked by SFGMobile, May 15, 2011

   0 votes
   2 answers
5. Содержание DIV-а выезжает за его пределы

   Пытаюсь сделать резиновую вёрстку дивами такого типа: Выглядит это сейчас так: http://maestro-magnifico.ru/ (#center_column обвёл красным бордером для наглядности) Проблема в том, что если сузить страницу, то любой контент с фиксированной шириной - картинки или текст с nowrap, которые находятся внутри резинового блока #center_column, выезжают за его пределы. Как это можно предотвратить?

   Asked by Freakmeister, May 15, 2011

   0 votes
   8 answers
6. Использование тега <b>

   Всем привет! Я всегда использую этот тег для придания жирности. Плюс <strong> для важного жирного текста. В css же придаю жирность только тогда, когда нужно выделить ни одно идентичное друг другу слово или предложение, ибо легче написать строчку в css, чем в html клепать десятки <b>. Ну так вот, правильно ли я поступаю? и правильно ли, что вообще использую b? просто меня немало осуждали по этой теме, кто-то говорит, что b вообще нельзя использовать, кто-то говорит, что нужно использовать только strong, а кто-то вообще - только css, а теги в исключительных случаях.

   Asked by monsterr, May 15, 2011

   0 votes
   9 answers
7. Вёрстка

   как 4 блок поставить на линию с 3? margin-top отрицательный? ещё варианты?

   Asked by andys, May 15, 2011

   0 votes
   8 answers
8. em вместо px в font-size

   Здравствуйте. Не получается у меня найти толкового объяснения сего действа. Использовал задание в px, частенько встречал в em задание. Объясните пож-та, в чем соль сего действа? Это задание относительно какого параметра? Текущего?

   Asked by virus-07, May 15, 2011

   0 votes
   16 answers
9. высота <iframe> 100% не работает в mozilla

   Использую Wordpress и в режиме html вставляю яндекс карту через iframe ,в хроме карта растягивается как надо а в мозиле не работает как сделать чтобы iframe нормально работал и в мозиле использую это на сайте http://adrenalinemap.com/ <iframe src="http://adrenalinemap.com/wp-content/vivodpoints.html" width="100%" height="60%" scrolling="no"></iframe> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег DIV</title> <style type="text/css"> .block1 { width: 100%; background: #81b76d; background-image: url('http://adrenalinemap.com/wp-content/uploads/2011/05/FOOOOOOTER.jpg');…

   Asked by mkone112, May 16, 2011

   0 votes
   2 answers
10. Меню

    Народ у меня такой вопрос , сделал менюшку простенькую во всех браузерах норм отображается но в Ие 6,7 между элементами списка <li> появляются отступы http://www.sendspace.com/file/ca6ygx вот сюда залил меню может кто нить обьяснить почему они там появляются , и что я сделал не правильно ?

    Asked by MaferoK, May 16, 2011

    0 votes
    5 answers
11. Растягивающийся на всю высоту родителя. Реально ли?

    Привет Всем Вот, как обычно, сижу верстаю - и тут встречается такая проблемка: нужно, чтобы ДИВЫ занимали всю высоту их РОДИТЕЛЯ. Ну или схожая ситуация - чтобы ДИВЫ были равны по высоте самому высокому(длинному) ДИВУ в РОДИТЕЛЕ (В общем-то ситуация одна и та же). Перепробовал кучу приёмов - безрезультатно... Вот код: <!DOCTYPE html> <html> <head> <style> body{ background:#e4e4e4; } .wrapper{ width:700px; background:silver; border:4px dashed gray; margin:0 auto; overflow:hidden; } .left, .right{ float:left; width:40%; margin:10px; background:#eee; padding:10px; } .right{ width:200px; border:2px solid red; } …

    Asked by PanSoul, May 16, 2011

    0 votes
    2 answers
12. Глюк футера

    Всем привет, на сайте глючит футер: Причем происходит сия трабла только на главной странице сайта, на остальных страницах всё нормально: Вот index.php сайта:

    Asked by Delorto, May 16, 2011

    0 votes
    8 answers
13. проблема с потоковым выводом блоков

    Добрый день. Возникла проблема при выводе разных по высоте блоков в одном потоке. Блоки выводятся в строчку по три штуки. Ширина блоков задается в процентах. Некоторые блоки имеют большую высоту, чем другие из-за длинной подписи под изображением. Проблема возникает при выводе следующей строчки блоков - блоки почему-то смещаются на один вправо, именно там, где верхний блок имел большую высоту. Лучше посмотреть тут собственными глазами: http://www.genstroyspb.ru/projects/test.php Стиль блоков: .tarasov-gallery { position: relative; background:#ccc; display: inline; float: left; margin: 0 1% 30px; text-align: center; width: 31%; } Самое любопытное, что на другом сайте, отк…

    Asked by oneiro, May 16, 2011

    0 votes
    4 answers
14. В каком направлении копать!?

    Практически каждый человек, пожелавший посвятить свою жизнь Веб разработке, и попавший на этот форум. Создает тему со следующими словами: "Как начать ?", "С чего лучше начать изучение верстки: CSS или JavaScript или HTML? А может быть с PHP?" и т.п. В этом ничего зазорного нет ! Все мы когда то были новичками, в том или ином деле. Но, на мой скромный взгляд, однотипные темы (только названные по разному). Не только засоряют форум, но и затрудняют поиск, действительно, полезной информации. Искатель, поставивший себе за цель найти информацию о PNG прозрачности в IE6, попросту ее не найдет (хотя она есть). Ему не остается ничего другого, как продолжить создавать дублирующие т…

    Asked by Selen, May 16, 2011

    0 votes
    12 answers
15. вопрос этики что ли

    Друзья! Как думаете...вот стоит ли использовать изображения такого вида, когда на самом деле фирма занимает пару кабинетов, в ней работает всего несколько климаксных женщин, и встречи проводятся в убогом помещении - "офисе" мне кажется, использовать такие картинки - жалко? или типа - маркетинг?

    Asked by andys, May 16, 2011

    0 votes
    9 answers
16. a:visited img

    Здравствуйте. Ситуация такова: Есть горизонтальная менюшка с кнопками нарисованными в фотошопе. Хочу чтобы нажатые кнопки обводились жёлтой рамкой. Казалось бы всего и делов - то ...вот код: a:{display:block;} img{border:none;} a:visited img{border: 1px solid #ffac4f;} a:hover img{border: 1px solid #ffa948;} <div id="knopkisverhy"> <ul> <li><a href="#1"><img src="../MoiSite/knopka.png" width="100" height="40" alt="Главная"></a></li> <li><a href="#2"><img src="../MoiSite/rasskazi.png" width="100" height="40" alt="Мои рассказы"></a></li> <li><a href="#3">&lt…

    Asked by derek, May 16, 2011

    0 votes
    5 answers
17. Тег VIDEO как ссылка

    На iPAD Необходимо создать переход на другую страницу по клику на видео. Пробовал разные варианты. - В div который содержит этот тег video прописывал onclick="location.href='#'" - на компах работает на iPad нет. - Pазмещал div над самим видео - на компах работает на iPad нет. - Вешал картинку над самим видео и делал её ссылкой - на компах работает на iPad нет. Уже замучался. Как можно сделать переход по клику на видео для iPad? Спасибо. З.ы. Если убрать атрибут controls, то работает и на iPad, но мне нужно с контролем. Autoplay на iPad не работает.

    Asked by mr.moser, May 16, 2011

    0 votes
    3 answers
18. как задать бэкграунд для дива с плавающими блоками

    спасибо)

    Asked by andys, May 16, 2011

    0 votes
    7 answers
19. Нестандартное меню - как верстать ?

    Всем добрый день. Дизайнер надизайнил такое вот интересное меню (см. картинку) с наклонными разделителями...такого делать еще не приходилось. Гугл ничего толкового не подсказал. Кто может подсказать оптимальное решение ? Заранее спасибо

    Asked by Honcho, May 16, 2011

    0 votes
    6 answers
20. Странное клонирование заголовка

    Есть таблица <table id="ComparisonTable"> <thead id="CompTableHeader"> <tr>.....</tr> <tr>.....</tr> <tr>.....</tr> </thead> <tbody> ..... </tbody> </table> Есть JavaScript, с помощью которого я создаю таблицу с дубликатом заголовка и вставляю её перед основной таблицей: function createFixedTableHeader() { var table = document.getElementById("ComparisonTable"); var thead = document.getElementById("CompTableHeader"); if ((table)&&(thead)) { var ht = document.createElement("table"); ht.id = "HeaderTable"; ht.className = table.className; ht.appendChild(thead.cloneNode(true)); //ht.i…

    Asked by Webr, May 16, 2011

    0 votes
    1 answer
21. Автоматическое растягивание по ширине пунктов выпадающего меню

    Всем добрый вечер. Вот уже реально крышу несёт не могу разрешить проблему. В общем есть горизонтальное выпадающее меню. Надо сделать так, чтобы выпадающие пункты по ширине растягивались в зависимости от величины названия пункта меню. То есть, чтобы общая ширина выпадающего меню бы соотв ширине самого длинного назв пункта. Уже мучаюсь целый день никак не могу въехать, как это сделать. Вот пациент: http://verstku.narod.ru/trablmenu/index.html Получается в две строки почему-то идут выпадающие пункты и хоть ты тресни (((. Уже просто чувтсввую, что мозг близок к взрыву. Помогите, плиз. Спасибо.

    Asked by Belovsan, May 16, 2011

    0 votes
    28 answers
22. Как сделать подпись у каждого изображения.

    Как сделать через CSS на всех изображениях что-то вроде подписи или логотипа. Что бы при копировании было видно откуда это изображение.

    Asked by JlEHb, May 16, 2011

    0 votes
    2 answers
23. Как сделать меню с виджетами в WorDpreSS

    Как сделать меню с вкладками что бы по всех странице не нужно было прокручивать, а сразу в в одном меню можно было переключаться между вкладками. Например вкладки "Рубрики" "Самые популярные" "Статистика" и в них соответствующие виджеты. Либо что бы просто вкладки, а виджеты я сам разбирусь как добавить.

    Asked by JlEHb, May 16, 2011

    0 votes
    7 answers
24. Помогите с Ролловер-эффектом

    Всем доброго времени суток. Делал кнопки по такому же принципу, как в уроке "Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?", когда забиваешь одну кнопку всё отлично, а когда 2, то 1 кнопка повторяет изображение 2, когда третью тогда 1 и 2 кнопки повторяют изображение 3, и т.д. но при этом имеют разные адреса..Подскажите плз как сделать так чтобы 3 ссылки имели разные изображения, разный путь и обладали одним эффектом.. Я тупо копировал код, указанный в уроке(Пример 2. Изменение положения рисунка) 3 раза, меняя путь к файлу и адрес страницы..

    Asked by Dextor, May 16, 2011

    0 votes
    3 answers
25. Сложная кнопка, являющаяся ссылкой, с вертикальным центрованием текста, и другими ссылками внутри.

    Здравствуйте! Перед мной задача сделать кнопку, которая сама по себе является ссылкой, но внутри этой тоже должны быть размещены другие ссылки. Эти дополнительные ссылки, скажем так, опции или подразделы, основной ссылки. HTML: <div class="item"> <div class="content"> <a href="/">Основная длинная ссылка</a> <div class="sub"> <hr> <div> <a href="/" style="float:left;">Подссылка1</a> <a href="/" style="float:right;">Подссылка2</a> </div> </div> </div> </div> <div class="item"> …

    Asked by b0s, May 16, 2011

    0 votes
    56 answers