[CSS] Anzeige bei Text ja, bei Link nein

[bassti]

Hallo Leute!

Ich habe hier ein ehrlich gesagt ziemlich seltsames Problem.
Es geht um folgenden CSS-Code:

.bottom
	{
	background-color: #999999;
	float: left;
	overflow: auto;
	position: fixed;
	bottom: 0px;
	width: 100%;
	right: 20px;
	margin: 0px;
	padding: 0px;
	height: 24px;
	font-family: Verdana;
	font-weight: bold;
	z-index:2;
	}
	
.logout a:link, .logout a:hover, .logout a:visited
	{
	font-family: Verdana;
	text-decoration:none;
	font-weight:bold;
	vertical-align: top;
	color: #cccccc;
	}

Wie folgt eingebunden:

		<div class="bottom"><img src="./grafics/initech.png" alt="iNiTECH DESiGN LOGO" />&copy; 2oo7/2oo8 by iNiTECH DESiGN</div>
		<div class="logout"><img src="./grafics/24/logout.png" alt ="logout" /><a href="index.php?site=logout">Logout</a></div>

Jetzt das Problem: Beim Firefox zeigt er den Link in dieser Form (Verdana, bold) nicht an. Bei normalem Text aber schon. Was mich erst recht stutzig macht ist, das der Internet Explorer (IE 7) sich kein Stück darum schert. Er zeigt einfach alles an, wie es sein sollte.

Wenn einer auch nur eine ungefähre Idee hat, wäre ich um eine Antwort dankbar.


Gruß

bassti

 

[munchkin]

Hi bassti,

ich bin mir nicht ganz sicher, ob ich dein Problem verstanden habe, aber das einzige Problem, das ich bei mir gesehen habe, ist die Tatsache, dass es keinen Unterschied zwischen bold und bolder bei der Darstellung gibt (FF und IE7). Wenn ich den Schrifttyp ändere, dann ändert sich dementsprechend, sowohl der Linktext, wie auch der normale Text. Der Alternativtext für die Links bleibt davon natürlich unbeeinflusst.
Was mir noch aufgefallen ist, der IE7 hat mit dieser DIV-Anordnung Probleme. Das DIV der Klasse bottom wird über dem DIV der Klasse logout gerendert. Zudem zeigt sich ein horizontaler Scroll-Balken in diesem DIV.
Im FF liegt dagegen liegt das DIV der Klasse bottom am unteren Rand der Seite an und sieht schick aus. Aber das ist ja nicht das Problem .

Vielleicht habe ich es aber einfach nicht verstanden.Es ist auch schon recht spät

Schöne Grüße
munchkin

 

[Tankred]

Ja, spät ist es allerdings.

Nur würde ich es anders machen. Einmal wäre es eine Klasse für "a" und eine andere für "a:hover". Probiere doch mal diese Unterscheidung in zwei CSS-Angaben.

 

[dummix]

Die ganzen Eigenschaften, die du den Pseudoelementen a:link usw. gegeben hast, musst du auch a geben.

edit: es ist wirklich schon zu spät.