Seite 1 von 2

runde ecken

Verfasst: 14.11.2006 22:12
von kolja
nabend

ich versuche gerade die ecken von den ganzen tabellen-köpfen (cellpic) (hier blauer farbverlauf, bei mir rot)
abzurunden

und natürlich klappt das nicht so wie ich das will...

dieser code:

Code: Alles auswählen

<table width="100%" border="0" cellpadding="2" cellspacing="1" class="forumline">
<tr>
     <td height="25" width="23" border="0" cellpadding="2"<img src="images/hdl.gif" ></td>
     <td class="catHead"  height="25"><span class="cattitle"><center>die 5 nächten Reggae Partys in Münster</center></span></td>
</tr>
<tr>
<td align="center" nowrap="nowrap" colspan="2" class="row1"><span class="genmed"><br />
neue fotos<br>
neues bla <br>neues bla <br>neues bla <br>neues bla <br>neues bla <br>
</td>
</tr></span>
</table> 
zeigt mir das hier an: [ externes Bild ] an...

aber warum....

kolja

p.s.
gabs da nicht auch mal ne anleitung für..
mit der suche nix gefunden

Verfasst: 15.11.2006 12:37
von JohnDRockford
Hallo,

da per cellspacing="1" in deinem Code ein Zellenabstand in der Tabelle festgelegt ist, können die beiden Bilder nicht flüssig ineinander übergehen! Versuch es mal mit cellspacing="0".

greetings,

John

Verfasst: 16.11.2006 11:06
von kolja
danke für den tip,
aber leider funktioniert es auch dann nicht...

irgendwie komme ich nicht (links und oben) über den grünen rahmen hinaus..

kolja

Verfasst: 16.11.2006 12:58
von JohnDRockford
dann versuch halt hier

Code: Alles auswählen

<table width="100%" border="0" cellpadding="2" cellspacing="1" class="forumline">
das class="forumline" zu entfernen!
Dann verschwindet der grüne Rahmen.

Verfasst: 16.11.2006 13:42
von kolja
hatte ich leider auch schon...
dann ist der rahmen aber auch an den siten und unten weg

siehe hier: http://mona-davinci.de/phpbb/portal.php

ausserdem passt die höhe immer noch nicht...

das ist der aktuelle code:

Code: Alles auswählen

<table width="100%" border="0" cellpadding="0" cellspacing="0" >
<tr>
     <td height="25" width="23" border="0" cellpadding="0"<img src="images/hdl.gif" ></td>
     <td class="catHead"  height="25"><span><center>die 5 nächten Reggae Partys in Münster</center></span></td>
</tr>
kolja

Verfasst: 16.11.2006 14:33
von Beagleman
Prinzipiell musst du darauf achten, wie das Aussehen der Tabellen in der CSS-Datei definiert wird.

Übrigens ist in deinem Code ein Fehler:

Code: Alles auswählen

<td height="25" width="23" border="0" cellpadding="0"<img src="images/hdl.gif" ></td>
Da fehlt vor der Grafik das abschließende ">".

Verfasst: 16.11.2006 17:36
von kolja
ok ich habs hetzt in der css so definiert:

Code: Alles auswählen

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(images/cellpic1.gif);
			background-color:#A1040A; height: 28px;
}

td.corleft {
			background-image: url(images/hdl.gif);
background-color:#A1040A; height: 28px;
}
das corleft

aber jetzt wird es gar nicht mehr angezeigt:

Code: Alles auswählen

     <td height="25" class="corleft"></td>
     <td class="catHead"  height="25"><span><center>die 5 nächten Reggae Partys in Münster</center></span></td>
und ich glaub das abschliessende > darf nicht sein

kolja

Verfasst: 16.11.2006 18:30
von NMK

Code: Alles auswählen

<td height="25" class="corleft"></td>
Wir ignoriert da sich nichts in der Zelle befindet, normalerweise würde da ein &nbsp; reichen, was allerdings hier auch nicht der falls ist, da das Bild eine bestimmte größe hat. Nene, du musst das Bild schon richtig in die Zelle einfügen, also:

Code: Alles auswählen

<td height="25" class="corleft"><img src="images/hdl.gif"></td>
Probier es auch mal mit

Code: Alles auswählen

border="0"
oder schau mal nach, ob bilder (oder zellen) vielleicht in der css automatisch einen rand zugewisen bekommen?!?

Verfasst: 16.11.2006 19:38
von kolja
dank, auf jeden fall für die info, dass leere zellen ignoriert werden :oops:

mit deinen änderungen wird das bild zwar wieder angezeit,
aber leider fehlt oben und unten immer noch ein pixel
und rechts n ganzes stück:

http://mona-davinci.de/phpbb/portal.php

und in der css steht nicht mehr als ich oben schon schrieb...

kolja

Verfasst: 16.11.2006 19:45
von NMK
Probier mal das:
<td class="catHead" height="25" nobreak="nobreak"><span class="white"><center>die 5 nächten Reggae Partys in Münster</center></span></td>