HTML in CSS

°RapLexx° · 10/12/2010, 15:19

Hallo Liebe Com

Ich wollte mal fragen ob mir jemand eine html datei in css umwandeln kann ich habe das design nur als html hinbekommen und bin zu doof dafür das in css zu schreiben wäre lieb wen sich mal jemand melden könnte.

Hier das design in HTML:

Spoiler

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="content-type" content="text/css; charset=ISO-8859-1">
<meta name="generator" content="Web Page Maker">
</head>
<body bgColor="#000000">
<div id="image1" style="position:absolute; overflow:hidden; left:244px; top:18px; width:875px; height:70px; z-index:0"><img src="images/img5098128.png" alt="" title="" border=0 width=875 height=70></div>

<div id="image2" style="position:absolute; overflow:hidden; left:246px; top:256px; width:873px; height:14px; z-index:1"><img src="images/bg_top.png" alt="" title="" border=0 width=873 height=14></div>

<div id="image3" style="position:absolute; overflow:hidden; left:244px; top:270px; width:875px; height:554px; z-index:2"><img src="images/bg_middle.png" alt="" title="" border=0 width=875 height=554></div>

<div id="image4" style="position:absolute; overflow:hidden; left:244px; top:822px; width:875px; height:50px; z-index:3"><img src="images/bg_foot.png" alt="" title="" border=0 width=875 height=50></div>

<div id="image5" style="position:absolute; overflow:hidden; left:0px; top:253px; width:226px; height:45px; z-index:4"><img src="images/m_top.png" alt="" title="" border=0 width=226 height=45></div>

<div id="image6" style="position:absolute; overflow:hidden; left:0px; top:298px; width:227px; height:119px; z-index:5"><img src="images/m_middle.png" alt="" title="" border=0 width=227 height=119></div>

<div id="image7" style="position:absolute; overflow:hidden; left:0px; top:415px; width:227px; height:23px; z-index:6"><img src="images/m_foot.png" alt="" title="" border=0 width=227 height=23></div>

<div id="image8" style="position:absolute; overflow:hidden; left:483px; top:275px; width:610px; height:52px; z-index:7"><img src="images/n_top.png" alt="" title="" border=0 width=610 height=52></div>

<div id="image9" style="position:absolute; overflow:hidden; left:483px; top:323px; width:610px; height:408px; z-index:8"><img src="images/n_middle.png" alt="" title="" border=0 width=610 height=408></div>

<div id="image10" style="position:absolute; overflow:hidden; left:482px; top:728px; width:610px; height:38px; z-index:9"><img src="images/n_foot.png" alt="" title="" border=0 width=610 height=38></div>

<div id="image11" style="position:absolute; overflow:hidden; left:0px; top:448px; width:226px; height:45px; z-index:10"><img src="images/m_top.png" alt="" title="" border=0 width=226 height=45></div>

<div id="image12" style="position:absolute; overflow:hidden; left:0px; top:491px; width:227px; height:120px; z-index:11"><img src="images/m_middle.png" alt="" title="" border=0 width=227 height=120></div>

<div id="image13" style="position:absolute; overflow:hidden; left:0px; top:610px; width:227px; height:23px; z-index:12"><img src="images/m_foot.png" alt="" title="" border=0 width=227 height=23></div>

<div id="image14" style="position:absolute; overflow:hidden; left:1125px; top:375px; width:226px; height:45px; z-index:13"><img src="images/m_top.png" alt="" title="" border=0 width=226 height=45></div>

<div id="image15" style="position:absolute; overflow:hidden; left:1125px; top:419px; width:227px; height:122px; z-index:14"><img src="images/m_middle.png" alt="" title="" border=0 width=227 height=122></div>

<div id="image16" style="position:absolute; overflow:hidden; left:1125px; top:540px; width:227px; height:23px; z-index:15"><img src="images/m_foot.png" alt="" title="" border=0 width=227 height=23></div>

<div id="image17" style="position:absolute; overflow:hidden; left:1121px; top:281px; width:226px; height:70px; z-index:16"><img src="images/download.png" alt="" title="" border=0 width=226 height=70></div>


</body>
</html>

MFG
★Sazh★

Kuna95 · 10/12/2010, 15:36

hohohohohohohohhoohhohohhohhohohooh

Andruh90 · 10/12/2010, 15:37

Ich übernehm es mal für dich

°RapLexx° · 10/12/2010, 15:38

Danke das ist sehr lieb

Andruh90 · 10/12/2010, 15:56

Bitteschön, ich denk mal das ist richtig.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Web Page Maker">
<style type="text/css">
<!--
body{
background-color:#000000;
}
#image1{
position:absolute; overflow:hidden; left:244px; top:18px; width:875px; height:70px; z-index:0;
background-image:url(images/img5098128.png);
}
#image2{
position:absolute; overflow:hidden; left:246px; top:256px; width:873px; height:14px; z-index:1;
background-image:url(images/bg_top.png);
}
#image3{
position:absolute; overflow:hidden; left:244px; top:270px; width:875px; height:554px; z-index:2;
background-image:url(images/bg_middle.png);
}
#image4{
position:absolute; overflow:hidden; left:244px; top:822px; width:875px; height:50px; z-index:3;
background-image:url(images/bg_foot.png);
}
#image5{
position:absolute; overflow:hidden; left:0px; top:253px; width:226px; height:45px; z-index:4;
background-image:url(images/m_top.png);
}
#image6{
position:absolute; overflow:hidden; left:0px; top:298px; width:227px; height:119px; z-index:5;
background-image:url(images/m_middle.png);

}
#image7{
position:absolute; overflow:hidden; left:0px; top:415px; width:227px; height:23px; z-index:6;
background-image:url(images/m_foot.png);
}
#image8{
position:absolute; overflow:hidden; left:483px; top:275px; width:610px; height:52px; z-index:7;
background-image:url(images/n_top.png);
}
#image9{
position:absolute; overflow:hidden; left:483px; top:323px; width:610px; height:408px; z-index:8
background-image:url(images/n_middle.png);
}
#image10{
position:absolute; overflow:hidden; left:482px; top:728px; width:610px; height:38px; z-index:9;<br>
background-image:url(images/n_foot.png);
}
#image11{
position:absolute; overflow:hidden; left:0px; top:448px; width:226px; height:45px; z-index:10;
background-image:url(images/m_top.png);
}
#image12{
position:absolute; overflow:hidden; left:0px; top:491px; width:227px; height:120px; z-index:11;
background-image:url(images/m_middle.png);
}
#image13{
position:absolute; overflow:hidden; left:0px; top:610px; width:227px; height:23px; z-index:12;
background-image:url(images/m_foot.png);
}
#image14{
position:absolute; overflow:hidden; left:1125px; top:375px; width:226px; height:45px; z-index:13;
background-image:url(images/m_top.png);

}
#image15{
position:absolute; overflow:hidden; left:1125px; top:419px; width:227px; height:122px; z-index:14;
background-image:url(images/m_middle.png);
}
#image16{
position:absolute; overflow:hidden; left:1125px; top:540px; width:227px; height:23px; z-index:15;
background-image:url(images/m_foot.png);
}
#image17{
position:absolute; overflow:hidden; left:1121px; top:281px; width:226px; height:70px; z-index:16;
background-image:url(images/download.png);
}
-->
</style>
</head>
<body>
<div id="image1"></div>

<div id="image2"></div>

<div id="image3"></div>

<div id="image4"></div>

<div id="image5"></div>

<div id="image6"></div>

<div id="image7"></div>

<div id="image8"></div>

<div id="image9"></div>

<div id="image10"></div>

<div id="image11"></div>

<div id="image12"></div>

<div id="image13"></div>

<div id="image14"></div>

<div id="image15"></div>

<div id="image16"></div>

<div id="image17"></div>
</body>
</html>

Wie ich sehe, benutzt du Web Page Maker, ganz schlecht, benutz lieber Dreamweaver, kommst damit besser klar

°RapLexx° · 10/12/2010, 16:06

Ok danke ist lieb

Ehm das funktioniert nicht!!

Andruh90 · 10/12/2010, 16:28

Was funktioniert da nicht ?
Eigentlich müsste alles klappen.
Kann sein, dass du den alten Code von mir kopiert hast, ich hab ebend dein verbesserten gepostet

Syc0n · 10/12/2010, 17:11

Ich würd die css sowieso auslagern..

Σternαl. · 10/12/2010, 18:38

Was zur Hölle hat das in der Artists Section verloren?? Btw Sazh, deine Signatur ist viel zu hoch.

ClOuDy. · 10/12/2010, 23:41

Quote:

<meta name="generator" content="Web Page Maker">

hast du als hinbekommen? du meinste wurde dir so ausgespuckt.

overflow ist sinnlos - verhindert das scrollen
z-index ist ebenfalls sinnlos.
der code ist einfach müll...du kannst ihn auch so lassen wie er war.

was übrigens nich an dem kopierten von andruh nich gehen könnte:

Quote:

url('../images/bild.png')