Seite 1 von 2
Cellpic Abrunden
Verfasst: 14.02.2007 17:39
von 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"> {L_TOPICS} </th>
<th width="50" class="thTop" nowrap="nowrap"> {L_POSTS} </th>
<th class="thCornerR" nowrap="nowrap"> {L_LASTPOST} </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
Verfasst: 16.02.2007 14:24
von TOMM!K
Niemand?
Verfasst: 16.02.2007 15:15
von 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>
Verfasst: 16.02.2007 15:25
von kolja
TOMM!K hat geschrieben: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:
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
Verfasst: 16.02.2007 17:11
von 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"> {L_TOPICS} </th>
<th width="50" class="thTop" nowrap="nowrap"> {L_POSTS} </th>
<th class="thCornerR" nowrap="nowrap"> {L_LASTPOST} </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
Verfasst: 16.02.2007 17:18
von 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"> {L_TOPICS} </th>
<th width="50" class="thTop" nowrap="nowrap"> {L_POSTS} </th>
<th class="thCornerR" nowrap="nowrap"> {L_LASTPOST} </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!
Verfasst: 16.02.2007 18:09
von 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"> {L_FORUM} </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)
Verfasst: 17.02.2007 06:55
von 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"> {L_FORUM} </th>
<th width="50" class="thTop" nowrap="nowrap"> {L_TOPICS} </th>
<th width="50" class="thTop" nowrap="nowrap"> {L_POSTS} </th>
<th class="thCornerR" nowrap="nowrap"> {L_LASTPOST} </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...
Verfasst: 17.02.2007 13:27
von 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
Verfasst: 17.02.2007 14:21
von kolja
versuch mal in in dem unterem <td> rowspan="2"
oder gib ml den code als txt
kolja