[xandgrey] template/overall_header.html - div logodesc

[LiGERWooD]

Hi,

ich möchte in oben im Betreff bezeichnetes Div, eine Tabelle einfügen. Scheint aber nicht zu funktionieren. Ist das HTML bedingt so? Mein bearbeiteter Code-Schnipsel sieht so aus:

Code: Alles auswählen

<div id="logodesc">
	<table border="0">
	<tr>
		<td background="{SITE_LOGO_IMG}" align="center" valign="middle">{SITE_DESCRIPTION}</td>
	</tr>
	</table>
</div>

.

Wie man vielleicht schon erkennen mag möchte ich einfach, dass die Seitenbeschreibung (ACP) auch geparst wird.
Bitte um einen Tipp wie es geht oder mit was es geht. Danke!

[Talk19zehn]

Hello LiGERWooD,

ich hätte es folgendermaßen ausprobiert:

Code: Alles auswählen

<div id="logodesc">
<table width="100%" border="0">
<tr>
<td>{SITE_LOGO_IMG}</td><td valign="middle">{SITE_DESCRIPTION}</td>
</tr>
</table>
</div>

Uups: Es fehlt ein Teilchen - Sorry - habe versehentlich nur eine Tabelle kopiert und reiche sie hiermit nach.....

Oder, wenn der Text sich unmittelbar direkt mittg neben der Grafik auswirken soll:

Code: Alles auswählen

<div id="logodesc">
   <table border="0">
   <tr>
      <td>{SITE_LOGO_IMG}</td><td valign="middle">{SITE_DESCRIPTION}</td>
   </tr>
   </table>
</div>

IE8 und FF arbeiten gleichlautend.

Viele Grüße

[LiGERWooD]

Ehm soweit ich sehe, müsste das jetzt aber bewirken das der Text rechts neben dem Bild ist. Ich wollte aber das der Text auf dem Bild ist. Deshalb ja auch die Tabelle, weil ich mir dachte, das Bild als Hintergrund in einer Zelle einzubauen um den Text somit aufdrücken zu können.

[Talk19zehn]

Stimmt, -

Warum definierst du nicht eine Klasse für den Hintergrund der Tabelle? Ich würde das so versuchen: width / height = Grafikgröße

CSS

Code: Alles auswählen

.bgimage{
background: url(Pfad zum Bild);
width: 250px;
height: 180px; 
}

HTML:

Code: Alles auswählen

<table width="100%" border="1" align="center" class="bgimage">
<tr>
<td valign="middle">{SITE_DESCRIPTION}</td>
</tr>
</table>

Das müsste doch gehen???



Ich persönlich gehe jedoch meist ganz anders hinsichtlich eines Textes auf einem Hintergrund vor:

viewtopic.php?p=1181436#p1181436

[LiGERWooD]

Die Breite und Höhe übernimmt er nur wird das Bild nicht geladen. Verlangt url() einen anderen Syntax als {SITE_LOGO_IMG} wiedergibt?

[Talk19zehn]

Hello LiGERWooD;

neuer Gedanke - Beispiel:
Ich gestaltete es, indem ich ganz einfach die URL zum Bild eingebunden hatte. Ob es dafür ein richtigeres und besser geeignetes Verfahren gäbe? Und anstatt align-middle nutze ich nun align-center in der Tabellenzelle, die den Text ausgeben soll.

Code: Alles auswählen

.bgimagewechselt {
width: 300px;
height: 80px;
background: url("http://meine_adresse_.com/forum/styles/subsilver2/imageset/site_logo.gif");
}

Code: Alles auswählen

<table width="100%" border="1" align="center" class="bgimagewechselt">
<tr>
<td align="center">{SITE_DESCRIPTION}</td>
</tr>
</table>

Anmerkung:
Die 100% der Tabellenbreite bezieht sich auf das Bild = 300px breit


Oder – anderes Beispiel einer Idee:

Code: Alles auswählen

.bgbildwechsel {
width: 100%;
height: 80px;
background: url("http://meine_adresse.org/forum/styles/subsilver2/imageset/site_logo.gif");
}

Code: Alles auswählen

<table width="100%" border="1" align="center" class="bgbildwechsel">
<tr>
<td align="center">{SITE_DESCRIPTION}</td>
</tr>
</table>

Nun würde das Bild auf 100% in der Breite ausgegeben werden.


Ferner ging ich in den Beispielen von Subsilver2 und dem Pfad für das site_logo.gif aus, daher --> bitte den Pfad und Bildnamen anpassen. Probiere es doch bitte einmal aus. Es sollte funktionieren (hoffentlich). Bei mir klappt´s .

Viele Grüße



Edit:
Die Klasse kann auch in den Zellen genutzt werden. Das ist insofern ganz schön, wenn eine verschachtelte Tabelle erstellt und den Zellen ein individuelles Aussehen gegeben wird. Das Ausrichten ( Breite / Höhe ) wäre zwar in dem Falle ggf. ein wenig "arbeitsintensiv", die Effekte können jedoch lohnenswert sein.
.