При использовании css-свойства float, применяемый к тегу <a>, собственно ссылка перестает быть ссылкой. Т.е. все css-свойства (цвет, шрифт и т.п.) сохраняются как есть, но ссылка становится просто текстом. Что удивительно, как текст на странице ее выделить тоже почему то нельзя. В исходном коде все нормально, все теги и стили прописаны верно. Никто не сталкивался с таким??
Примечание:
код:
<div id="liBlock">
<div><span></span><a href="index.php?id=48">Каталог артистов</a></div>
</div>
стили:
#liBlock div {float:left; width:200px;font:bold 12px Arial; color:#e8a142; padding:10px 0 0 40px; }
#liBlock div a {color:#e8a142; text-decoration:none;}
#liBlock div a:hover {color:#fffb75;}
#liBlock span {display:block;float:left; background:url(/assets/templates/v-prazdnik/i/li.png) left top no-repeat; width:23px; height:15px; margin:4px 5px 0 0;}
Вот, собственно, в первой строке float и шалит. Если его убрать, то ссылка опять ссылка :-), но всё съезжает))
И не спрашивайте почему так, а не иначе :-) Верстал всё это дело человек из другой конторы, с которым связи нету. менять особо тоже ничего не охото - поедет все нафиг ))
Примечание:
блин, перепутал, код выглядит немного по другому:
<div id="liBlock">
<ul>
<div><span></span><a href="#">Каталог артистов</a></div>
<div><span></span><a href="#">Фото и видео съемка</a></div>
<div><span></span><a href="#">Фаер шоу</a></div>
<div><span></span><a href="#">Свет и звук</a></div>
<!-- остальное меню -->
<div><span></span><a href="#">Оформление праздника</a></div>
</ul>
</div>
Вот из-за <ul> здесь нужен float, потому что text-align здесь не прокатит - меню то горизонтальное))
И <ul> этот вставляет modx'овый wayfinder, так что убрать его никак не получится :-(
Примечание:
to Alek-IT: <span> нужен для вставки картинки маркера элемента меню. жаль, что вы меня покидаете, мне здесь одному будет грустно :-) но все равно спасибо!
Примечание:
в том и странность - в обычном html файле все работает просто на ура! это самое удивительное. просто этот сверстанный код я натягиваю на движок (modx). так вот при создании очередного динамического меню и появились проблемы. при чем в подобных конструкциях в остальном коде таких проблем не наблюдалось (это далеко не единственное место, где встречается float в меню). свойства-css вроде не перекрываются, наследуются как надо (Firebug'ом проверял), а вот уберу float - все нормально, ток в вертикальном положении при необходимом горизонтальном
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.