Beim Link geht die Formatierung verloren...

[Nico]

Hallo,

Bei meinem Link funktioniert die Formatierung nur, wenn ich sie direkt mit style="..." ins <a href...> mit reinschreibe. Was mach ich da verkehrt?

hier ist mein Link:

<span class="bannerright">
<a href="logout.php" onclick="NewWindow(this.href,'logout','300','165','no');return false;" title="Logout" >Logout</a>
</span>

und mein CSS:

.bannerright, .bannerright a, .bannerright a:link, .bannerright a:visited, .bannerright a:active, .bannerright a:hover {
 font-size: x-small;
 float: right;
 width: 30%;
 font-weight: lighter;
 color: #990000;
 letter-spacing: .1em;
 text-transform: uppercase;
 text-align: right;
}

Danke
~
Nico

[Elya]

Hallo Nico,

.bannerright, .bannerright a, .bannerright a:link, .bannerright a:visited, .bannerright a:active, .bannerright a:hover

versuch's mal mit a.bannerright, a.bannerright:link, a.bannerright:visited ... usw.

Viel Erfolg!

Gruß aus Köln-Ehrenfeld,

Elya

[Elya]

Hallo Nico,

versuch's mal mit a.bannerright, a.bannerright:link, a.bannerright:visited ... usw.

das war natürlich Quatsch. Ich sollte morgens nicht schon versuchen zu denken... o.g. Lösung geht nur, wenn du <a class="bannerright" src="bla.html"> definiert hättest.

Gruß aus Köln-Ehrenfeld,

Elya

[Martin Hölter]

Hi
!

<span class="bannerright">
<a href="logout.php" onclick="NewWindow(this.href,'logout','300','165','no');return false;" title="Logout" >Logout</a>
</span>

und mein CSS:

.bannerright, .bannerright a, .bannerright a:link, .bannerright a:visited, .bannerright a:active, .bannerright a:hover {
font-size: x-small;
float: right;
width: 30%;
font-weight: lighter;
color: #990000;
letter-spacing: .1em;
text-transform: uppercase;
text-align: right;
}

Werden Angaben zu width und float nicht nur bei Blockelementen interpretiert (ider bei solchen mit display:block;)? Oder irre ich mich?

Gruß

Martin

[Nico]

Werden Angaben zu width und float nicht nur bei Blockelementen interpretiert (ider bei solchen mit display:block;)? Oder irre ich mich?

Mit display:block hab ich's nun auch probiert. Leider gar nix...

In der Datei endet das alles auch noch mit <br style="clear:both;">. Ich hatte schon einmal das Problem mit float...
~
Nico

[Ingo Turski]

Hi,

warum nicht einfach
    <a id="bannerright" ...>
und
    #bannerright {display:block; ...}
?

freundliche Grüße
Ingo

[Nico]

warum nicht einfach
    <a id="bannerright" ...>

Das ist Ansichtsache. Obwohl ^^ schöner aussieht.

#bannerright {display:block; ...}

Das klappt auch nicht. Das eigentliche, was auffällt ist, dass uppercase nicht berücksichtigt wird.

~
Nico

[Ingo Turski]

Hi,

#bannerright {display:block; ...}

Das klappt auch nicht. Das eigentliche, was auffällt ist, dass uppercase nicht berücksichtigt wird.

definiere "klappt nicht" - und wieso sollte die uppercase-Definition hier nicht berücksichtigt werden?
Oder besser: poste mal einen Link auf die Seite. Möglicherweise geht das ja auch noch viel einfacher.

freundliche Grüße
Ingo

[Nico]

Das klappt auch nicht. Das eigentliche, was auffällt ist, dass uppercase nicht berücksichtigt wird.
definiere "klappt nicht" - und wieso sollte die uppercase-Definition hier nicht berücksichtigt werden?

Das weiss ich auch nicht...

Oder besser: poste mal einen Link auf die Seite. Möglicherweise geht das ja auch noch viel einfacher.

Mach ich... User:test,Pass:test

Gruß
~
Nico

[Nico - Nachtrag]

Noch was... Es ist das LOGOUT oben rechts im Banner...

[Ingo Turski]

Hi,

sorge bitte erstmal dafür, daß ich mit deaktiviertem Javascript ein CSS geliefert bekomme. So sehe ich nur eine reine Textseite.

freundliche Grüße
Ingo

[Nico]

Ok... Hab ich...

[Ingo Turski]

Hi,

lese in Selfhtml nochmals das Kapitel über CSS-Selektoren und ersetze:
.bannerright, .bannerright a, .bannerright a:link, .bannerright a:visited, .bannerright a:active, .bannerright a:hover {

durch:
#banner a.bannerright:link, #banner a.bannerright:visited, #banner a.bannerright:active, #banner a.bannerright:hover {

Wobei ich mir schon noch überlegen würde, einen Hover-Effekt einzubauen.

freundliche Grüße
Ingo

[Nico]

lese in Selfhtml nochmals das Kapitel über CSS-Selektoren und ersetze:
.bannerright, .bannerright a, .bannerright a:link, .bannerright a:visited, .bannerright a:active, .bannerright a:hover {

durch:
#banner a.bannerright:link, #banner a.bannerright:visited, #banner a.bannerright:active, #banner a.bannerright:hover {

Danke. Werd ich gleich mal testen.

Wobei ich mir schon noch überlegen würde, einen Hover-Effekt einzubauen.

Das wollte ich noch machen. Aber erst einmal die groben Schnitzer entfernen bevor es ins Detail geht...

~
Nico