css Probleme

[msolt]

Hi Leute,
ich probiere gerade ein Wordpress Theme nach meinen Wünschen anzupassen.
Nun stellt sich mir ein Problem in den Weg, wovon ich behaupten möchte, dass es ein Anfängerfehler ist.

Ich erläutere kurz das Problem und dann gebe ich auch den Code zum Besten.
Also ich möchte schlicht und ergreifend einen:
Link in rot haben.
:hover rosa

Sollte an sich nicht so schwer sein, doch wo stelle ich in der style.css ein, dass die Färbung des Links NUR für diesen Link gilt. Zur Zeit kann ich nur Alle oder garnichts ändern.


hier ein Ausschnitt aus der php:
CODE
<div id="sidebar">
<ul>
<li class="nodots"><h5><?php _e('Suche','avenue'); ?></h5>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</li>

<li class="nodots"><div id="end_a"> </div></li>

<h5>Network</h5>

<li><a href="http://website.com/" title="Website">Click here</a></li>

.
. HIER STEHT NORMALERWEISE NOCH EINE MENGE MEHR !!!!
.
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>

<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
<li><a href="http://wordpress-deutschland.org/" title="WordPress Deutschland">WPD</a></li>
<?php wp_meta(); ?>
</ul>
</li>




Wie gesagt sollen die Links ganz unten im code nicht von den Änderungen betroffen sein sondern nur dieser Teil:

CODE <li><a href="http://website.com/" title="Website">Click here</a></li>





Und soweit ich das einschätzen kann müsste das der Teil in der css sein:

CODE
#sidebar a {background: #ffffff; color: #4d4d4d;}

#sidebar a:hover {background: none; color: #00b3b3;}


#sidebar li {
color: #86b0b3;
line-height: 1.5em;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 0px;
background: url(images/dot.gif) bottom left repeat-x transparent;}




Vielleicht kann mir ja jemand sagen wie ich es richtig einstellen kann.
Sollte jemand den gesamten code brauchen, stelle ich diesen natürlich hier zur Verfügung. Sollte aber eigentlich auch so klappen.!? Glaube ich zumindest

Vielen Dank im Voraus,
Gruß,

 

[msolt]

Braucht ihr noch informationen oder kann mir keiner helfen?
Ich bin jetzt immer noch nicht dahinter gestiegen.


Gruß,

 

[Jürgen Auer]

Einfach dem Link eine CSS-Klasse mit geeigneter Definition zuweisen ...

 

[Nancy L Henderson]

ich sehe keinen grund war es nicht funktioniert

also wenn du da einfach das div auch am ende wieder zu machst
das div der sidebar und dannach noch ein link einbaust klappts bei mir ohne probleme

du musst ein div immer zu machen wenn du ihn auf machst sonst is das natürlich nicht gut möglich ... lal

 

[Antoine Johannes]

So:
<li><a href="http://website.com/" title="Website" style='color:#FF0CDB'>Click here</a></li>
oder wie JAuer schrieb eine eigene Klasse schreiben

rosa
{
color:#FF0CDB';
}

<li><a href="http://website.com/" title="Website" class='rosa'>Click here</a></li>

 

[msolt]

QUOTE also wenn du da einfach das div auch am ende wieder zu machst
das div der sidebar und dannach noch ein link einbaust klappts bei mir ohne probleme


Das das div zu muss ist klar ;-)...trotzdem danke



QUOTE Einfach dem Link eine CSS-Klasse mit geeigneter Definition zuweisen

Hatte ich probiet hat leider nicht funktioniert, da die Klasse immer von einer anderen in der css schon vorhandenen überschrieben wurde.



QUOTE So:
<li><a href="http://website.com/" title="Website" style='color:#FF0CDB'>Click here</a></li>
...


Ich habe es erstmal nach dem ersten Beispiel gemacht. Klappt super. Danke schön.
Müsste es, wenn ich es direkt in die css schreibe und einen hover effekt haben möchte so aussehen?

rosa
{
color:#FF0CDB;
}
rosa:hover
{
color:#FF0000;
}

????

Gruß,
und vielen Dank an alle

 

[jrmy]

Hi,

nicht ganz, es müsste so aussehen:

.rosa
{
color:#FF0CDB;
}
a:hover.rosa
{
color:#FF0000;
}

am besten so:

a.rosa
{
color:#FF0CDB;
}
a:hover.rosa
{
color:#FF0000;
}


Grüße
jrmy

 

[msolt]

Klasse vielen Dank