Tabelle formatieren will mir nicht gelingen

[JumpinJack]

Hallo Leute.

Also ich bin gerade mich an html am versuchen. Und ich scheitere kläglich.
Ich habe eine Tabelle welche mit <tr> und <td> unterteilt wird. Ich möchte diese Zeilen und Zellen immer mit einer Umrandung haben welche bis zum übergeordneten Rahmen geht. Das heißt, wenn ich der ersten Zeile in einer tabelle einen Rahmen gebe so soll der Rahmen-oben mit dem des Tabellenrahmen übereinstimmen. Ich sehe aber immer 2 Rahmen linien. Versteht ihr was ich meine?

Ich will einfach dünne Excel-Linien. Nix mit blöden Doppellinien. Wißt ihr wo mein Fehler ist?

Code: Alles auswählen

<style type="text/css">
#rundrum {
  border-width:1px;
  border-style:solid;
  border-color:grey;
  border-spacing:0px
  text-align:justify; }
}
</style>

<table width="505" height="275" background="bg2.jpg" id="rundrum">
  <tr>
    <td colspan="3" nowrap id="rundrum"><div align="center">TEAM B </div></td>
  </tr>
  <tr>
    <td width="49" nowrap id="rundrum">&nbsp;</td>
    <td width="143" id="rundrum">General</td>
    <td width="289" id="rundrum">Name</td>
  </tr>
</table>

Nun das ist mein Code der mir die Doppelrahmen auswirft. Ich denke ihr seht direkt ich bin da ein VollNoob. Evtl könnt ihr mir ja ein Tipp geben.

[Leuchte]

Was passiert denn, wenn du im TABLE-Tag das id="rundrum" rausnimmst?

[JumpinJack]

Nein dann fehlt der äußere Rahmen. Aber die Zeilen und Zellen schließen immer noch nicht aneinander an.

guckst du hier:
http://dsum.replay.schwad-dich-moed.de/

btw: Ich arbeite am rechten.

[Markus67]

Hi ...

<table width="505" height="275" background="bg2.jpg" id="rundrum" cellspacing="0">

Markus

[JumpinJack]

Hey das wars. Prima. Danke dir. Nun sind aber die Rahmen immer noch so dick weil sie aus 2 Rahmen bestehen. Geht das auch noch anders?

btw: Kannst du mir jetzt noch sagen warum ich keinen Rahmen um die Zelle setzen kann? Ich möchte mit der Methode auch eine Zelle umrahmen. Das macht der aber nicht. Das mit der id=rundrum klappt nur bei td und Tabelle.

[Markus67]

Hi ...

dann machs so ...

Code: Alles auswählen

<style type="text/css"> 
.tdoben  	{ border-style:solid; border-color: red; border-width: 1px 1px 1px 1px; }
.tdlinks 	{ border-style:solid; border-color: red; border-width: 0px 1px 1px 1px; }
.tdmitte 	{ border-style:solid; border-color: red; border-width: 0px 1px 1px 0px; }
.tdrechts 	{ border-style:solid; border-color: red; border-width: 0px 1px 1px 0px; }
</style> 

<table width="505" height="275" background="bg2.jpg" cellspacing="0"> 
  <tr> 
    <td colspan="3" nowrap="nowrap" class="tdoben"><div align="center">TEAM B </div></td> 
  </tr> 
  <tr> 
    <td width="49"  class="tdlinks" nowrap="nowrap">&nbsp;</td> 
    <td width="143" class="tdmitte">General</td> 
    <td width="289" class="tdrechts">Name</td> 
  </tr> 
</table>

Markus

[JumpinJack]

Ah, ich verstehe. Für jede Art von Zeile eine eigene Formatierung. Damit kann man ja nun wirklich alles machen. Ist zwar teilweise Fleissarbeit, aber sehr logisch und einfach. Danke für die gute und schnelle Hilfe!