HTML Coding

29542 questions in this forum

1. Какой заголовок выбрать?

   Подскажите пожалуйста, при использовании такого синтаксиса: <h1><span>Текст заголовка<span/></h1> <style> h1 { background:url(logo.jpg) no-repeat left top; height:70px;} h1 span { display:none;} </style> будут ли использованы преимущества тэга заголовка? Или другими словами будет ли лучше индексироваться сайт поисковиками ( в частности Гуглем) нежели использование простого img с атрибутами alt и title? И стоит ли овчинка выделки? Заранее спасибо.

   Asked by annsar, December 4, 2007

   0 votes
   23 answers
2. Картинка бэкграундом в стилях: как сделать сдвиг

   В верстке есть параграфы, в начали части из них для имитации списков вставляется тэг картинки со стилями <p class="className"><img src="http://site.ru/img/list.gif" width="13" height="13" alt="" align="top" style="position:relative;top:1px;">Текст бла-бла-бла</p> я хочу сделать иначе: убрать тэг картинки, заключить такие параграфы в див (сами параграфы уже без классов), прописать в стилях картинку, все удается, но она получается на 1 пиксель выше, чем в исходном коде (в стилях выше это решается top:1px;) div.classNameImg p { margin: 0; padding-left: 17px; background-image: url(http://site.ru/img/list.gif); background-repeat: no-repeat; } добавление…

   Asked by alexspb, January 15, 2010

   0 votes
   20 answers
3. В чем разница между margin и top-left выравниванием

   Собственно сабж в чем разница между margin-top и top margin-left и left и так далее...

   Asked by romoga, January 22, 2014

   • margin
   • top
   • left
   • разница
   0 votes
   3 answers
4. Меню с прокруткой

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

   Asked by vak, August 1, 2008

   0 votes
   11 answers
5. Цикл do ... while + позиционирование?

   Как вывести текст который выходит через цикл (заметки), да ещ? с позиционированием. Они у меня накладывается друг на друга и ещ? дабавить к этим заметкам общий скроллер?

   Asked by DmB, June 7, 2008

   0 votes
   24 answers
6. Семантическая верстка хедера

   День добрый форумчане. Сейчас пытаюсь семантически грамотно сверстать хедер страницы, содержащий название фирмы и ее контакты. Что я подразумеваю по "семантически грамотно"? Разметка должна быть логичной, все элементы html должны использоваться по назначению, следственно не должно быть таблиц. Контакты оформлены микроформатом hCard. Но это пока что не обязательно. Название фирмы в тег h1. Логически правильно весь хедер оформить в тег div. А отдельные его части, если потребуется в span. Всё представление должно быть вынесено из html во внешний css файл. В html должна остаться только структура данных и сами данные. Итак, имеем мы следующее: html: <div id="header"> …

   Asked by happyproff, September 2, 2008

   0 votes
   12 answers
7. Вертикальное выравнивание декста в div

   Помогите новичку с вертикальным выравниванием .. Создаем div,задаем ему ширину и высоту, ставим фон, помещаем в этот див текст. Текст прилипает книзу и никакими valign или vertical-align центроваться не хочет. Например HTML <div id="catalog" > <div id="uslugi">Услуги</div> <div id="price"><Стоимость</div> <div id="contacts">Контакты</div> </div> CSS #catalog{ position:relative; left: 241px; color: #718447; top: 33px; font-size: 19px; font-weight: normal; text-align:center; } #uslugi{ width:221px; height:46px; background-image:url(header_front-1.jpg); float:left; } #p…

   Asked by veromi, September 1, 2011

   0 votes
   9 answers
8. Хоть убейте не получается :(

   Здравствуйте, господа сиэсэс-гуру. Верстаю сайт и столкнулся вот с какой проблемой. Есть список. Каждый <li> должен выглядеть следующим образом: <li><a><img src="" width="40" height="40" style="float: left;" /></a><a>Текст ссылки, который должен выравниваться вертикально по середине, при том что текст может быть и в две и в три строки</a></li> Если текст в одну строку, то все тривиально выравнивается vertical-align: middle. А вот если не в одну строку... Хоть убейте, не знаю как реализовать без таблиц, да и чтобы во всех браузерах смотрелось одинаково. Просто руки опускаются. Для тех кто не понял чего надо добиться привожу …

   Asked by AssaCSSin, November 14, 2008

   0 votes
   24 answers
9. Автоматическая нумерация строк

   Как всем известно, для добавления номеров строк используются теги OL и LI. Придумал, как обойтись без этих тегов с помощью counter и content и сделал занятный пример. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Нумерация строк</title> <style type="text/css"> div.example { counter-reset: item; /* Обнуляем счетчик списка */ background: #f0f0f0; /* Цвет фона */ border: 1px solid #333; /* Параметры рамки */ } div.example p { margin: 0; /* Обнуляем отступы */ } div.example p:before { conte…

   Asked by Vlad, November 12, 2007

   0 votes
   7 answers
10. Запрет изменения размера окна браузера

    в общем есть шапка и центральная часть, шапка растягивается на 100% по ширине окна, центральная часть занимает железно где-то 800px и отцентрирована, так вот при уменьшении размера окна браузера шапка есессно растягивается по всей ширине окна, но вот если размер окна становиться меньше 800 появляется горизонтальная полоса прокрутки т.к. центр железно на 800px, и получается что шапка справа урезается до размера окна, а за полосой прокрутки находится часть центральной части.... как это исправить можно? хотя бы чтобы бразер нельзя было сжать меньше 800px

    Asked by andrewQwer, April 2, 2009

    0 votes
    4 answers
11. Как создать слайдшоу на сайте?

    Привет всем! Подскажите ,как создать слайдшоу на сайте? Требуется показ 6-7 фотографий в режиме слайдшоу,превьюшки внизу и коментарии к фото, справа от отображаемой фотографии для образовательного сайта. На какой технологии это можно будет сделать? Знаю существуют готовые шаблоны слайдшоу на javascript но подходящего найти не могу. Подскажите хорошую библиотеку скриптов для создания галерей, презентаций, очень нужно. Также находил генераторы слайдшоу , но в них нет возможности сделать комментарии к фотографиям. Буду рад любым советам.

    Asked by ksonline, April 18, 2012

    0 votes
    14 answers
12. Двойное выпадающее меню

    Добрый день!Подскажите пожалуйста как сделать горизонтальное двойное выподающее меню на HTML 5.

    Asked by RoFF, July 16, 2012

    0 votes
    11 answers
13. Текст в div вертикально спозиционирован

    Всё никак не могу достучаться до решения, как сделать вертикальное выравнивание текста в блоке (div) без таблиц естественно. К примеру у нас есть div с высотой в 100px, нам надо чтобы текст, который будет находится внутри него, постоянно находился по центру по вертикали, вне зависимости от количества символов. Ниже случай поможет, только когда у тебя заголовок небольшого размера: CSS .myDiv { height:100px; position:relative; } .myDiv .middle { position: absolute; top:40%; } HTML <div class="myDiv"> <div class="middle"> :blink: содержимое по-середине, но когда текст переходит на другую строчку, вся логика разваливается.</div> </div> В остальн…

    Asked by BassEast, September 11, 2009

    0 votes
    25 answers
14. Картинка по центру по верх всего остального

    Картинка по центру по верх всего остального. Как сделать. Пробовал позиционированием, но по центру не ровняется. Выравнивания float тоже не помогли. НАдо, чтобы картинка была независима от всего и отображалась поверх всего остального и была прижата к верху.

    Asked by Yury50, August 31, 2008

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

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

    Asked by Andrey44, August 4, 2009

    0 votes
    7 answers
16. вертикальное расположение сло?в

    Здравствуйте Есть два слоя в коде страницы: Some text within layer DIV1и сразу же после него ид?т Some text within layer DIV2Возможно ли без участия javascript сделать так, чтобы в броузере div2 был расположен выше чем div1? Это нужно для того чтобы поисковик прочитал сначала второй блок. Высота обоих слоев не фиксированая.

    Asked by hmelii, November 21, 2007

    0 votes
    9 answers
17. Как прописать плэйер в аштиэмэле)))

    Как прописать простой плэйер в аштиэмэле для воспроизведения каждого трека отдельно.)))с регулятором громкости,плэйем и стопом.или подскажите как подключить флэш плэеер)))спасибо

    Asked by Энди, January 24, 2010

    0 votes
    29 answers
18. Присвоить значение для Checkbox

    есть такой калькулятор) <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="text/css"> <!-- body { font-family:Arial, Helvetica, sans-serif; font-size:11px; } div { color:#CCCCCC; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; } a:hover, a{ color:#CCCCCC; text-decoration: none; } .fild { width: 30px; text-align: right; font-size: 11px; margin-right: 10px; } --> </style> <script type="text/javascript"> function calc() { a1 = parseInt(document.getElementById('cn1').value); a2 = parseInt(document.getElementById('cn2').value); a3 = parseInt(doc…

    Asked by sm1603, November 24, 2009

    0 votes
    13 answers
19. hover моргает

    Коллеги, здравствуйте! Столкнулся с такой проблемой. Есть <input type="button">. У кнопки есть background и background:hover. При наведении background заменяется на background:hover, но так как изображения hover нет в кеше, в момент замены кнопку дёргает. Сразу оговорюсь, что применение спрайтов недопустимо. Если кто-нибудь знает решение, просьба поделиться. Заранее спасибо за помощь. Примечание: была идея прятать картинки, но в таком случае в кеш они не добавляются.

    Asked by Barsam, October 22, 2012

    0 votes
    6 answers
20. резиновая таблица в web диалоге и в простом окне

    вот такая таблица - хочу сделать в popup окне резиновую таблицу, чтобы ширина изменялась в зависимости от того, насколько растянуто окно <table width="100%" border="1"> <tr> <td width="20%"> 1</td> <td >2</td> </tr> </table> если окно открываю через window.open то поведение таблицы как планировалось - ширина изменяется вместе с щириной окна. если открываю окно через window.showModalDilaog, то ширина таблица при открытии окна такая же как и ширина окна, но далее при изменении ширина таблицы останается такой же как и была. почему такая разница и как сделать резиновую таблицу в we…

    Asked by monstrU, December 18, 2008

    0 votes
    7 answers
21. Большое фоновое изображение Для сайта.

    Доброго времени суток. уважаемые коллеги. Есть .jpg изображение размером 1600px X 1600px. Как сделать его фоновым для сайта. Так что-бы фото растягивалось на 100% монитора вне зависимости от размера монитора пользователя? Google не дал адекватного ответа. Стакой проблемой сталкиваюсь в первый раз.

    Asked by taran, April 1, 2010

    0 votes
    14 answers
22. как растянуть блок содержимым ?

    что то я совсем скажем блок расположен в блоке который имеет ширину 100% и центрирует по центру.. но вкладываемый блок всегда тянется на 100% в ширину, а хочется что бы он растягивался по содержимому. резиновый блок... тоже самое как если дать ему float:left но нужно, что бы он остался по центру, а не ушел к краю. всегда засовывал таблицу и она сама растягивалась... а тут хочу блок

    Asked by iillyyaa2, May 31, 2011

    0 votes
    17 answers
23. Scroll внутри DIV, в котором таблица больше этого DIV

    Всем привет! Есть DIV, в котором находится таблица. По идее таблица должна выходить за пределы этого DIV, а чтобы увидеть остальную часть таблицы нужно проскроллить. У меня таблица встраивается в пределы DIV и не хочет выходить за его пределы. Пытался менять width у элементов таблицы, ставить overflow: scroll у DIV но ничего не выходит. Таблица все также пытается втиснуться в DIV. Как сделать так, чтобы таблица имела определенную длину, показывала только часть себя и появился скролл для передвижения по этому DIV. как-то так:

    Asked by Bava, April 3, 2014

    • scroll
    0 votes
    22 answers
24. Как вставить видео в html

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

    Asked by Frestayler, December 18, 2010

    0 votes
    2 answers
25. нужна помосч

    вопрос состоит в следующем есть грубо говоря вот такой код <div id="wrapper"> <div id="wrapper1"></div><!-- #wrapper1 --> <div id="wrapper2"></div><!-- #wrapper2 --> <div id="wrapper3"></div><!--#wrapper3--> </div><!-- #wrapper --> мне нужно каждому из етих 4 блоков задать свой background только так чтобы он в любом из даных блоков тянулся например при добавлении текста в блоки wrapper1 - wrapper3 ну и соответственно чтобы и тянулся background родительского блока wrapper. За предложеные варианты большое спасибо

    Asked by Romario1985, March 4, 2010

    0 votes
    26 answers