zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Banner im Header einbinden

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.11.2010, 13:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.03.2010
Beiträge: 27
CarTeL befindet sich auf einem aufstrebenden Ast
Standard Banner im Header einbinden

Hallo,

ich betreibe ein Rap Forum und möchte im Header ein 468x60 Werbebanner einbinden. Dieser Banner sollte rechts im Header anzeigen und auf dem Header zu finden sein. Das Forum basiert auf phpBB 3.x und das ganze Themplate ist in HTML angepasst, im ACP. Habe hier ein TestWebSpace zugelegt, das Design hochgeladen und versucht mit mein Kentnissen das ganze zu coden, bin leider dran gescheitert.

Wie kann ich das realisieren? Geht das mit HTML oder muss ich das ganze in JavaScript realisieren?

TestLink: deinedomain.tld - Foren-Übersicht

Gruß,
CarTeL
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.11.2010, 13:35
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

du könntet das banner absolut positionieren, oder das aktuelle hauptbild als Hintergrundbild einbinden, hast also viele möglichkeiten per html und css
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.11.2010, 13:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.03.2010
Beiträge: 27
CarTeL befindet sich auf einem aufstrebenden Ast
Standard

HTML-Code:
	<td id="logorow" align="center">
		<a href="{U_INDEX}">


<div width="478" height="60" colspan="2" align="right" ><a href="/sponsors/?action=link&amp;id=2" target="_blank" title="www.dzcp.de"><img src="http://www.dzcp.de/banner/dzcp.gif"></img></a>
</div>

<IMG SRC="http://www.rap-unlimited.de/styles/serenity/imageset/site_logo.gif">
</img>


</a>

	</td>
Ich habe das ganze so gecodet. Geht leider nicht, wie ich es haben möchte.
Mit Zitat antworten
  #4 (permalink)  
Alt 13.11.2010, 13:45
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Wow... The global structure of an HTML document
erstmal das anschauen.. woher stammen die Attribute im div?! sowas geht garnicht..

Ich würd dir echt erstmal empfehlen das Ganze Tabellen Zeug rauszu nehmen (zumindest aus dem Kopfbereich..)
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #5 (permalink)  
Alt 13.11.2010, 13:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.03.2010
Beiträge: 27
CarTeL befindet sich auf einem aufstrebenden Ast
Standard

Das ganze Themplate ist in Table aufgebaut, das mit dem <div> habe ich gecodet, scheint aber falsch zu sein. Brauche genau aus diesem Grund euere Hilfe.
Mit Zitat antworten
  #6 (permalink)  
Alt 13.11.2010, 14:00
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.378
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Naja, wenn du dir alleine mal deine Syntax etwas genauer anschaust würdest du sehen woran es liegt.

HTML-Code:
<td id="logorow" align="center">
	<a href="{U_INDEX}">
		<div width="478" height="60" colspan="2" align="right" >
			<a href="/sponsors/?action=link&amp;id=2" target="_blank" title="www.dzcp.de">
				<img src="http://www.dzcp.de/banner/dzcp.gif">
				</img>
			</a>
		</div>
		<IMG SRC="http://www.rap-unlimited.de/styles/serenity/imageset/site_logo.gif"></img>
	</a>
</td>
So sieht es derzeit aus. Das img Tag hat ein Schluss Tag (Falsch). Links dürfen keine Links enthalten.
Eine Idee wäre:

HTML-Code:
<td id="logorow" align="center" style="background: #fff url(http://www.rap-unlimited.de/styles/serenity/imageset/site_logo.gif) no-repeat center top; height: 231px;">
	<div>
		<!-- positionier mich relativ -->
		<div>
			<!-- positionier mich absolut -->
			<a href="/sponsors/?action=link&amp;id=2" target="_blank" title="www.dzcp.de">
				<img src="http://www.dzcp.de/banner/dzcp.gif" />
			</a>
		</div>
	</div>
</td>
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #7 (permalink)  
Alt 13.11.2010, 15:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.03.2010
Beiträge: 27
CarTeL befindet sich auf einem aufstrebenden Ast
Standard

HTML-Code:
....
<div id="wrapper">

<a name="top"></a>

<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>

<td id="logorow" align="center">
<a href="./index.php"> <img src="http://www.kaso.square7.ch/styles/serenity/imageset/site_logo.gif"></img></a>

<div colspan="2" align="right" ><a href="/sponsors/?action=link&amp;id=2" target="_blank" title="www.dzcp.de"><img src="http://www.dzcp.de/banner/dzcp.gif" style="margin-right: 10px; position: relative; top: -230px;"></img></a> 
</div>

</td>
</tr>
<tr>
	<td class="navtd">
...
So, nun habe ich es geschaft meinen Banner dort anzubringen wo es sein sollte. Nur habe ich ein Problem? Warum ist zwischen der Navigation und dem Haeder soviel Platz?
Mit Zitat antworten
  #8 (permalink)  
Alt 13.11.2010, 15:54
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.847
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

Gib #logorow position:relative; und deiner Banner-Grafik mit dem Text "devilz Clan Portal" position:absolute; mit right:0; top:15px;.

Mit position:relative; erzeugst Du für alle unter-Elemente einen eigenen positions-Kontext, d.h. absolut positionierte Elemente richten sich dann in dem relativ positioniertem Element aus.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe
Mit Zitat antworten
  #9 (permalink)  
Alt 13.11.2010, 16:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.03.2010
Beiträge: 27
CarTeL befindet sich auf einem aufstrebenden Ast
Standard

Wenn ich deine Variantion nehme, hängt bei meiner Auflösung der Banner rechts neben dem Header, jedoch bei 1024x768 passt es genau?
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 13.11.2010, 16:52
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.847
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von CarTeL Beitrag anzeigen
Wenn ich deine Variantion nehme, hängt bei meiner Auflösung der Banner rechts neben dem Header, jedoch bei 1024x768 passt es genau?
Zitat:
Gib #logorow position:relative; und deiner Banner-Grafik mit dem Text "devilz Clan Portal" position:absolute; mit right:0; top:15px;.

Mit position:relative; erzeugst Du für alle unter-Elemente einen eigenen positions-Kontext, d.h. absolut positionierte Elemente richten sich dann in dem relativ positioniertem Element aus.
Wieso hast Du die ID "logorow" von dem TD in dem der große Header ist, entfernt?
Du hast das, was ich gesagt habe, nicht umgesetzt.

HTML-Code:
<table border="0" cellspacing="0" cellpadding="0" width="800" id="maintable" align="center">
<tr>

<td align="center">
<a href="./index.php"> <img src="http://www.kaso.square7.ch/styles/serenity/imageset/site_logo.gif"></img></a>

<div colspan="2" align="right" >
<a href="/sponsors/?action=link&amp;id=2" target="_blank" title="www.dzcp.de">
<img src="http://www.dzcp.de/banner/dzcp.gif" style="margin-right: 10px; position:absolute; top: 15px; right:10px;">
</img></a> 
</div>

<div colspan="2" align="right" >
<a href="/sponsors/?action=link&amp;id=2" target="_blank" title="www.dzcp.de">
<img src="http://swallowthemusic.com/images/myspace-icon.gif" style="margin-right: 10px; position:absolute; top: 115px; right:250px;">
</img></a> 
</div>

</td>
</tr>
Das td mit "http://www.kaso.square7.ch/styles/serenity/imageset/site_logo.gif" benötigt position:relative;.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Eigenen Header in coppermine-gallery-theme einbinden Olanis CSS 5 04.05.2011 19:02
Einbinden der CSS-Dateien im Header Carolin (X)HTML 9 15.01.2009 15:44
header verrutscht... weblearner CSS 6 03.12.2008 19:34
Einbinden von PNG oder GIF Bild im Header deepblue CSS 2 24.02.2007 00:04


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:15 Uhr.