Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- Design zentrieren? (https://www.gegen-bilderklau.net/thread.php?threadid=253)
Geschrieben von |Alex| am 09.02.2005 um 17:16:
Design zentrieren?
Hi,
ich habe mein Design auf
www.ea-art.de.vu soweit ganz gut hinbekommen, nun habe ich das problem, das es an der linken seite des bildschirms kleppt.
1. Könnt ihr mir den Code sagen?
2. Sagt mir am besten auch noch gleich, wo ich es einfügen muss
lg Eni
Geschrieben von *Kathrin* am 09.02.2005 um 19:02:
<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!
Geschrieben von |Alex| am 09.02.2005 um 19:07:
okay, ich rponiers aus, aber wo muss ichd as einfügen??
und soll ich nur die namen der iframes einfügen?
Geschrieben von *Kathrin* am 09.02.2005 um 19:31:
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!
Geschrieben von |Alex| am 09.02.2005 um 19:35:
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>
Geschrieben von *Kathrin* am 09.02.2005 um 19:41:
<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.
Geschrieben von |Alex| am 09.02.2005 um 19:49:
super, jetzt ist es mittig, aber doppelt
siehe
www.ea-art.de.vu
Geschrieben von *Kathrin* am 09.02.2005 um 19:55:
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!
Geschrieben von |Alex| am 09.02.2005 um 19:57:
juhuuuu, es klappt
*knuffZ*
Geschrieben von |Alex| am 10.02.2005 um 14:55:
das ist Arial, da sleigt daran,d as die schrift transparent ist
Geschrieben von |Alex| am 10.02.2005 um 15:13:
doch, ist es aus, ich habe es kruz mal auf der homesiete umgeändert und es bleibt der weiße rand
Forensoftware: Burning Board, entwickelt von WoltLab GmbH