Link in Grafik einfügen

[aurora876]

p.s. wenn dieser Beitrag auch nicht angezeigt wird (so wie meine vorherigen 2 Threads), dann bereue ich es langsam, mich für phpbb entschieden zu haben, denn der Support scheint Mangelware zu sein oder ich habe was falsch gemacht.
ich hoffe ich täusche mich da.

support mangelware? bei phpbb?
nee, wirklich nicht. ich kenn andere supportforen, da kann man zig mal fragen und es gibt keine antwort. dagegen ist die schnelligkeit der reaktionen auf fragen hier manchmal direkt unheimlich

der support für phpBB ist zwar frei/kostenlos, aber eine gewisse mitarbeit wird schoon erwartet. das meiste ist im www alles erklärt (zb bei selfhtml.de oder css4you.de) und es ist sogar besser, wenn man das problem selbst angeht und mit etwas geduld selbst lösen kann (learning by doing), denn dann prägt es sich viel besser ein, als wenn man eine fertige lösung hingepackt bekommt. natürlich braucht man manchmal starthilfe bzw. einen schubs in die richtige richtung, aber letztendlich sollte jeder admin nach einiger zeit in der lage sein, sein forum selbst gestalten zu können.

[aurora876]

hm, ich hätte sowas logisch gefunden:

Code: Alles auswählen

<tr>
	<td id="logorow" align="center">
<a href="{U_PORTAL}"><div id="logo-left">&nbsp;</div></a>
	<a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
<a href="{U_INDEX}"><div id="logo-right">&nbsp;
	</div></a>
</td>
</tr>

da ich den style jetzt nicht extra installieren will, weiß ich nicht, ob das da den gewünschten erfolg hat, theoretisch müsste es das.

[Ja wer hats erfunden]

hm, ich hätte sowas logisch gefunden:

Code: Alles auswählen

<tr>
	<td id="logorow" align="center">
<a href="{U_PORTAL}"><div id="logo-left">&nbsp;</div></a>
	<a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
<a href="{U_INDEX}"><div id="logo-right">&nbsp;
	</div></a>
</td>
</tr>

da ich den style jetzt nicht extra installieren will, weiß ich nicht, ob das da den gewünschten erfolg hat, theoretisch müsste es das.

Nein leider auch nicht. Header besteht nun aus 2 Zeilen, Link für Portal geht zwar, aber linkes Bild wird nicht angezeigt.

Code: Alles auswählen

<tr>
   <td id="logorow" align="center">
<a href="{U_PORTAL}"><div id="logo-left"></a><a href="{U_INDEX}"><div id="logo-right"></a>
   <a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
</div></div>
</td>
</tr>

Hier stimmen alle Bilder, allerdings links und rechts ohne Link.
Das ist wie verhext.

[JFooty]

Code: Alles auswählen

<a href="{U_PORTAL}"><div id="logo-left"></a><a href="{U_INDEX}"><div id="logo-right"></a>
   <a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
</div></div>

Das ist kompletter Unsinn. So werden keine Tags verschachtelt.

Gibt es einen Link zum Forum?

[Ja wer hats erfunden]

So, habs nun extra für die 2 Links hoch geladen.

http://www.woogi.de/forum/index.php

Letzter genannter Code ist eingebaut.

Code: Alles auswählen

<tr>
   <td id="logorow" align="center">
<a href="{U_PORTAL}"><div id="logo-left">&nbsp;</div></a>
   <a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
<a href="{U_INDEX}"><div id="logo-right">&nbsp;
   </div></a>
</td>
</tr>

Rechts fehlt halt ein Bild mit "Forum" und es ist nicht in einer Reihe.

[aurora876]

wenn du das portal-bild links "floaten" lässt, das forum-bild rechts "floaten UND dem forumbild in der CSS auch noch einen wert für die höhe verpasst, behebt das evtl. deine probleme...

also den div-tags mal
float: left; (das fürs portal)
und
float: right; (das fürs forum)

verpassen, sowie dem logo rechts noch eine höhe (wie bei logo-left) von 88px.

[Ja wer hats erfunden]

wenn du das portal-bild links "floaten" lässt, das forum-bild rechts "floaten UND dem forumbild in der CSS auch noch einen wert für die höhe verpasst, behebt das evtl. deine probleme...

also den div-tags mal
float: left; (das fürs portal)
und
float: right; (das fürs forum)

verpassen, sowie dem logo rechts noch eine höhe (wie bei logo-left) von 88px.

Ich hab das nun mal probiert, da ich mich leider mit der Materie überhaupt nicht auskenne, aber denke das hat mich schon mal sehr viel weiter gebracht.
Nach langem probieren und hin und her sieht es nun so aus wie ich es wollte, allerdings habe ich keinen Plan ob das nicht wieder Codemäßig kompletter Unsinn ist.
Vielleicht könnte ja mal jemand darüber schauen und sagen ob man es so lassen kann oder vlt doch etwas ändern sollte.

http://www.woogi.de/forum/index.php

Stylesheet.cfg

Code: Alles auswählen

#logo-left {
	background: url(images/logo_left.jpg) no-repeat;
	float: left;
	padding: 0px 320px;
}

#logo-right {
	background: url(images/logo_right.jpg) top right no-repeat;
	height: 88px;
	float: right;
	padding: 0px 320px;
}

#logorow, #logo-left {
	height: 88px;
}

overall_header.tpl

Code: Alles auswählen

<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>
   <td id="logorow" align="center">
<a href="{U_PORTAL}"><div id="logo-left">&nbsp;</div></a>
   <a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
<a href="{U_INDEX}"><div id="logo-right">&nbsp;</div></a>
</td>
</tr>

[JFooty]

allerdings habe ich keinen Plan ob das nicht wieder Codemäßig kompletter Unsinn ist.

Kein kompletter Unsinn mehr, aber trotzdem fehlerhaft.
Block-elemente (also <div></div>) dürfen nicht innerhalb von Inline-Elementen (also <a></a>) stehen.
Richtig wäre:

Code: Alles auswählen

<div id="logo-left"><a href="{U_PORTAL}">&nbsp;</a></div>

bzw.

Code: Alles auswählen

<div id="logo-right"><a href="{U_INDEX}">&nbsp;</a></div>

PS:

overall_header.tpl

Und wir reden von der overall_header.html

[Ja wer hats erfunden]

Achso die endung, das ist wohl noch aus der Vorgänger-Version in meinem Kopf, da ich seither nix mehr getan haben.

Code von dir ist nun drin und die Links sind wieder weg. Ich sag ja das ist verhext.

[franki]

Was ist denn, wenns kpl. umgebaut wird ?
Ein Versuch ist es bestimmt wert.

Also mein Vorschlag:

Code: Alles auswählen

<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>
  <td id="logorow" align="center">
    <table  width="100%" align="center">
      <tr>
        <td id="logo-left"><a href="{U_PORTAL}">&nbsp;</a></td>
        <td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
        <td id="logo-right"><a href="{U_INDEX}">&nbsp;</a></td>
     </tr>
   </table>
</td>
</tr>