|
|
Design zentrieren? |
*Kathrin*
Pferdemama :o)
Dabei seit: 09.02.2005
Beiträge: 1.023
Herkunft: Jülich
|
|
<html>
<head>
<title>Royal Sporthorses</title>
<link rel="stylesheet" type="text/css" href="design.css">
</head>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td align="center" valign="middle">
<table width="800px" border="0" cellspacing="0" cellpadding="0" height="550px">
<tr>
<td background="hintergrund.gif">
I-Frames eingeben
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Das ist jetzt der Code von meiner Siete http://www.sporthorses.de.tf nachdem du natürlich aufs Enter geklickt hast.
Das kann man wie du im Quelltext sehen kannst ganz einfach mit einer Tabelle machen. Du musst nur noch den Hintergrund eingeben und dort wo ich die Lücke gelassen hab, musst du die I-Frames hinschreiben.
Hab das alles noch was farblich gemacht:
hintergrund.gif: Adresse deines Hintergrundes eingeben
I-Frames eingeben: Deine passenden Frames gehören da hinein.
800px: Hier gibst du einfach die Breite deines Designs in Pixeln an.
550px: Hier gibst du die Höhe deines designs in Pixeln an.
Jetzt müsste alles klappen!
Viel Glück!
__________________
|
|
09.02.2005 19:02 |
|
|
|Alex|
||L.O.V.E.
Dabei seit: 23.03.2005
Beiträge: 3.015
Themenstarter
|
|
okay, ich rponiers aus, aber wo muss ichd as einfügen??
und soll ich nur die namen der iframes einfügen?
__________________
|
|
09.02.2005 19:07 |
|
|
*Kathrin*
Pferdemama :o)
Dabei seit: 09.02.2005
Beiträge: 1.023
Herkunft: Jülich
|
|
Du musst den Code auf der Seite einfügen, wo du bisher deine ganzen I-Frames und so stehen hattest.
Nein, du musst nicht nur den Namen der I-Frames sondern den ganzen code...:
<iframe ...></iframe>
... steht dabei natürlich für die Angaben, die dein I-Frame enthält, also Höhe, Breite und so!
__________________
|
|
09.02.2005 19:31 |
|
|
|Alex|
||L.O.V.E.
Dabei seit: 23.03.2005
Beiträge: 3.015
Themenstarter
|
|
ich versteh immer noch nich, wo ich das einfügen muss, kannst du mir den code nicht gerade zusammenstellen??
<html>
<style type="text/css">
<!--
body {
background-image:http://eaart.ea.funpic.de/mmh.jpg;
background-repeat:no-repeat;
background-attachment:fixed;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
-->
</style>
<bg properties scroll="no">
<head>
<title>Index</title>
<style>
body { scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
</style>
</head>
<body background="http://eaart.ea.funpic.de/mmh.jpg" bgcolor="#000000">
<div id="Layer1" style="position: absolute; left: 13px; top: 123px;">
<iframe src="home.htm" name="home" width="511" height="445" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
<div id="Layer2" style="position: absolute; left: 511px; top: 28px;">
<iframe src="Untermenue.htm" name="Untermenue" width="149" height="540" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
</body>
<div id="Layer3" style="position: absolute; left: 13px; top: 28px;">
<iframe src="Menue.htm" name="Menue" width="479" height="94" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
</body>
</html>
__________________
|
|
09.02.2005 19:35 |
|
|
*Kathrin*
Pferdemama :o)
Dabei seit: 09.02.2005
Beiträge: 1.023
Herkunft: Jülich
|
|
<html>
<style type="text/css">
<!--
body {
background-image:<a target="_blank" href="http://eaart.ea.funpic.de/mmh.jpg;">http://eaart.ea.funpic.de/mmh.jpg;[/url]
background-repeat:no-repeat;
background-attachment:fixed;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
-->
</style>
<bg properties scroll="no">
<head>
<title>Index</title>
<style>
body { scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
</style>
</head>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td align="center" valign="middle">
<table width="800px" border="0" cellspacing="0" cellpadding="0" height="550px">
<tr>
<td background="http://eaart.ea.funpic.de/mmh.jpg">
<div id="Layer1" style="position: absolute; left: 13px; top: 123px;">
<iframe src="home.htm" name="home" width="511" height="445" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
<div id="Layer2" style="position: absolute; left: 511px; top: 28px;">
<iframe src="Untermenue.htm" name="Untermenue" width="149" height="540" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
</body>
<div id="Layer3" style="position: absolute; left: 13px; top: 28px;">
<iframe src="Menue.htm" name="Menue" width="479" height="94" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</html>
So müsste es hinhauen. Du musst jetzt nur noch die Position der I-Frames verändern, da das Design ja jetzt inner Mitte ist und nicht mehr links am Rand.
__________________
|
|
09.02.2005 19:41 |
|
|
|Alex|
||L.O.V.E.
Dabei seit: 23.03.2005
Beiträge: 3.015
Themenstarter
|
|
super, jetzt ist es mittig, aber doppelt
siehe www.ea-art.de.vu
__________________
|
|
09.02.2005 19:49 |
|
|
*Kathrin*
Pferdemama :o)
Dabei seit: 09.02.2005
Beiträge: 1.023
Herkunft: Jülich
|
|
Oh hab vergessen die Pixelgröße zu ändern.
<html>
<style type="text/css">
<!--
body {
background-image:<a target="_blank" href="http://eaart.ea.funpic.de/mmh.jpg;"><a target="_blank" href="http://eaart.ea.funpic.de/mmh.jpg;">http://eaart.ea.funpic.de/mmh.jpg;[/url][/url]
background-repeat:no-repeat;
background-attachment:fixed;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
-->
</style>
<bg properties scroll="no">
<head>
<title>Index</title>
<style>
body { scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
</style>
</head>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td align="center" valign="middle">
<table width="613px" border="0" cellspacing="0" cellpadding="0" height="551px">
<tr>
<td background="http://eaart.ea.funpic.de/mmh.jpg">
<div id="Layer1" style="position: absolute; left: 13px; top: 123px;">
<iframe src="home.htm" name="home" width="511" height="445" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
<div id="Layer2" style="position: absolute; left: 511px; top: 28px;">
<iframe src="Untermenue.htm" name="Untermenue" width="149" height="540" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
</body>
<div id="Layer3" style="position: absolute; left: 13px; top: 28px;">
<iframe src="Menue.htm" name="Menue" width="479" height="94" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</html>
Bitte nochmal kopieren. jetzt müsste es aber wirklich klappen!
__________________
|
|
09.02.2005 19:55 |
|
|
|Alex|
||L.O.V.E.
Dabei seit: 23.03.2005
Beiträge: 3.015
Themenstarter
|
|
juhuuuu, es klappt
*knuffZ*
__________________
|
|
09.02.2005 19:57 |
|
|
|Alex|
||L.O.V.E.
Dabei seit: 23.03.2005
Beiträge: 3.015
Themenstarter
|
|
das ist Arial, da sleigt daran,d as die schrift transparent ist
__________________
|
|
10.02.2005 14:55 |
|
|
|Alex|
||L.O.V.E.
Dabei seit: 23.03.2005
Beiträge: 3.015
Themenstarter
|
|
doch, ist es aus, ich habe es kruz mal auf der homesiete umgeändert und es bleibt der weiße rand
__________________
|
|
10.02.2005 15:13 |
|
|
|
|
|
Impressum
|