Banner über ganze seite??

[quorle]

hallo,

wie kann ich meinen banner über die ganze spalte anzeigen lassen?

www.bayern-tuning.de

[Superanton]

Hallo quorle,

welchen/was für einen Banner über welche Spalte?

Beste Grüße,
Anton

[quorle]

den banner oben links. den will ich oben über die ganze seite anzeigen lassen, damit die suche darunter ist und der text auch darunter sitzt.

[DaSasha]

Suche in der overall_header.html

Code: Alles auswählen

<div id="wrap">

ersetze mit:

Code: Alles auswählen

<div align="center">
<img src="Deine bild URL">
</div>
<div id="wrap">

du musst gegebenfalls die grösse anpassen

[quorle]

hab ich gemacht, doch es funktioniert nicht. da ändert sich nleider nichts

[Superanton]

Hallo quorle,

leere doch mal den Template Cache im Adminbereich auf der Startseite.

Beste Grüße,
Anton

[quorle]

dann sieht es aber leider so aus:

[ externes Bild ]

[DaSasha]

dann sieht es aber leider so aus:

[ externes Bild ]

ja und ich hab geschrieben das du gegebenfalls die grösse ändern musst

[Talk19zehn]

Hello DaSasha, wie schaffst du das, dass sich im HTML-Bereich

Suche in der overall_header.html

Code: Alles auswählen

<div id="wrap">

ersetze mit:

Code: Alles auswählen

<div align="center">
<img src="Deine bild URL">
</div>
<div id="wrap">

du musst gegebenfalls die größe anpassen

das Banner in seiner Breite auf der gesamten Seitenbreite von rd. 100% darstellt? Zumal ich verschiedene Auflösungen berücksichtigen möchte, kam ich nicht dahinter, wie du das mit einer Größenanpassung gelöst hast. Ich packe es leider nicht und bin für einen Rat oder die Bekanntgabe des Tricks wirklich dankbar. Das Banner hat ein Maß von 468px x 60px. Bei einer Auflösung von 1024x768px passt das ebenso wenig wie bei 1650 x 1050px, wenn ich die Größe je versuche anzupassen. Das ergibt bei mir jedes Mal eher einen unschönen Effekt in der Darstellung, egal auf welche Größe ich das Banner konfiguriere.

Daher würde ich eher verkleinern als vergrößern: 234px x 60px , - oder, wie denkst du darüber? Eigentlich ist selbst dieses Maß ggf. noch zu groß, um einen annehmbaren "Repeat-Effekt" zu erzielen. Ich wüsste sonst nicht, wie das Bild horizontal über die ganze Seite (Html-Bereich) optimal setze und zudem ging ich daher von 171px x 70 px aus, da dieses Maß optimaler schien. Dies mag von Fall zu Fall und von der Grafik ansich variabel und abhängig sein.

Mein Lösungsansatz, den ich nutzte:

common.css hinzufügen - ein Test:

Code: Alles auswählen

.bildundtext {
	background: #ebebeb url(http://www..../bilder/meinebilder/grafik171x70.jpg);
	color: #FFFFFF;
	line-height: 70px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

Wichtig: line-height: = Höhe der Grafikpx

In der overall_header.html kommentierte ich aus:

Code: Alles auswählen

<!--
 			<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>
//-->

und fügte vor

Code: Alles auswählen

<div id="wrap">

hinzu

Code: Alles auswählen

<div class="bildundtext"><span>Tuning - TEST - Tuning - Forum für Auto-Schrauber Test</span></div>
<br />

Der Text darf in dem Falle nicht zu lang ausfallen, das es in kleineren Auflösungen einen Zeilenumbruch ergibt.
Mit dem Schriftgrad kann man ein wenig spielen...... font-size: 13px;

Das ganze kann ich natürlich auch nach

Code: Alles auswählen

<div id="wrap">

einfügen und ggf. gar in einen Container legen, denke ich.

Code: Alles auswählen

		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>
			<div class="bildundtext"><span>TEST - Tuning - Forum für Auto-Schrauber Test</span></div>
			<span class="corners-bottom"><span></span></span></div>
		</div>

Das käme auf einen weiteren Versuch an.

Im HTML-Bereich ( vor der ID Wrap ) ist das verknüpfte Containerkonstrukt, hier mit der Klasse Headerbar sicherlich auch denkbar. Darunter könnte man ggf. dann noch eine Trennlinie einfügen?



Eventuell hilft´s quorle, da die Frage, wo genau platziert werden möchte, nicht definitiv beantwortet wurde oder Unsicherheit bestand, was mit Spalte / Tabelle gemeint sein könnte? Die Auswirkungen sind ja bekanntlich unterschiedlich.

Es wäre nett, wenn du mir auch deinen Trick verrätst, DaSasha.

Viele Grüße

[DaSasha]

Ja tut mir leid, aber ist so halt die einfachste methode