Werbebanner im Header rechtsbündig

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
sammy65
Mitglied
Beiträge: 428
Registriert: 04.12.2006 15:09
Wohnort: Pfullendorf
Kontaktdaten:
Kontaktdaten von sammy65

Re: Werbebanner im Header rechtsbündig

Beitrag von sammy65 »

Also ich hab die Breite jetzt auf "auto" gestellt.
Es hat aber nichts gebracht.
Nach oben
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5041
Registriert: 08.06.2009 12:03

Re: Werbebanner im Header rechtsbündig

Beitrag von Talk19zehn »

Ja, "auto" kann nicht helfen, der Auffassung bin ich auch.

Erneute "Idee":
A) Nimm bitte die dort integrierte Suche testweise heraus ( sie ist in der linken Spalte bereits integriert ) und gib in der Tabellenzelle zum Bild keine Größen an.

B) Bzw. ändere zudem testweise die Größe des Banners bspw. auf *234x60px oder 150x90px und wiederhole die Testreihe, falls erwünscht.


Noch eine Idee:
Meiner Auffassung nach benötigtst Du die Klasse (class="Werbungheader") gar nicht (?), da Du mit einer Tabelle arbeitest. Die Tabelle richte dann rechtsbündig aus.



*Bei drei nebeneinander liegenden Bannern, ohne Berücksichitigung entsprechender Innenabstände, liegst Du bereits in der Breite bei 702px (800x600).




Viele Grüße - ohne Gewähr, da aus Zeitmangel nicht getestet :oops:
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
Nach oben
sammy65
Mitglied
Beiträge: 428
Registriert: 04.12.2006 15:09
Wohnort: Pfullendorf
Kontaktdaten:
Kontaktdaten von sammy65

Re: Werbebanner im Header rechtsbündig

Beitrag von sammy65 »

Talk19zehn hat geschrieben: Noch eine Idee:
Meiner Auffassung nach benötigtst Du die Klasse (class="Werbungheader") gar nicht (?), da Du mit einer Tabelle arbeitest. Die Tabelle richte dann rechtsbündig aus.
Ich hatte auch versucht mittels float="right" das Teil nach rechts zu bringen, hat aber auch nicht geklappt
Nach oben
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5041
Registriert: 08.06.2009 12:03

Re: Werbebanner im Header rechtsbündig

Beitrag von Talk19zehn »

Hallo sammy65,

darf ich Deiner Antwort entnehmen, dass auch die anderen Vorschläge ( A + B ) nicht erfolgreich waren, ist das richtig?

"Float-Right" mit welchen Rechenoptionen? Und, wurde im Anschluss "gecleart"?
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
Nach oben
sammy65
Mitglied
Beiträge: 428
Registriert: 04.12.2006 15:09
Wohnort: Pfullendorf
Kontaktdaten:
Kontaktdaten von sammy65

Re: Werbebanner im Header rechtsbündig

Beitrag von sammy65 »

Bei a + b bin ich gerade am basteln. Mache aber erst heute abend weiter bei dem schönen Wetter, schmeisse jetzt den Grill an........


Ich melde mich auf jeden Fall wieder
Nach oben
sammy65
Mitglied
Beiträge: 428
Registriert: 04.12.2006 15:09
Wohnort: Pfullendorf
Kontaktdaten:
Kontaktdaten von sammy65

Re: Werbebanner im Header rechtsbündig

Beitrag von sammy65 »

So, bin wieder da,

es hat nicht geklappt, so langsam bin ich am verzweifeln.

Ich glaube ich bastel mir eine eigene overall-Header......
Nach oben
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5041
Registriert: 08.06.2009 12:03

Re: Werbebanner im Header rechtsbündig

Beitrag von Talk19zehn »

Hallo Samy65, in meinem Testportal klappt es:

Nur zum Verständnis, ein wenig mehr Code gepostet. Eingebunden im Style Prosilver oberall_header.html

Code: Alles auswählen


</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<form action="{U_SEARCH}" method="post" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
		<!-- ENDIF -->

<div id="werbungheader" style="text-align:right;">	
		<table border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td>Anzeige</td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="http://www.uhlig-kakteen.de/" target="_blank">
                   <img src="http://www.tsdaten.de/banner/banneruhlig.jpg" alt="Kakteen Uhlig" height="80" width="437" border="0"></a></td>
										<td></td>
										<td></td>
									</tr>
								</table>
 
						</div>		

			<span class="corners-bottom"><span></span></span></div>
		</div>

Da ich jedoch die "Id=Werbungheader" nicht verwende, lösche Du sie doch bitte:



Code: Alles auswählen

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">
	<a id="top" name="top" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<form action="{U_SEARCH}" method="post" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
		<!-- ENDIF -->

<div style="text-align:right;">	
		<table border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td>Anzeige</td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="http://www.uhlig-kakteen.de/" target="_blank">
                   <img src="http://www.tsdaten.de/banner/banneruhlig.jpg" alt="Kakteen Uhlig" height="80" width="437" border="0"></a></td>
										<td></td>
										<td></td>
									</tr>
								</table>
 
						</div>		

			<span class="corners-bottom"><span></span></span></div>
		</div>


Ergebnis Prosilver: overall_header.html --> Anzeige in meiner Test-Portaloberfläche ebenso korrekt!
So oder so: http://img190.imageshack.us/img190/6640 ... echtsa.jpg



"Wundersame" Grüße


Edit:
Wenn alles nicht hilft, können wohl nur die Herren vom Portal3 weiterhelfen? Ich kann nicht herausfinden, wo der Fehler bei Dir liegt.
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
Nach oben
sammy65
Mitglied
Beiträge: 428
Registriert: 04.12.2006 15:09
Wohnort: Pfullendorf
Kontaktdaten:
Kontaktdaten von sammy65

Re: Werbebanner im Header rechtsbündig

Beitrag von sammy65 »

Stimmt, mir geht es genauso,
soweit wie in Deinem vorschlag war ich auch schon.
Mich würde es ja nicht wundern, wenn ich sowas noch wie gemacht hätte, aber hier verliesen sie ihn.... :ugeek: :ugeek:

Ich habs jetzt erst einmal so gelassen....

www.tsdaten.de/kaktusforum

Trotzdem vielen Dank für Deine Hilfe und Deine Geduld....
Nach oben
sammy65
Mitglied
Beiträge: 428
Registriert: 04.12.2006 15:09
Wohnort: Pfullendorf
Kontaktdaten:
Kontaktdaten von sammy65

Re: Werbebanner im Header rechtsbündig

Beitrag von sammy65 »

Also ich hab mir die Sache mal mit dem Web Developer von Firefox angeschaut

Ich glaube, dass der äussere Layer zu breit ist.

[ externes Bild ]

Im Internet Explorer passt es zwar von der Breite her, ist aber alles zu hoch
Nach oben
sammy65
Mitglied
Beiträge: 428
Registriert: 04.12.2006 15:09
Wohnort: Pfullendorf
Kontaktdaten:
Kontaktdaten von sammy65

Re: Werbebanner im Header rechtsbündig

Beitrag von sammy65 »

So ich hab geschafft, war ein hartes Stück Arbeit.

Ich habs folgendermaßen gelöst.......

Code: Alles auswählen

	<div id="site-description">
							<a id="logo" title="{L_INDEX}" href="{U_INDEX}">{SITE_LOGO_IMG}</a>
							<h1>{SITENAME}</h1>
							{SITE_DESCRIPTION}<br>
							
						</div>
						<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
						<div id="search-box">
							<form id="search" action="{U_SEARCH}" method="post">
								<fieldset>
									<input id="keywords" class="inputbox search" title="{L_SEARCH_KEYWORDS}" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" type="text" name="keywords" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" maxlength="128" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';"><input class="button2" type="submit" value="{L_SEARCH}"><br>
									<a title="{L_SEARCH_ADV_EXPLAIN}" href="{U_SEARCH}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS} 
								</fieldset>
							</form>
						</div>
						<!-- ENDIF -->
						<div id="trennerheader">
						<div id="werbungheader">
								<table border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td>Anzeige</td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="http://www.uhlig-kakteen.de/" target="_blank"><img src="http://www.tsdaten.de/banner/banneruhlig.jpg" alt="Kakteen Uhlig" height="80" width="437" border="0"></a></td>
										<td></td>
										<td></td>
									</tr>
								</table>
							</div>
						</div>
Und in der Common.css wurden folgende Erweiterungen gemacht. Jetzt klappt es sowohl im FF und im IE

Code: Alles auswählen

/* Werbebanner im Header
--------------------------------------------- */
#werbungheader     { color: #ffffff; text-align: right; float: right; position: relative; display: block }

/* Trenner im Header
--------------------------------------------- */
#trennerheader       { color: #ffffff; clear: right; position: relative; width: 100%; display: block }
Nach oben
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“