Cellpic Abrunden

[TOMM!K]

Hallo,
ich versuche gerade einen Style zu erstellen. Allerdings scheitere ich an abgerundeten Ecken:

http://homepage-board.de/phpBB2/

(...ist ja noch in Arbeit )

Auf jeden Fall seht ihr dort ja die Rundungen. Allerdings über dem cellpic3.gif! Und die sollen rechts und links daneben sein.

Code: Alles auswählen

<td><img src="templates/subSilver/images/cellpic3_left.gif" style="border:0px;"/></td>
	<th colspan="2" class="thCornerL" height="25" nowrap="nowrap"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></th>
	<th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
	<th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
	<th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
<td><img src="templates/subSilver/images/cellpic3_right.gif" border="0"/></td>

So habe ich es schon versucht. Allerdings rutscht cellpic3.gif dann um ein paar Pixel nach oben und es kommt der Hintergrund von der Klasse "forumline" zum Vorschaun, was dann sehr grauenhaft aussieht.

Hat irgendjemand eine Idee?

Gruß,
tommik

[TOMM!K]

Niemand?

[darkon]

Ich geh jetzt mal davon aus, daß du die TH-Klassen entsprechend korregt definiert hast...

Ersetz doch mal die <td> mit den runden Kanten durch <th>

[kolja]

Niemand?

doch ich

schau mal www.mona-davinci.de/phpbb

und das ist der code:

Code: Alles auswählen

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15" align="right" valign="bottom">
<img src="./templates/subGreen/images/hdl.gif" width="10" height="28" border="0" alt="" />
</td>
<td width="100%" align="center" valign="middle" background="./templates/subGreen/images/cellpicr.gif">
<span class="white">****hier der titel***</span>
</td>
<td width="15" align="left" valign="bottom">
<img src="./templates/subGreen/images/hdr.gif" width="10" height="28" border="0" alt="" />
</td>
</tr>
</table>

musste natürlich noch anpassen, aber das solltest du schaffen

kolja

p.s.
es gibt noch eine sehr elegante lösung mit hilfe der .cfg datei
da musst du für jeden tabellenkopf nur:

Code: Alles auswählen

{links}Titel{rechts}

angeben
schrei bei interesse

edit:
ich glaub ich vor lauter schreibwahn dein problem nict wirklich gelöst

ich habe dein problem nur durch ein konstrukt mit 3 tabellen lösen können:

Code: Alles auswählen

<table>
<table>code für die runden ecken</table>
<table>ursprüngliche tabelle [b]ohne[/b] die erste <tr><th></th></tr> die kann jetzt weg </table>
</table>

alles klar

[TOMM!K]

Code: Alles auswählen

<table>
<table><img src="templates/subSilver/images/cellpic3_left.gif" style="border:0px;"/></table>
<table>
<tr> 
<th colspan="2" class="thCornerL" height="25" nowrap="nowrap"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></th>
<th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
<th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
<th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
</tr>
</table>
<table><img src="templates/subSilver/images/cellpic3_right.gif" border="0"/></table>
</table>

So?
Das geht auf jeden Fall nicht.

Habs dann mal mit deinem ersten Code versucht. Da sieht das ganze so aus, wie ich es auch schon einmal hinbekommen habe (ich habs mal so gelassen, damit du´s sehen kannst). Eben sehr verschoben!

Aber danke schon mal für eure Mühen!

Edit:
Achja, @ Darkon: Das habe ich bereits versucht. Geht nicht

[nickvergessen]

Code: Alles auswählen

<table><tr><td><img src="templates/subSilver/images/cellpic3_left.gif" style="border:0px;"/></td></tr></table>
<table>
<tr> 
<th colspan="2" class="thCornerL" height="25" nowrap="nowrap"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></th>
<th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
<th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
<th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
</tr>
</table>
<table><tr><td><img src="templates/subSilver/images/cellpic3_right.gif" border="0"/></td></tr></table>
</table>

du verschluckst <tr><td> und die Schließung davon!

[uwe310]

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" >
<tr>
<td width="3%" align="left"><img src="templates/subSilver/images/cellpic3_left.gif" width="30" height="34"></td>
<td width="94%" align="center" background="templates/subSilver/images/cellpic3.gif"><span class="thCornerL">&nbsp;{L_FORUM}&nbsp;</span></td>
<td width="3%" align="right"><img src="templates/subSilver/images/cellpic3_right.gif" width="30" height="34"></td>
</tr>
</table>

Ist so ähnlich wie bereits gepostet.

{L_FORUM}

kanst du auch ersetzen als beispiel "Hallo Welt" oder so!
Natürlich gilt auch hier noch evt. eine Nachbesserung der Größe
wie table width="100%" dein Forum ist ja nicht 100% entweder in % oder halt in ("500", "600", "650"wie auch immer halt ebend die pixel angaben)

[uwe310]

<table width="75%" cellpadding="2" cellspacing="0" border="0" align="center">
<tr>
<th width="3%" align="left"><img src="templates/subSilver/images/cellpic3_left.gif" width="30" height="28"></th>
<th colspan="1" class="thCornerL" height="28" nowrap="nowrap">&nbsp;{L_FORUM}&nbsp;</th>
<th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>
<th width="50" class="thTop" nowrap="nowrap">&nbsp;{L_POSTS}&nbsp;</th>
<th class="thCornerR" nowrap="nowrap">&nbsp;{L_LASTPOST}&nbsp;</th>
<th width="3%" align="right"><img src="templates/subSilver/images/cellpic3_right.gif" width="30" height="28"></th>
</tr>
<!-- BEGIN catrow -->

oder so ? den rest darst du dann weiter machen...

[TOMM!K]

@ Uwe:
Das sieht schon mal ziemlich gut aus! Habe allerdings cellpadding auf 0 gesetzt, und die Breite wieder auf 100%.

Zu Links: Da sind noch ein paar Pixel leer, liegt allerdings am Gif. Das werde ich später ändern -> Links also keine Probleme mehr

Zu Rechts: Das Bild wird irgendiwe einfach drangehängt und nicht draufgesetzt. Woran liegt das?

URL ist die gleiche wie oben..

Gruß,
tommik

[kolja]

versuch mal in in dem unterem <td> rowspan="2"

oder gib ml den code als txt


kolja