Werbebanner in Header einbauen? |
Schweinebacke
Mitglied
Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg
|
|
Den verschiebst du bei left:0px; 0= ganz Links.
Du kannst auch right:0px statt left:0px; verwenden, dann liegt der Banner ganz Rechts.
Wenn du ihn genau in der Mitte haben möchtest ist ein wenig Rechnen angesagt.
Beispiel Banner 468pix Breit – Header ist 898pix Breit
Dann muss der Banner left:499px; die Hälfte des Headers von links sein. Da der Banner selbst 468pix groß ist muss er um die Hälfte wieder zurückgesetzt werden. Sprich margin-left:-234px; Mit den Angaben liegt es dann genau in der Mitte.
<div id="banner" style="position:relative; left:499px; top:-100px; margin-left:-234px; width:468px; height:60px; overflow:hidden; z-index:100;">
|
|
19.12.06 15:24 |
E-Mail
Finden
Als Freund hinzufügen
|
|
Schweinebacke
Mitglied
Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg
|
|
Laut deinem Quelltext steht da right00px; richtig wäre right:0px;
Du hast da eine Null zuviel und einen Doppelpunkt zu wehnig.
|
|
19.12.06 16:50 |
E-Mail
Finden
Als Freund hinzufügen
|
|
Barthez
Mitglied
Dabei seit: 07.07.04
Beiträge: 304
Forenversion: 3.0
Themenstarter
|
|
also ich habe es korrigiert, aber das Ergebnis ist immer noch gleich Null
<div id="banner" style="position:relative; right:0px; top:-100px; width:468 px; height:60 px; overflow:hidden; z-index:100;"><a href="http://www.domain.de"><img src="banner.gif" alt="Werbebanner" border="0"></a></div></div></td>
__________________ Gruß
Barthez
|
|
19.12.06 17:03 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Byteandi
Mitglied
Dabei seit: 03.09.06
Beiträge: 50
Herkunft: Berlin Forenversion: 2.3
|
|
HI,
wenn du von deinem keeperforum redest, dann bist du die sache da so ziemlich falsch angegangen.
du hast das jetzt so aufgebaut:
code: |
1:
2:
3:
4:
|
<div id="banner" style="position:relative; left:0px; top:0px; width:898px; height:130px; overflow:hidden; z-index:90;"><img src="images//header1.gif" alt="Keeperforum.de">
<div id="banner" style="position:relative; right:0px; top:-100px; width:468 px; height:60 px; overflow:hidden; z-index:100;"><a href="http://www.domain.de"><img src="banner.gif" alt="Werbebanner" border="0"></a></div></div>
|
|
das kann so nix........
erstens kann man eine id nur einmal vergeben, zweitens wäre es evntuell besser in dem ersten div den header als hintergrundbild einzubinden, das mit dem position:relative ist da schon gnaz gut, also kannst du das zweite div killen und gibst dem <a> tag ein position:absolute; dann kannst du es mit den angaben left/right/top oder bottom pixelgenau ausrichten.
wieso benutzt du da eigentlich z-index... da gibt es doch keinen grund für oder hab ich was übersehen?
hier mal der ungefähre code der alles über nur ein div regelt...:
code: |
1:
2:
3:
4:
5:
6:
|
<div id="banner" style="border:1px solid #f90000; position:relative; left:0px; top:0px;
width:898px; height:130px; overflow:hidden; background-image:url(images/header1.gif);">
<a style='position:absolute; right:100px; top:30px;' href="http://www.domain.de"><img
src="banner.gif" alt="Werbebanner" border="0"/></a></div>
|
|
__________________
Tipps zum Thema HTML / XHTML / CSS
|
|
19.12.06 21:09 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Barthez
Mitglied
Dabei seit: 07.07.04
Beiträge: 304
Forenversion: 3.0
Themenstarter
|
|
Hi Andy,
also ich habe da gar nicht so die Ahnung wie man merkt, ich habe nur den Codeschnipsel eingebaut den ich oben von Schweinebacke bekommen habe...
habe jetzt Deinen eingefügt:
<tr>
<td colspan="2"><div id="banner" style="position:relative; left:0px; top:0px; width:898px; height:130px; overflow:hidden; z-index:90;"><img src="{$style['imagefolder']}/header1.gif" alt="Keeperforum.de">
<div id="banner" style="border:1px solid #f90000; position:relative; left:0px; top:0px;
width:898px; height:130px; overflow:hidden; background-image:url(images/header1.gif);">
<a style='position:absolute; right:100px; top:30px;' href="http://www.domain.de"><img
src="http://www.keeperforum.de/banner/goalkeeping_banner.gif" alt="Werbebanner" border="0"/></a></div></td>
</tr>
das Problem ist das man jetzt gar nichts davon sieht!?
__________________ Gruß
Barthez
|
|
19.12.06 22:38 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Byteandi
Mitglied
Dabei seit: 03.09.06
Beiträge: 50
Herkunft: Berlin Forenversion: 2.3
|
|
ist ja alles nicht so wild.... diesen Teil musst du auch entfernen
code: |
1:
2:
3:
|
<div id="banner" style="position:relative; left:0px; top:0px; width:898px; height:130px; overflow:hidden; z-index:90;"><img src="{$style['imagefolder']}/header1.gif" alt="Keeperforum.de">
|
|
und diesen Teil natürlich anstelle des "images" einfügen -->{$style['imagefolder']}
__________________
Tipps zum Thema HTML / XHTML / CSS
|
|
19.12.06 22:53 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
Barthez
Mitglied
Dabei seit: 07.07.04
Beiträge: 304
Forenversion: 3.0
Themenstarter
|
|
ok also das geht jetzt ... aber ich habe um das Banner jetzt einen roten Kasten??
__________________ Gruß
Barthez
|
|
19.12.06 22:57 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
|