HTML Coding

29,542 questions in this forum

1. Менюшка туда сюда.

   Здравствуйте. Помогите мне с версткой сайта... Я пока в этом деле почти 0 но уже кое что получаеться. Сейчас я верстаю сайт И остановился на том что шапка сайта а точнее "Меню" бегает туда сюда на разных страницах. Кто может помочь?

   Asked by universalPRO, July 18, 2012

   0 votes
   13 answers
2. Правильное позиционирование

   Приветствую! Есть верстка. Суть в том, что верхняя часть сайта(почти до половины) - фон. Эта часть должна быть резиновая. На этой самой части расположены другие блоки(меню, левая-правая части и контент). Еще этот фон желательно сделать фикс по высоте. Вот код: HTML <div id="wrapper"> <div id="header"></div> <div id="top_menu"></div> <div id="main"> <div id="left"></div> <div id="content"></div> <div id="right"></div> </div> </div> CSS #wrapper { min-width: 1000px; max-width: 1400px; margin: 0 auto; overflow: hidden; } #header{ height: 442px; background: #cccccc; } #top_menu{ width: 10…

   Asked by Tref_mast, July 18, 2012

   0 votes
   1 answer
3. Фиксированный блок

   Помогите, пожалуйста! Верстаю сайт с двумя блоками: в левом блоке - меню, картинка и бегущая строка (в div), все элементы зафиксированы (неподвижны), правый блок основной - там весь контент. Возникает проблема отображения фиксированных элементов в разных браузерах! В Опере, Хроме и Сафари (верстаю под Сафари) все фиксированные элементы отображаются нормально, а вот в Мозилле и IE (за счет дополнительной панели браузера с настройками) страница смещается вниз и не виден div с бегущей строкой. Как сделать так, чтобы все неподвижные элементы отображались полностью независимо от высоты панели браузера?? Я так полагаю, что дело в innerHeight, но как его правильно прописать??? В…

   Asked by kiska, July 18, 2012

   0 votes
   3 answers
4. Проблема с тенью и градиентом

   Добрый день, форумчаны! Столкнулся с несколькими проблемами с версткой и прошу Вашего совета как пофиксить 1 Это кросбраузерность теней в разных браузерах. Для генерации тени для блока использовал вот этот сервис css3generator.com Проблема в том что в разных браузерах разная интенсивность тени. Это нормально? Код тени таковой -webkit-box-shadow: 0 3px 10px -4px #555555; -moz-box-shadow: 0 3px 10px -4px #555555; box-shadow: 0 3px 10px -4px #555555; Это нормально? Само лучше показывается FireFox 2. Это кросбраузерность градиенты А точнее у меня глюк отображения градиента в 2 браузерах опера и експлоер У меня не отображается не градиент и не картинка Вот так в…

   Asked by grifin85, July 18, 2012

   0 votes
   4 answers
5. Как узнать стиль элемента по дефолту?

   Ситуация такая: Всем известно, что разные браузеры по умолчанию отображают одни и те же теги по разному. К примеру, стили "тела" по дефолту в FF 3.5: body { display: block; margin: 8px; } а в IE7: body { display: block; margin: 15px 10px; } Вопрос: Каким образом можно узнать, какие стили по умолчанию имеют разные браузеры и их версии? Важно, чтобы это было НЕ в ручном режиме. Может на это способен JS? Имеется перечень всех тегов - нужно для каждого получить все стили. Варианты: - найти в файлах установленных браузеров таблицы стилей и посмотреть - поставить FireBug и промониторить - поискать в интернете дефолтные таблицы стилей НЕ предлагать! =) Пар…

   Asked by DjTarik, July 16, 2012

   0 votes
   15 answers
6. Чем закрыть класс?

   del

   Asked by PREDATORik, July 18, 2012

   0 votes
   3 answers
7. отображение слоя в IE при заданном разрешении экрана

   ситуация следующая ——————————————————— Есть панелька, прописанная в основной css'ке в виде слоя. Нужно сделать так, чтобы она отображалась только тогда, когда разрешение монитора у посетителя выше 1280 по ширине. Т.е., к примеру при разрешении экрана 1024 на 768 она отображаться не должна. ВАЖНО - работать это должно ВО ВСЕХ основных браузерах. Я прописала такое в ксске: @media (max-width: 1250px) and (min-width: 300px) { #panelka { display:none; } } #panelka{ top: 50px; width: 100px; height:100px; position: absolute; left: 10px; } сам html файл при этом содержит <div id="panelka">панелька</div> в результате ОПЕРА при разрешении…

   Asked by Dasha, July 16, 2012

   0 votes
   8 answers
8. Прыгает ссылка :hover

   Добрый день, впервые столкнулся с такой проблемой. Имеется HTML-код: <div class="region_item">Город: <span class="city">Москва</span> <a href="#chooseCity">Выбрать другой</a></div> И соотв. CSS к нему: .region_item { clear: left; display: block; background: url(../img/grad/region_bg.png) repeat-x; height: 23px; width: 198px; margin-left: 3px; border: 1px solid #5c636b; color: #8c9398; padding-top: 6px; padding-left: 5px; font-family: Tahoma, Arial, Sans-Serif; font-size: 13px; } .region_item a { text-decoration: none; color: #018fc2; border-bottom: 1px #018fc2 dashed; font-family: Tahoma, Arial, Sans-Serif; font-size:…

   Asked by marsh123, July 18, 2012

   0 votes
   5 answers
9. Высота блока доходит не до конца

   Здравсвуйте. Столкнулся с такой проблемой. Сделал у блока меню правый border (11px solid) и высоту блока на 100% поставил, но когда в контенте становится больше слов чем в блоке, блок не "вырастает" больше, а мне нужно чтобы он всегда доходил до подвала сайта. + Еще одна проблема, остается место после Контента, мне нужно чтобы контент прижимался к подвалу. Помогите пожалуйста решить. Скрин: P.S Проблемы показаны стрелками. Вот исходники (html и css файлы) Скачать (на ifolder.ru) Если нужно, могу перезалить на другой Хостинг.

   Asked by Simpsons, July 10, 2012

   0 votes
   28 answers
10. Не указывание протокола для ресурсов

    Нашёл от гугла такую рекомендацию. В ней рекомендуется для URL ресурсов не указывать протокол, а делать примерно так: background: url(//example.com/image1.gif). Польза от этого в том, что тогда изображение будет доступно всегда, какой бы протокол для страниц не использовался: http или https. На самом сайте google.ru такая методика кстати и используется. Что думаете об этой технике? Нужна ли она и когда эффективна?

    Asked by clavin, July 16, 2012

    0 votes
    2 answers
11. Центрирование больших блоков при маленьком разрешении

    Доброго времени суток! Есть проблема. Некоторые люди пользуются мониторами с разрешением 1024х768(я например ). А сейчас сайты делаются для мониторов с большим разрешением. С таким столкнулся и я. Сам сайт в ширину 1400 пикселей. Все блоки лежат в главном блоке: <div id="wrapper"> <div>1</div> <div>2</div> <div>3</div> </div> У wrapper'а задана фиксированная ширина 1400px и прописано margin:0 auto; Все бы и ничего, но когда смотришь на мониторах с разрешение 1024х768 например, внизу появляется скролл, и все не по центру как то. Подскажите пожалуйста как от этого избавиться? Заранее спасибо!

    Asked by Digidie, July 18, 2012

    0 votes
    2 answers
12. выравнивание по правому краю в IE

    Еще пара часов потеряно, рецепт так и найден. Есть две маленькие картинки. одну нужно расположить справа вверху страницы. Вторую- справа внизу страницы. И все это должно оставаться на месте в при прокрутке станицы. Я написала вот что: #up{ position:fixed; top:0%; right:0%; } #down{ position:fixed; bottom:0%; right:0%; } В опере работает, а в IE не желает. В IE все это хозяйство прилипло к левому верхнему углу и упорно не хочет оттуда выходить. Подскажите, пожалуйста, как сделать так, чтобы и в IE работало.

    Asked by Dasha, July 18, 2012

    0 votes
    5 answers
13. Блок по всему родительскому блоку с выравниванием по центру

    Есть родительский div Его нельзя трогать. Нужно создать в нем div внутри с размерами 100%. И выравниванрием по центру. Обычный способ с display: table-cell; почему-то не подходит. Вот сокращенный код: <style> .center { background-color: gray; text-align: center; display: table-cell; vertical-align: middle; } </style> <div style="position: absolute; width: 800px; height: 600px; background-color: yellow;"> <div style="position: absolute; width: 100%; height: 100%" class="center">Проверка</div> </div> Не работает vertical-align: middle; из-за position: absolute; Если position: absolute; убрать(а этого нельзя делать…

    Asked by Absinthe, July 18, 2012

    0 votes
    3 answers
14. элементы списка LI по левому краю в IE

    вот такая проблемма.. нужно выровнять список по левому краю.. в файрфокс всё отлично, а в ИЕ - КАК ВСЕГДА!! код : <html> <HEAD> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <style type="text/css"> @charset "utf-8"; /* RIGHTMENU */ #rightmenu { float:right; width:180px; border:1px solid #cfcfcf; background-image:url(../img/bgb1-2.gif); background-repeat:repeat-x; background-color:f5f5f5; padding-top:20px; margin:0px; text-align:left; } #rightmenu ul{ padding:0; margin-left:10pxl; } #rightmenu li{ list-…

    Asked by up2sky, July 18, 2012

    0 votes
    2 answers
15. замена изображения

    подскажите пожалуйста как можно применить замену изображения в зависимости от ширины экрана, которая описана в этой статье? в ней написано, что но у scr нет атрибута srcset, судя по справочнику этого сайта. <picture alt="злой пират"> как я понял, был только предложен, но предложение отклонила рабочая группа. если не так, поправьте меня

    Asked by cyklop77, July 18, 2012

    0 votes
    0 answers
16. тэг <a> и новая строка

    если делаю <p>1</p> <p>2</p> то 2ойка с новой строки если <p><a>1</a></p> <p><a>2</a></p> то в одну линию Как сделать чтобы опять с новой строки было только со ссылками

    Asked by vladimircape, July 17, 2012

    0 votes
    3 answers
17. Как добавить всем ссылкам внутри блока атрибут nofollow ?

    У меня на сайте есть плагин, который выводит превью роликов в ютуба, ссылки выводятся без nofollow. Плагин я изменить понятно не могу, можно как-то сделать, чтобы всем ссылками в определенном блоке добавлялся атрибут nofollow ?

    Asked by kpripper, July 18, 2012

    0 votes
    1 answer
18. спрайты CSS

    Не могу настроить спрайт для фонового изображения. Скажите возможно ли это если у меня фоновое изображение повторяться по вертикали и по горизонтали так как оно маленькое то есть не во всю страницу сайта. Вот код CSS. body { margin-top: -3px; background: url("./images/logo.png") #F3F4F4 fixed; }

    Asked by Roci, July 17, 2012

    0 votes
    4 answers
19. Видео в результатах поиска

    Подскажите, пожалуйста, как сделать, чтобы в результатах поиска рядом с описанием сайта выводилось изображение видеоплеера со страницы? Например как на ютубе.

    Asked by inesik, July 17, 2012

    0 votes
    1 answer
20. Верстка и Safari

    Всем добрый день! Столкнулся со следующей проблемой... Разрабатываю сайт http://admship.ru. В основе - Wordpress. Шаблон, по сути, написан с нуля. Во всех браузерах сайт отображается прекрасно - никаких нареканий нет. Но когда дело доходит до Apple'овских продуктов, то получаем следующее: весь сайт съезжает влево и часть его канет в лету. Что самое неприятное, на мобильных устройствах Android с установленной Оперой то же самое - за границы экрана улетает левый край. В каком месте может быть хитрость?

    Asked by OVenGo, July 17, 2012

    0 votes
    6 answers
21. css оформление цитаты

    Приветствую, всех! В нете примера такого решения оформления цитаты не нашёл, а сам не догоняю как такое сделать: Вот, как такое записать в стиль?: Чтоб в блоке слева был автор, а сама цитата дистанцировалась от фамилии и выравнивалась слева, не заползая под фамилию. На цвета сайта прошу не смотреть, я в экспериментах Чтобы объяснить, что я хочу, для скрина я сделал так: blockquote { font-style:italic; background-color:#333333; color: #f9d649; margin-left: 45px; text-align:justify; font-size:17px; } .chel { color: #FF0; margin-left: 10px; font-weight: bold; font-style:normal; } html полностью не привожу, так как там пробелов миллион, только принцип: <blockquo…

    Asked by uncle BOO, July 17, 2012

    0 votes
    4 answers
22. Вертикальный список

    Появилась задача сверстать список, да так, чтобы при добавлении в него элементов, они шли не сверху вниз, а слева направо. Список двустрочный. Есть ли уже известные способы подобной реализации или может есть у кого какие идеи?

    Asked by egoregor, July 17, 2012

    0 votes
    4 answers
23. Увеличение картинки при наведении

    Доброго времени суток, форумчане! Помогите пожалуйста новичку с кодом. Скомпилировал вот такую конструкцию для плавного увеличения картинки при наведении мыши --> Всё прекрасно работает, увеличивается/уменьшается, НО когда переношу конструкцию на сам сайт, то собственно ничего не получается - иногда картинка просто дёргается (очень быстро пропадает и исчезает при наведённом курсоре), или увеличивается, но не плавно а резко (будто на другую меняется, как эффект .hover), при уходе курсора становится другого размера, чем была прежде, и вот уже тут плавно так возвращается к своему первоначальному размеру (то есть увеличивается до первоначального размера)... пробовал так…

    Asked by WiL-13, July 16, 2012

    0 votes
    1 answer
24. Вопрос по XSLT

    Вопрос удален!

    Asked by malsyst, July 17, 2012

    0 votes
    0 answers
25. Правильно ли использую <figure> и <figcaption>

    У меня есть таблица и от нее идет сноска, которая находится сразу после таблицы. Я заключил всю таблицу в тег <figure> а после таблицы сноску обернул тегом <figcaption>. Хочу узнать ваше мнение, правильно ли я сделал (так как в описании тега <figure> сказано — "Используется для группирования любых элементов, например, изображений и подписей к ним.") или лучше после таблицы добавить <p> и в него вставить эту сноску? Вот таблица — http://starbuzz.16mb.com/table/

    Asked by mrnobody, July 15, 2012

    0 votes
    3 answers