HTML Coding

29542 questions in this forum

1. Горизонтальная менюшка

   Здравствуйте! Формирую менюшку следующим образом: <div class="menu"> <ul> <li><a href="#123.cshtml">123</a></li> <li><a href="#124.cshtml">124</a></li> <li><a href="#125.cshtml">125</a></li> <li><a href="Default.cshtml">126</a></li> </ul> </div> Как сделать, что бы она была не вертикальным списком а горизонтально располагалась (как здесь)? в заранее спасибо.

   Asked by Lucifer, July 19, 2012

   0 votes
   7 answers
2. Создание всплывающих подсказок в форме ввода текста

   Здравствуйте форумчане! Добрался до сюда, не думал: хочу сделать чтобы при вводе текста в форму всплывали подсказки(т.е. если пользователь начинает вводить название города (фор экзэмпл Мос..) то всплывала подсказка (Москва). Города есть в таблице. Как это можно реализовать? И как это вообще правильно называется?)) А то даже не знаю как загуглить по сабжу)

   Asked by bu3i28, July 19, 2012

   0 votes
   4 answers
3. Выровнять меню на CSS под Firefox

   Доброго времени суток. Я неопытен в кроссбраузерной верстке, потому обращаюсь с вопросом. Вот моя демка сайта: http://demo.vlad-nastya.ru/ В хроме и ие верхнее меню точно по центру (так задумывалось). А в фаерфоксе сдвинуто вправо. Мысли: При загрузке в хроме на 0.5 секунды меню тоже сдвинуто, но потом становится точно по центру, вероятно из-за наложения друг на друга свойств из разных css. Хром делает приоритетным желаемое свойство, а фаерфокс какое-то другое. P.S. Оригинальный шаблон http://joombloger.com/2010/12/js-black-white-joomspirit-template/

   Asked by tau34rus, July 19, 2012

   0 votes
   2 answers
4. Прошу помощи в css

   Приветствую. Возникла проблема. При задании стилей меню в css. а именно вставке разделителей с параметрами в браузере IE9 происходит следующее. Картинка сначала вставляется по левому краю а затем по ценнтру. Получается что no-repeat не отрабатывает. В остальных браузерах всё нормально. Раньше всё работало, да и код в принципе стандартный. В чём может быть причина?

   Asked by dotWizard, July 19, 2012

   0 votes
   0 answers
5. Проблемы математических операторов

   Проблема такова: На сайте, в тех описаниях изделий, используются математические операторы. Изначально они отображались корректно, но экспортируя контент на партнерские порталы посредством XML, возникли проблемы. Парсеры не работают ссылаясь на ошибку, либо заменяют их другими символами. Вмешательство программиста решило эту проблему лишь частично. Эти операторы стали просто убиваться в корне, при внедрении на сайт. Вместо них, теперь оказывается просто дырка. Парсеры заработали, но возник бред в плане осмысления текста человеком. Однако, мне доподлинно известно, что некоторые знаки имеют код, которым могут быть написаны в html. И на этом мои знания в данной области иссякл…

   Asked by favor, July 19, 2012

   0 votes
   5 answers
6. IE крайне некорректно отображает содержимое.

   Вот сайт. Открыть его в нормальном браузере и в осле - две разные вещи. Во-первых, плывет шапка. Во-вторых, бекграунд элементов списка чудом исчез. Да и вроде все, но эти два портят всю картину дизайна. Я уже вдоль и поперек облазил код с помощью средства для разработчиков в осле, но ничего подозрительного не нашел. P.S.: табличную верстку пришлось использовать только из-за поджимающих сроков... Поймите, пожалуйста

   Asked by Mosya, July 18, 2012

   0 votes
   7 answers
7. Ширина элемента до заполнения свободного пространства.

   Приветствую уважаемых форумчан! Намедни столкнулся с такой проблемой - необходимо в одном диве расположить кнопки и лейбл. Причём кнопки должны занимать столько, сколько им нужно, а лейбл - растягиваться на свободное пространство. Пример того, что мне нужно, на JSFiddle. Собственно, по задумке, если сделать текст более длинным, то он должен обрезаться и дополниться многоточием на конце (text-overflow: ellipsis), потому что кнопки уехать вправо не могут. Возможно, что решение очевидно и лежит на поверхности, но в 4 утра у меня мозг уже не выдаёт подходящих вариантов. Так же не менее вероятно, что другие теги более подходят для осуществления данного трюка (span вместо label…

   Asked by Crystall, July 18, 2012

   0 votes
   4 answers
8. Менюшка туда сюда.

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

   Asked by universalPRO, July 18, 2012

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

   Приветствую! Есть верстка. Суть в том, что верхняя часть сайта(почти до половины) - фон. Эта часть должна быть резиновая. На этой самой части расположены другие блоки(меню, левая-правая части и контент). Еще этот фон желательно сделать фикс по высоте. Вот код: 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
10. Фиксированный блок

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

    Asked by kiska, July 18, 2012

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

    del

    Asked by PREDATORik, July 18, 2012

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

    Добрый день, форумчаны! Столкнулся с несколькими проблемами с версткой и прошу Вашего совета как пофиксить 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
13. выравнивание по центру - пропадает часть при сдвиге окна

    Есть один слой. Я его выравниваю по центру окна. Но вот незадача, когда я окно браузера сужаю наполовину, к примеру, то у меня половина моего слоя равномерно благополучно заезжает за левый край браузера и становится недоступной. Как сделать так, чтобы при соприкосновении с левой стороной окна браузера, слой оставался на странице, т.е. переставал ехать налево? Т.е. чтобы центрирование работало, только когда ширина окна браузера больше ширины слоя, т.е. 900 пикселей. #sloy{ top: 50px; width: 900px; height:50px; background:red; position: absolute; left: 50%; margin-left: -450px; }

    Asked by Dasha, July 18, 2012

    0 votes
    7 answers
14. Список с увеличиваюшимся отступом слева

    Добрый день. Вот встала задача сверстать список так, что бы каждый новый вложенный список имел больший отступ чем предыдущий. Задача вроде тривиальная, но при этом у каждого элемента списка должна быть черта снизу. Причем эта черта должна быть на всю ширину списка. То есть должно быть примерно так (палочки это отступы): первый уровень —————————— ||второй уровень —————————— ||||третий уровень —————————— ||снова второй —————————--

    Asked by jangot, July 18, 2012

    0 votes
    8 answers
15. Прыгает ссылка :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
16. Центрирование больших блоков при маленьком разрешении

    Доброго времени суток! Есть проблема. Некоторые люди пользуются мониторами с разрешением 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
17. элементы списка 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
18. замена изображения

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

    Asked by cyklop77, July 18, 2012

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

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

    Asked by kpripper, July 18, 2012

    0 votes
    1 answer
20. почитать про адаптивную вёрстку

    посоветуйте пожалуйста что можно почитать про адаптивную(responsive) вёрстку хотя бы на нерусском языке. в гугле что-то не получается найти ничего толкового. одни шаблоны платные попадаются или подобное в частности интересна работа со шрифтом. но вообще нужна любая информация

    Asked by cyklop77, July 18, 2012

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

    Есть родительский 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
22. выравнивание по правому краю в 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
23. тэг <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
24. Вопрос по XSLT

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

    Asked by malsyst, July 17, 2012

    0 votes
    0 answers
25. Вертикальное выравнивание строки ввода и кнопки

    Здравствуйте, дорогие форумчане! Я прошу у Вас помощи в решении вопроса, нисколько не сложного для таких профессионалов, как Вы. На странице: я не могу выровнять по вертикали строку ввода и кнопку "отправить" (кнопка чуть выше строки). Если можете, посоветуйте как это сделать.

    Asked by AlexPa, July 17, 2012

    0 votes
    1 answer