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
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