tabellen border

apollo93 · 5 dec 2006

eej mensen,
ik heb met sgool een opdracht om een site te maken en ik heb um net in tabellen ingedeelt, alleen heb ik nu een probleem,,. ik wil de buitenste lijnen van de tabel weglaten toewijl de middelste blijfen staan, hoe doe ik dit?

(als het uberbaupt kan

) en kan ik mischien beter een andere indeling gebruiken anders? (ik wil geen frames gebruiken en we meoten alles in kladblok doen dus de codreing moet simpel blijven)
maja, k hoor wel van jullie.. mzzl jeroen

josvink66 · 5 dec 2006

welke programma dee je die tabellen??

apollo93 · 5 dec 2006

kladblok

gewoon--> <tabel><tr><th><h1>home</h1></th></tr></tabel>

apollo93 · 5 dec 2006

weet niemand daar iets vanaf?!?

peter vazed · 5 dec 2006

Style in je td tag.

<td style="border: solid #ff0000 2px 1px 1px 1px">
waarbij de 2px op 12 uur zit, dus bovenaan.
Telling is rechtsom.

DivoX · 5 dec 2006

of anders een tabel in een tabel:

<table border="0">
<tr>
<td>
hier staat de inhoud van de buitenste tabel zonder rand, dus ook de 2e tabel
<table>
<tr>
<td>
dit is de inhoud van de binnenste tabel
</td>
</tr>
</table>
</td>
</tr>
</table>

ik hoop dat ik je vraag beantwoord heb

apollo93 · 7 dec 2006

oke, thnx,, k ga t nu proberen

apollo93 · 7 dec 2006

peter vazed zei:
Style in je td tag.

<td style="border: solid #ff0000 2px 1px 1px 1px">
waarbij de 2px op 12 uur zit, dus bovenaan.
Telling is rechtsom.

zo ben ik er al bijna,, maar k wil maar aan één rand een lijn hebben (bij deze manier rekent ie gewoon 1 dikte bij alle lijnen dus ik denk dat er anders een fout in de code zit ofzo

)

peter vazed · 7 dec 2006

<td style="border: solid #ff0000 0px 1px 0px 0px">
waarbij de 1px op 3 uur zit, dus rechts.
Zo werk je alle de cellen af.

Over CSS
http://www.handleidinghtml.nl/

apollo93 · 8 dec 2006

ow, k denk dat ik weet wat je bedoelt maar bij css moet je toch openen en sluiten met {-}? probeer het self maar zoals jij heb heb gedaan met <html> tags enzo erbij,, je krijgt 1 lijn van 2 px breed hoor..

doeg

peter vazed · 8 dec 2006

Probeer dit eens:

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<title>borders cel</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

      BODY {
       margin: 0px 0px 0px 0px;
       font-family: verdana, arial, helvetica;
       background-image: url(layout/sfeerstrook/site_home.jpg);
       background-repeat: no-repeat;      
       font-size: 14px;
       font-color: #000000;
       color: #000066;
}
.info{
border: solid 3px 2px 0px 0px #000000;
padding:10px;
}
   

.boven{
border-width:1px 0 0 0; 
border-style: solid; 
border-color:#ff0000;
}
.rechts{
border-width:0 2px 0 0; 
border-style: dotted ; 
border-color:#ff0000;
}
.onder
{
border-width: 0 0 1px 0; 
border-style: solid ; 
border-color:#ff0000;
}
.links
{
border-width: 0  0 0 1px; 
border-style: dotted ; 
border-color:#ff0000;
}
.vierkant{
border-width: 1px 1px 1px 1px; 
border-style: solid ; 
border-color:#8000ff;
}
.toplinks{
border-width: 3px 0px 0px 3px; 
border-style: solid ; 
border-color:#800080;
}

.toprechts{
border-width: 1px 1px 0px 0px; 
border-style: solid ; 
border-color:#800080;
}
    </style>
</head>

<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">

<table  width="95%" border="0" cellspacing="8" cellpadding="8" bgcolor="#d9dba8" align="center">
	<tr>
		<!-- Row 1 Column 1 -->
		<td bgcolor="#c0c0c0" class="boven"  width="50%"  >
			<b>
				<div class=" info" >1:<br>
Deze site geeft meer <a href="http://www.zytrax.com/tech/css/shortcut.html">info</a> </div>
			</b>
		</td>
		<!-- Row 1 Column 2 -->
		<td bgcolor="#c0c0c0" class="rechts" width="25%"  >
			<b>
				2
			</b>
		</td>
		<!-- Row 1 Column 3 -->
		<td bgcolor="#c0c0c0" class="onder" width="25%"  >
			<b>
				3
			</b>
		</td>
	</tr>
	<tr>
		<!-- Row 2 Column 1 -->
		<td class="links">Op die site tref je oa deze info:<br><br>


			<b>
				border-color:red; [ALL]<br>

border-color:red blue; [H V]<br>
border-color:red blue cyan; [T V B]<br>
border-color:red blue cyan silver; [T R B L]<br><br>

Waarbij T staat voor Top= boven,<br>
R voor rechts<br>
B voor botom= Beneden<br>
L voor Links
			</b>
		</td>
		<!-- Row 2 Column 2 -->
		<td class="vierkant">
			5<br>
<br>
<br>

		</td>
		<!-- Row 2 Column 3 -->
		<td class="rechts">
			6<br>
<br>
<br>

		</td>
	</tr>
	<tr>
		<!-- Row 3 Column 1 -->
		<td class="rechts">
			<b>
				7<br>
<br>
<br>

			</b>
		</td>
		<!-- Row 3 Column 2 -->
		<td class="toplinks">
			8<br>
<br>
<br>

		</td>
		<!-- Row 3 Column 3 -->
		<td class="toprechts">
			9<br>
<br>
<br>

		</td>
	</tr>
</table>


</body>

</html>

apollo93 · 11 dec 2006

peter vazed zei:

Probeer dit eens:

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<title>borders cel</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

      BODY {
       margin: 0px 0px 0px 0px;
       font-family: verdana, arial, helvetica;
       background-image: url(layout/sfeerstrook/site_home.jpg);
       background-repeat: no-repeat;      
       font-size: 14px;
       font-color: #000000;
       color: #000066;
}
.info{
border: solid 3px 2px 0px 0px #000000;
padding:10px;
}
   

.boven{
border-width:1px 0 0 0; 
border-style: solid; 
border-color:#ff0000;
}
.rechts{
border-width:0 2px 0 0; 
border-style: dotted ; 
border-color:#ff0000;
}
.onder
{
border-width: 0 0 1px 0; 
border-style: solid ; 
border-color:#ff0000;
}
.links
{
border-width: 0  0 0 1px; 
border-style: dotted ; 
border-color:#ff0000;
}
.vierkant{
border-width: 1px 1px 1px 1px; 
border-style: solid ; 
border-color:#8000ff;
}
.toplinks{
border-width: 3px 0px 0px 3px; 
border-style: solid ; 
border-color:#800080;
}

.toprechts{
border-width: 1px 1px 0px 0px; 
border-style: solid ; 
border-color:#800080;
}
    </style>
</head>

<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">

<table  width="95%" border="0" cellspacing="8" cellpadding="8" bgcolor="#d9dba8" align="center">
	<tr>
		<!-- Row 1 Column 1 -->
		<td bgcolor="#c0c0c0" class="boven"  width="50%"  >
			<b>
				<div class=" info" >1:<br>
Deze site geeft meer <a href="http://www.zytrax.com/tech/css/shortcut.html">info</a> </div>
			</b>
		</td>
		<!-- Row 1 Column 2 -->
		<td bgcolor="#c0c0c0" class="rechts" width="25%"  >
			<b>
				2
			</b>
		</td>
		<!-- Row 1 Column 3 -->
		<td bgcolor="#c0c0c0" class="onder" width="25%"  >
			<b>
				3
			</b>
		</td>
	</tr>
	<tr>
		<!-- Row 2 Column 1 -->
		<td class="links">Op die site tref je oa deze info:<br><br>


			<b>
				border-color:red; [ALL]<br>

border-color:red blue; [H V]<br>
border-color:red blue cyan; [T V B]<br>
border-color:red blue cyan silver; [T R B L]<br><br>

Waarbij T staat voor Top= boven,<br>
R voor rechts<br>
B voor botom= Beneden<br>
L voor Links
			</b>
		</td>
		<!-- Row 2 Column 2 -->
		<td class="vierkant">
			5<br>
<br>
<br>

		</td>
		<!-- Row 2 Column 3 -->
		<td class="rechts">
			6<br>
<br>
<br>

		</td>
	</tr>
	<tr>
		<!-- Row 3 Column 1 -->
		<td class="rechts">
			<b>
				7<br>
<br>
<br>

			</b>
		</td>
		<!-- Row 3 Column 2 -->
		<td class="toplinks">
			8<br>
<br>
<br>

		</td>
		<!-- Row 3 Column 3 -->
		<td class="toprechts">
			9<br>
<br>
<br>

		</td>
	</tr>
</table>


</body>

</html>

jah, zo werkt het:thumb: heel erg bedankt

(ik snap nu ook meteen een stuk meer van css

)

tabellen border

apollo93

Gebruiker

josvink66

Gebruiker

apollo93

Gebruiker

apollo93

Gebruiker

peter vazed

Meubilair

DivoX

Gebruiker

apollo93

Gebruiker

apollo93

Gebruiker

peter vazed

Meubilair

apollo93

Gebruiker

peter vazed

Meubilair

apollo93

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy