lücke zwischen tabellenzeilen???

Macintosch

hallo!

ich lass manche Spalten, da sie zusammengehören, "gruppieren" und ziehe insgesamt einen Rahmen um sie... jetzt hab ich trotzdem ich alle anderen rahmen auf 0px gesetzt habe eine Lücke zwichen den einzelnen zeilen... dadurch sieht der Rahemen eher wie eine gestrichelte Linie aus und das ist nicht im Sinne des Erfinders...

Hier die Tabelle und die dazugehörende CSS-Definitionen:

HTML

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="Styles/test.css">
</head>
<body>
<form>
<table id="spalten" style="POSITION:absolute; TOP:5px; LEFT:2px; BACKGROUND-COLOR: #e0e0f0; BORDER-SPACING:0px; BORDER:0px; PADDING:0px; Z-INDEX:100; MARGIN:0px;">


<%


	dim gerade
	gerade = 0


	for i=0 to 20
		if ((gerade mod 20)=0) then
			if (gerade > 0) then %>
				<tr>
				<td colspan="2" class="bTop"></td>
				</tr>
			<% end if %>
			<tr>
				<td colspan="2" class="kopfZeile">Schlüsselattribute</td>
			</tr>
			<tr>
				<td class="bLeft">
					<input readonly class="zeileDarkLila" type="text" value="Kunde" size="<%=Kunde%>"></td>

				<td class="bRight">
					<input readonly class="zeileDarkLila" type="text" value="Seriennummer" size="<%=Seriennummer%>"></td> 
			</tr>
		<%end if
		if ((gerade mod 2)=1) then%>
			<tr>
				<td class="bLeft">
					<input readonly class="zeileLightGray" type="text" name="Kunde" size="<%=Kunde%>" value="<%response.write("Firma")%>"></td> 

				<td class="bRight">
					<input readonly class="zeileLightGray" type="text" name="Seriennummer" size="<%=Seriennummer%>" value="<%response.write("Seriennummer")%>"></td> 
			</tr>	

		<%else%>
			<tr>
				<td class="bLeft">
					<input readonly class="zeileWhite" type="text" name="Kunde" size="<%=Kunde%>" value="<%response.write("Firma")%>"></td>

				<td class="bRight">
					<input readonly class="zeileWhite" type="text" name="Seriennummer" size="<%=Seriennummer%>" value="<%response.write("Seriennummer")%>"></td>
			</tr>
		<%end if
		gerade = gerade + 1
	next


%>
</table>
</form>
</body>
</html>

Alles anzeigen

Code

/* Verschiedene Farben für Datenbankzeilen */
.zeileLightGray
{                    
	BACKGROUND: #d3d3d3;
	BORDER: 0px;
	BORDER-SPACING:0px;
	PADDING:0px;
}
.zeileWhite
{                    
	BACKGROUND: #ffffff;
	BORDER: 0px;
	BORDER-SPACING:0px;
	PADDING:0px;
}
.zeileDarkLila
{
	BORDER: 0px; 
	TEXT-ALIGN:center; 
	COLOR:#ffffff;  
	BACKGROUND:#040484;
	BORDER-SPACING:0px;
	PADDING:0px;
}
.null
{
	BORDER: 0px;
	PADDING: 0px;
	BORDER-SPACING: 0px;
}
.kopfZeile
{
	BORDER-Top: 1px solid #040484;
	BORDER-LEFT: 1px solid #040484;
	BORDER-RIGHT: 1px solid #040484;
	BORDER-BOTTOM: 0px solid #e0e0f0;
    FONT-FAMILY: Arial, Helvetica, Geneva, Swiss;
    FONT-WEIGHT: bold;
	TEXT-ALIGN: left; 
	TEXT-COLOR: #040484; 
	BACKGROUND: #e0e0f0;
	DECORATION: none;
	BORDER-SPACING:0px;
	PADDING:0px; 
}
.bLeft
{
	BORDER-LEFT: 1px solid #040484;
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	BORDER-BOTTOM: 0px;
	BORDER-SPACING:0px;
	PADDING:0px;
}
.bRight
{
	BORDER-RIGHT: 1px solid #040484;
	BORDER-LEFT: 0px;
	BORDER-TOP: 0px;
	BORDER-BOTTOM: 0px;
	BORDER-SPACING:0px;
	PADDING:0px;
}
.bTop
{
	BORDER-TOP: 1px solid #040484;
	BORDER-RIGHT: 0px;
	BORDER-LEFT: 0px;
	BORDER-BOTTOM: 0px;
	BORDER-SPACING:0px;
	PADDING:0px;
}

Alles anzeigen

Wo ist der Fehler?

Cyberlord

Mach border 0 px und dann noch eine Tabelle über das ganze mit dem dunklen border.

Cyberlord

Zitat von Macintosch

[code]
<%

dim gerade
gerade = 0

dim ist nur in Kombination von option explicit sinnvoll. (mußt ganz oben stehen)

Macintosch

Das geht leider nicht... ich hab die beiden Spalten jetzt nur mal zu anschaulichkeit angegeben... normalerweise sind es wesentlich mehr spalten und nicht alle sollen diesen dunklen rahmen bekommen eben nur die, die in zu einer Gruppe gehören...

BuntesAllerlei

Zitat von Macintosch
Hier die Tabelle und die dazugehörende CSS-Definitionen:
Code
<body>
<form>
<table id="spalten" style="POSITION:absolute; TOP:5px; LEFT:2px; BACKGROUND-COLOR: #e0e0f0; BORDER-SPACING:0px; BORDER:0px; PADDING:0px; Z-INDEX:100; MARGIN:0px;">

versuche es mal mit "cellspacing" evt. noch "cellpadding", auf null zu setzten, dh. so:

Code

<body>
<form>
<table id="spalten" style="POSITION:absolute; TOP:5px; LEFT:2px; BACKGROUND-COLOR: #e0e0f0; BORDER-SPACING:0px; BORDER:0px; PADDING:0px; Z-INDEX:100; MARGIN:0px;"cellspacing="0">

Evt. ist das dies was Du meinst?
Gruess

Macintosch

hm, das geht!

aber das sind ja eigentlich tag attribute...
ich wollt das ganze eigentlich komplett in css machen... da müsste es doch auch entsprechende befehle für geben!?

naja, falls es nicht geht, mach ich es eben so...

Tags