Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 16.06.2009, 22:57
einshoch einshoch ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.06.2009
Beiträge: 5
einshoch befindet sich auf einem aufstrebenden Ast
Standard HTML und CSS trennen

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!!!
Mit Zitat antworten
Sponsored Links