Probleme mit Links..

[Avire]

Servus, kann mir jemand sagen wir der Code aussieht, wenn ich zB. den Verweise X blau haben möchte und den Verweis Y Rot?

[FONT=Arial][COLOR=Black][I]<style type="text/css">[/I][I]
a:link { font-weight:bold; color:blue; text-decoration:none; }
a:visited { font-weight:bold; color:silver; text-decoration:none; }
a:hover { font-weight:bold; color:green; text-decoration:none; }
[/I][I]</style>[/I]

<div style="margin-bottom: 0px; min-height: 130px; color: black;">
    <h2 style="margin-bottom: 0pt"><a href="{article_href}" style="text-decoration: none;">{title}</a></h2>
    <h3><em>{sub_title}</em></h3>
    <h4 style="margin: 0 0 0 0em; font-weight: normal;";>Posted by <a href="#">[color=red]{author}[/color]</a> on {date}</h4>
    <span style="float: right"><a href="{image_location}">{image}</a></span>
    {main_article}
    {extended_article}
    <div id="comments" style="text-align: right; clear: both;">
        <strong><a href="{article_href}#comments">{comment_count} comments</a></strong>
    </div>
</div>[/COLOR][/FONT]

Ich möchte, dass zB [author](rot) die Farbe rot hat, und die restlichen Links blau..
Das Problem ist, dass ich nur dieses hier kenne:

a:link { font-weight:bold; color:blue; text-decoration:none; }
a:visited { font-weight:bold; color:silver; text-decoration:none; }
a:focus { font-weight:bold; color:red; text-decoration:underline; }
a:hover { font-weight:bold; color:green; text-decoration:none; }
a:active { font-weight:bold; color:lime; text-decoration:underline; }

Und die platziert man ja seperat. geht das irgendwie mit einem <div=style:"blablabla">Link</div>??


Danke

 

[Herr_D]

AW: Probleme mit Links..

gib dem Link, der anders sein soll ne eigene class(e)

css

a:link { font-weight:bold; color:blue; text-decoration:none; }
a:visited { font-weight:bold; color:silver; text-decoration:none; }
a:focus { font-weight:bold; color:red; text-decoration:underline; }
a:hover { font-weight:bold; color:green; text-decoration:none; }
a:active { font-weight:bold; color:lime; text-decoration:underline}


a.rot:link { font-weight:bold; color:red; text-decoration:none; }
a.rot:visited { font-weight:bold; color:red; text-decoration:none; }
a.rot:focus { font-weight:bold; color:red; text-decoration:underline; }
a.rot:hover { font-weight:bold; color:green; text-decoration:none; }
a.rot:active { font-weight:bold; color:#00ffff; text-decoration:underline }

<a href="linkadresse" title="hier gehts zum Blauen">blauer Standardlink</a>
<a href="linkadresse" title="hier gehts zum Roten" class="rot">roter Extralink</a>

title ist natürlich nicht nötig, fetzt aber

 

[junkass]

AW: Probleme mit Links..

Du kannst verschiedene classes definieren und dort jeweils die Linkfarben festlegen. Kleines Beispiel:

.link_1 a:link, .link_1 a:visited {color:#3D4A59; text-decoration:none;}
.link_1 a:hover, .link_1 a:active {color:#3D4A59; text-decoration:underline;}

Die classes kannst Du dann z.B. einem div zuweisen. Die in dem div vorkommenden Links sollten dann die entsprechenden styles verwenden.

Edit: zu langsam

 

[Avire]

AW: Probleme mit Links..

Aso..stimmt Danke

 

[sokie]

AW: Probleme mit Links..

oder du notierst einfach

h4 a { color: red; }

das macht den autor rot

 

[Avire]

AW: Probleme mit Links..

Ich kann den Titel einfach nicht "färben"rot)

 [COLOR=Black][I]<style type="text/css">[/I][I]
a.extra:link { font-weight:bold; color:red; text-decoration:none; }
a.extra:visited { font-weight:bold; color:red; text-decoration:none; }
a.extra:hover { font-weight:bold; color:green; text-decoration:none; }
h3 a { color: red; }
[/I][I]</style>[/I]

<div style="margin-bottom: 0px; min-height: 130px; color: black;">
    <h3 style="margin-bottom: 0pt"><a href="{article_href}" style="text-decoration: none;">[COLOR=red]{title}[/COLOR]</a></h2>
    <h4><em>{sub_title}</em></h3>
    <h5 style="margin: 0 0 0 0em; font-weight: normal;";>Posted by <a href="#" class="extra">{author}</a> on {date}</h4>
    <span style="float: right"><a href="{image_location}">{image}</a></span>
    {main_article}
    {extended_article}
    <div id="comments" style="text-align: right; clear: both;">
        <strong><a href="{article_href}#comments" class="extra" style="margin-right: 15pt">{comment_count} comments</a></strong>
    </div>
</div>

[/COLOR]

Wenn ich es auf die Weise mache, wie bei den anderen Links, dann verschwindet der Titel und ein paar andere Bugs kommen hervor.
Wenn ich es mit dem machen wie Soki meint, passiert gar nix.

Was ist denn da los?

 

[Herr_D]

AW: Probleme mit Links..

sokies funzt auch nicht, weil das a vom autor in einer h3 und nicht h4 steht und deine h's solltest du mal dringend überprüfen, du schließt ne h4 mit ner 3 oder 2 oder Kuddelmuddel



warum baust du dir nicht ne classe?

a.rot:link { font-weight:bold; color:red; text-decoration:none; }

die du dann im Link wie folgt einbaust?

[B]<h3[/B] style="margin-bottom: 0pt"><a href="{article_href}" [B][COLOR="Red"]class="rot[/COLOR][/B]">{title}</a>[B]</h3>[/B]

 

[Avire]

AW: Probleme mit Links..

Ah jetzt gehts. ES muss wohl an dem h4, h3 Fehler liegen.
Danke