HTML und CSS trennen

Oneup

Cadet 2nd Year
Registriert
Mai 2009
Beiträge
26
Hallo,
ich weis ich bin neu hier aber ich hoffe ihr könnt mir helfen :)

Also ich habe mir von Adobe Imageready meine hp als css ausgeben lassen.
Dabei bekommt man eine html datei in die das css integriert ist.
Ich wollte nun das ganze trennen, schaffe es aber nicht so richtig, hier der Quellcode:

Code:

<html>
<head>
<title>Homepage1_ohne</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Styles (Homepage1_ohne.psd) -->
<style type="text/css">
<!--

#Table_01 {
position:absolute;
margin:0 auto;
left:0px;
top:0px;
width:1024px;
height:768px;
}

#Homepage1-ohne-01 {
position:absolute;
left:0px;
top:0px;
width:1024px;
height:204px;
}

#Homepage1-ohne-02 {
position:absolute;
left:0px;
top:204px;
width:99px;
height:564px;
}

#Homepage1-ohne-03 {
position:absolute;
left:99px;
top:204px;
width:545px;
height:45px;
}

#Homepage1-ohne-04 {
position:absolute;
left:644px;
top:204px;
width:380px;
height:44px;
}

#Homepage1-ohne-05 {
position:absolute;
left:644px;
top:248px;
width:75px;
height:520px;
}

#Homepage1-ohne-06 {
position:absolute;
left:719px;
top:248px;
width:288px;
height:231px;
}

#Homepage1-ohne-07 {
position:absolute;
left:1007px;
top:248px;
width:17px;
height:520px;
}

#Homepage1-ohne-08 {
position:absolute;
left:99px;
top:249px;
width:545px;
height:438px;
}

#Homepage1-ohne-09 {
position:absolute;
left:719px;
top:479px;
width:288px;
height:10px;
}

#Homepage1-ohne-10 {
position:absolute;
left:719px;
top:489px;
width:288px;
height:197px;
}

#Homepage1-ohne-11 {
position:absolute;
left:719px;
top:686px;
width:288px;
height:82px;
}

#Homepage1-ohne-12 {
position:absolute;
left:99px;
top:687px;
width:545px;
height:81px;
}

-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (Homepage1_ohne.psd) -->
<div id="Table_01">
<div id="Homepage1-ohne-01">
<img src="images/Homepage1_ohne_01.gif" width="1024" height="204" alt=""> </div>
<div id="Homepage1-ohne-02">
<img src="images/Homepage1_ohne_02.gif" width="99" height="564" alt=""> </div>
<div id="Homepage1-ohne-03">
<img src="images/Homepage1_ohne_03.gif" width="545" height="45" alt=""> </div>
<div id="Homepage1-ohne-04">
<img src="images/Homepage1_ohne_04.gif" width="380" height="44" alt=""> </div>
<div id="Homepage1-ohne-05">
<img src="images/Homepage1_ohne_05.gif" width="75" height="520" alt=""> </div>
<div id="Homepage1-ohne-06">
<img src="images/Homepage1_ohne_06.gif" width="288" height="231" alt=""> </div>
<div id="Homepage1-ohne-07">
<img src="images/Homepage1_ohne_07.gif" width="17" height="520" alt=""> </div>
<div id="Homepage1-ohne-08">
<img src="images/Homepage1_ohne_08.gif" width="545" height="438" alt=""> </div>
<div id="Homepage1-ohne-09">
<img src="images/Homepage1_ohne_09.gif" width="288" height="10" alt=""> </div>
<div id="Homepage1-ohne-10">
<img src="images/Homepage1_ohne_10.gif" width="288" height="197" alt=""> </div>
<div id="Homepage1-ohne-11">
<img src="images/Homepage1_ohne_11.gif" width="288" height="82" alt=""> </div>
<div id="Homepage1-ohne-12">
<img src="images/Homepage1_ohne_12.gif" width="545" height="81" alt=""> </div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>


Nun habe ich einfach den Teil <style></style> in eine Css-Datei gepackt und oben in die Html folgendes geschrieben: <link rel="stylesheet" type="text/css" href="xxx/rule.css">
Aber dabei zerschießt er mir immer die ganze Seite

Habt ihr vllt eine Idee?
Vielen Dank!!!
Beitrag bearbeiten/löschen
 
Liegt die "rule.css" denn auch in dem Ordner "xxx"? Hast Du die "<style type="text/css"> <!--" und "--> </style>"vielleicht aus versehen mit in die *.css-Datei kopiert?
 
Zurück
Oben