Nocheinmal der Banner

[Kamikurt 0]

Moin,

im Forum gibts ja eine Menge gute Threads dazu - komischerweise wollen die Schreiber den Banner immer zentrieren, muß wohl grad in Mode sein

Mich quälten dazu auch zwei Fragen :

1. Ich möchte meinen Banner rechtsbündig ausrichten. Dies erreiche ich leicht, wenn ich folgenden Code ändere :

<div id="logostrip">

<a href='http://www.forum.berlinerboerse.de/index.php?showforum=76'

<!--ipb.logo.start-->

<img src='style_images/logo_tech_6.jpg' alt='IPB' style='vertical-align:top;text-align:right' border='0' align='right' />

<!--ipb.logo.end-->

</a>

</div>

Eine Anpassung des div-containers hilft hier weiter :

<div id="logostrip" align="right">

Soweit so gut. Anscheinend kann ich nur den ganzen Container ausrichten, denn den gleichen Befehl entweder als

<span style="text-align:right;">

<img src='style_images/logo_tech_6.jpg' alt='IPB' style='vertical-align:top;text-align:right' border='0' align='right' />

</span>

um das Bild herum oder direkt im img-src-tag

<img src='style_images/logo_tech_6.jpg' alt='IPB' style='vertical-align:top;text-align:right' border='0' />

ignoriert das Board.

Das führt mich zu meinem zweiten Problem :

2. Anzeige von zwei Grafiken im Bannerbereich

Ich möchte gern

2.1. ein Logo und

2.2. ein Banner in diesem Bereich anzeigen

Die Anzeige wäre dann in etwa so : LOGO BANNER

Also zwei Grafiken hintereinander. Der Grund dafür ist, daß Logo und Banner verschieden ausgerichtet werden sollen (Banner ganz rechts, Logo ganz links, der Bereich dazwischen variabel ist und sich der Bildschirmbreite anpasst) und verschiedene Links erhalten sollen. Bisher ist es eine Gesamtgrafik (Banner+Logo). Das führt dazu, daß bei größeren Auflösungen entweder rechts oder links unschöner Leerraum entsteht und ich auch nur einen Link setzen kann.

Hat jemand eine Idee ?

Liebe Grüße

Kami

Edited March 7, 2007 by Kamikurt

[Helge 192]

Beispiel:

<div style="float:left; width:auto;">

	<!--DEIN LOGO-->

</div>


<div style="padding-top:20px; padding-right:20px; float:right;">

	<!--DEIN BANNER-->

</div>

[Kamikurt 0]

MAGIE !!!!!!

Danke, das löst mein Problem und .... neue Begehrlichkeiten *hüstel*

Wenn ich nun drei Grafiken wollte *erröt*, also

LOGO - HINWEIS - BANNER

LOGO - BANNER geht perfekt, aber dazwischen eine Grafik z.B. ans Logo anschließend - da verzweifele ich grad, er bricht mir das um.

Mein (gescheiterter) Versuch :

<div id="logostrip">

<!--ipb.logo.start-->

<div style="float:left; width:auto;">

<img src="bilder/logo_bsx.gif" width="258" height="72 border="0" alt="">

</div>

<div style="text-align:center;">

<img src="bilder/zettel.gif" width="241" height="70" border="0" alt="Live-Chat">

</div>

<div style="float:right;">

<img src="bilder/banner.gif" width="555" height="70" border="0" alt="Forum">

</div>

<!--ipb.logo.end-->

</div>

Am liebsten hätte ich die dritte Grafik gleich nach dem Logo angeschlossen ...

Hoffnungsvolle Grüße,

Kami

Edited March 7, 2007 by Kamikurt

[Every 7]

So müsste es gehen:

<div id="logostrip">

<!--ipb.logo.start-->

<div style="float:left; width:auto;">

<img src="bilder/logo_bsx.gif" width="258" height="72 border="0" alt="">

</div>


<div style="float:right; width:241px;">

<img src="bilder/zettel.gif" width="241" height="70" border="0" alt="Live-Chat">

</div>


<div style="float:right; width:555px;">

<img src="bilder/banner.gif" width="555" height="70" border="0" alt="Forum">

</div>

<!--ipb.logo.end-->

</div>

PS: Mit "text-align" kannst du nur Texte ausrichten ;)

[Kamikurt 0]

PS: Mit "text-align" kannst du nur Texte ausrichten

Da hat mich der liebe Herr Münz von selfHTML auf die falsche Fährte gelockt

text-align bezieht sich nicht nur auf Textinhalte, sondern auf alle inline dargestellten Elemente (wie z.B. <img>).

Aber auf jeden Fall Danke für die tolle Hilfe - jetzt arbeitet alles wie es soll. Ich habe allerdings noch die Reihenfolge tauschen müssen, also zuerst Banner und dann Zettel - frag mich nicht warum. Anzusehen übrigens unter "www.forum.berlinerboerse.de".

Prima Support!

Gruß aus Berlin,

Kami

[Helge 192]

Das, was Dir bei SELFHTML gesagt wurde ist natürlich richtig.

align="center" bezieht sich natürlich auf alle Inhalte, nicht nur auf Text (im CSS ist dies text-align - bezieht sich auch NICHT nur auf Text).

[Kamikurt 0]

Ah!

Damit ist mein Glaube wieder hergestellt

Danke für den Hinweis.