✔ Auf Link in div mag nicht alle css Eigenschaften...

Status
Nicht offen für weitere Antworten.
D

Darian

Erfahrenes Mitglied
Hallo Leute,

wieder einmal komme ich mit einem komischen Problem zu euch.

HTML: 
<div id="startpage">
	<div id="background">
		<div id="welcometext">
			Text bla bla Text bla bla Text bla bla Text bla bla
                        Text bla bla Text bla bla Text bla bla Text bla bla
			Text bla bla Text bla bla Text bla bla Text bla bla
			<div id="textred"><a target="_top" href="{$smarty.const.DOCUMENT_ROOT}destination">50% WÜRDE ICH SAGEN MÜSSEN REICHEN!</a></div>
		</div>
	</div>
</div>

Code: 
#startpage #background{
/*width:1264px;*/
width:1072px;
height:397px;
margin-left:-20px;
padding:0px;
background: url(../images/travelguide_total.jpg);
}

#startpage #welcometext {
width:300px;
height:100px;
padding:50px 0px 0px 240px;
font-size:13px;
}

#startpage #textred {
color:red;
font-size:11px;
font-weight:bold;
margin-top:10px;

Im Firefox ist der Text von #textred nicht rot und auch das bold will er nicht. Aber das margin und die Textgröße scheint er schon zu machen.

Im IE (ich habe nur 6.0) scheint er alles bis auf die Farbe richtig zu machen.

Wenn ich jetzt #startpage #textred * {} (oder eben auch a) schreibe, passt das margin nicht mehr, das font-size auch nicht mehr, aber der Text ist rot.

Wenn ich es mit style="" direkt ins HTML rein schreibe, passt alles.

Ist doch irgendwie komisch, oder habe ich da schon wieder irgend etwas übersehen, oder nicht gewusst.

Wäre super wenn ich hier ein paar Infos von euch bekommen könnte, auf wunscht werde ich noch einmal genau raus schreiben welche Eigenschaften er anwendet bei den jeweiligen Browsern und welchen nicht. (glaube es ist nicht nötig, weil ich an die Sache vielleicht von Grundauf falsch angehe)

lg und danke für eventuelle Infos
Darian
 
Hallo Darian,

das liegt daran, dass Du das <a></a> Tag nicht mit CSS formatierst.
Wenn Du normalen Text einträgst, wird er auch rot angezeigt.

Siehe unteres Beispiel.

Gruß

Torsten

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#startpage #background{
/*width:1264px;*/
width:1072px;
height:397px;
margin-left:-20px;
padding:0px;
background: url(../images/travelguide_total.jpg);
}

#welcometext {
width:300px;
height:100px;
padding:50px 0px 0px 240px;
font-size:13px;
}

#startpage #textred {
color:red;
font-size:11px;
font-weight:bold;
margin-top:10px;
}

#textred a {
	color:#ff0000;
}
</style>



</head>
<body>
<div id="startpage">
	<div id="background">
		<div id="welcometext">
			Text bla bla Text bla bla Text bla bla Text bla bla
                        Text bla bla Text bla bla Text bla bla Text bla bla
			Text bla bla Text bla bla Text bla bla Text bla bla
			<div id="textred">Schrift ist rot!&nbsp;<a target="_top" href="{$smarty.const.DOCUMENT_ROOT}destination">50% WÜRDE ICH SAGEN MÜSSEN REICHEN!</a></div>
		</div>
	</div>
</div>
</body>
</html>
 
Hallo, jetzt gehts natürlich. Danke dir, aber ich war der Meinung dass sich das in die nächste Ebene weiter vererbt oder so. War da wohl mit meinen Gedanken nicht ganz richtig dabei.

Danke und lg
Darian
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück