Jump to content
  • 0

Проблема с цветом ссылок


Shurrr
 Share

Question

Приветствую всех.

Занимаюсь версткой не так давно, и последний раз поведение ссылок ввело меня в ступор...

Имеем:

Блочная верстка, шапка, под-шапка с меню, левый сайд-бар, основной (content) и подвал.

В подшапке, левом баре и подвале есть меню, ссылки <a href=""> в списках Ul.

Все, естественно, с разными стилями.

Так вот, в один прекрасный момент, все новые ссылки, которые появляются в блоке Content, стали цеплять стиль

из левого блока (в нем ссылки белые, content так же белый, и их соответственно, не видно).

Пробовал и IE и в Хроме, через какое-то время и ФФ к ним присоединился... Хотя точно в начале все было нормально,

все-таки разные блоки...

!important не спасает, только пропись классов для всех новых ссылок.

Но тут проблема - в форме обратной связи при проверке заполнения полей так же выскакивают ссылки, и их не видно.

А в коде php, как им задать цвет пока не врубился...

Что посоветуете?

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

  • Почитать здесь
  • Посмотреть, какие стили "доминируют" в дебагере (firebug, dragonfly, et cetera, et cetera)
  • Если не помогло, дать ссылку на сайт или показать код, обрамленный в тег

В PHP цвет не задается :) Посредством PHP можно (но, как правило, не нужно) вывести inline-стили на страницу или подключить внешний файл стилей, но это другая уже история.

Edited by hedgehog
Link to comment
Share on other sites

  • 0

Html:

<div id="sidebarL">
<ul id="menuLeft">
<li><a href="index.html"><span>Главная</span></a></li>
<li><a href="magazin.html"><span>О магазине</span></a></li>
<li><a href="news.html"><span>Новости</span></a></li>
<li><a href="vopros.html"><span>Вопросы</span></a></li>
<li><a href="poleznoe.html"><span>Полезное</span></a></li>
<li><a href="contacts.html"><span>Контакты</span></a></li>
</ul>
</div>

Css:


#menuLeft {
margin-left:5px;
padding:0; width:140px;
list-style:none;
}

#menuLeft li a:link, a:visited {
text-decoration: none;
text-align:center;
display: block;
background-color: #192982;
color: #ffffff; [b]Цепляет вот этот цвет[/b]
height:20px;
width:140px;
padding:5px;
font: 14px Verdana, Arial, Helvetica, sans-serif;
}
#menuLeft li a:hover {
background-color: #fcfcfc;
color: #31333B;
}

Ссылка в блоке #content меняет цвет на белый, даже при прописанном в таблице стилей


#content a{
color: #31333B;
}

Link to comment
Share on other sites

  • 0

У меня не меняет. Возможно, проблема не в этом куске кода. Зато в #content посещенные ссылки подхватывают ненужный стиль "#menuLeft li a:link, a:visited", мне кажется что подразумевалась такая конструкция:

#menuLeft li a:link, #menuLeft li a:visited

Посмотрите же в фаербаге, откуда подхватывается белый цвет ссылкой.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy