Hallo,
ich bin Neuling im Bereich HTML und CSS. Für eine Webseite habe ich folgenden Code, den ich gerne in ein Style Sheet und in ein HTML Dokument trennen möchte. Bei diesem Versuch entsteht folgendes: Lokal (ich erstelle die Dateien im NVU) funktioniert dies einwandfrei. Sobald ich mein HTML und CSS auf den Server lade, funktioniert es nicht mehr (der gesamte Text wird eingeblendet, das aufklappen funktioniert nicht mehr).
Lade ich aber den Code wie oben abgebildet als ein File hoch, funktioniert dies. Das heisst für mich, dass ich irgendwelche Fehler in der Trennung des Codes habe.
Kann mir jemand weiterhelfen?
Hier der Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>xxxx</title>
<style type="text/css" media="screen,projection" title="Druckvorschau-semantic-Test">
/*<![CDATA[*/
* {
margin: 0;
padding: 0;
}
html, body {
color: #000000;
background-color: #FF9922;
line-height: 1.45;
}
body {
padding: 3em 1em;
font-size: 100.01%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div {
border: 1px solid #000000;
padding: 1em .5em;
background-color: #FFFFFF;
font-size: .8em;
}
p {
margin: .5em;
background-color: #EEEEEE;
}
a {
color: #000000;
}
a:focus,
a:active {
background-color: #99CCFF;
}
a span {
display: none;
}
a:focus span,
a:active span
{
display: block;
border: 0 none;
padding: 1em;
text-decoration: none;
background-color: #99CCFF;
}
/*]]>*/
</style>
</head>
<body>
<div>
blablabla
<a href="#">aufklappen
<span>rest vom text</span>
</a>
</p>
blablabla
<a href="#">aufklappen
<span>rest vom text
rest vom text</span>
</a>
</p>
blablabla
<a href="#">aufklappen
<span>rest vom text</span>
</a>
</p>
</div>
</body>
</html>