Seite 1 von 1

Tabelle formatieren will mir nicht gelingen

Verfasst: 23.05.2005 11:38
von 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.

Verfasst: 23.05.2005 11:54
von Leuchte
Was passiert denn, wenn du im TABLE-Tag das id="rundrum" rausnimmst?

Verfasst: 23.05.2005 12:12
von 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. ;)

Verfasst: 23.05.2005 12:13
von Markus67
Hi ...
<table width="505" height="275" background="bg2.jpg" id="rundrum" cellspacing="0">
Markus

Verfasst: 23.05.2005 12:23
von 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.

Verfasst: 23.05.2005 13:07
von Markus67
Hi ...

dann machs so ... :wink:

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

Verfasst: 23.05.2005 13:38
von 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! ;)