background-repeat x en y.
Link gekopieerd
Het is gewoon een achtergrondkleurtje in een tabel. Hier is mijn CSS en mijn HTML:
TABLE.pagina
{
border-spacing: 0px;
width: 100%;
height: 100%;
}
TABLE.pagina TD.titel
{
padding: 10px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
vertical-align: middle;
background-color: #888888;
color: #000000;
font-family: Tahoma, MS Sans Serif;
font-size: 32pt;
font-weight: bold;
height: 90px;
}
TABLE.pagina TD.menu
{
padding: 5px;
width: 100px;
border: 1px solid #000000;
border-top: 0px;
border-bottom: 0px;
vertical-align: top;
background-color: #888888;
font-weight: bold;
color: #000000;
font-family: Tahoma, MS Sans Serif;
font-size: 10pt;
}
TABLE.pagina TD.admin
{
padding: 5px;
width: 100px;
border: 1px solid #000000;
border-top: 0px;
vertical-align: top;
background-color: #888888;
font-weight: bold;
color: #000000;
font-family: Tahoma, MS Sans Serif;
font-size: 8pt;
height: 20px;
}
TABLE.pagina TD.content
{
padding: 5px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
vertical-align: top;
background-color: #DDDDDD;
color: #000000;
font-family: Tahoma, MS Sans Serif;
font-size: 11pt;
}
En hier mijn HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>ProjectHelp - Welkom</TITLE>
<META NAME="Scripter" CONTENT="Herjan Treurniet">
<LINK REL="shortcut icon" HREF="">
<LINK HREF="style1.css" TYPE="text/css" REL="stylesheet">
<SCRIPT TYPE="text/javascript" SRC="scripts.js"></SCRIPT>
</HEAD>
<BODY>
<TABLE CLASS="pagina">
<TR>
<TD CLASS="titel" COLSPAN="2">Welkom</TD>
</TR>
<TR>
<TD CLASS="menu">
<A HREF="index.php">Kies project</A><BR>
<A HREF="projectindex.php">Projectpagina</A><BR>
<A HREF="forumindex.php">Forum</A><BR>
<A HREF="forumtopic.php">Nieuw topic</A><BR>
<A HREF="projectupload.php">Upload</A><BR>
<A HREF="projectdownload.php">Download</A><BR>
<A HREF="projectlinks.php">Links</A><BR>
<A HREF="projectlinkadd.php">Nieuwe link</A><BR>
</TD>
<TD CLASS="content" ROWSPAN="2">
Welkom bij ProjectHelp! Kies hieronder het project:<BR><BR><A HREF="login.php?id=1">Berlijnse muur - Rens, Gerard en Herjan</A><BR>
</TD>
</TR>
<TR>
<TD CLASS="admin"><A HREF="admin.php">Admin</A></TD>
</TR>
</TABLE>
</BODY>
</HTML>
Link gekopieerd
?
Onbekende gebruiker
03-05-2006 18:18
voeg bij die table de volgende atributen toe:
Link gekopieerd
Hmm...je gebruikt tabellen, en vervolgens CSS om je tabellen op te maken. Is dat niet wat raar?
Link gekopieerd
@webmakerij: ff proberen
Link gekopieerd
Hij bedoelt dat je het net zo goed met divs kan doen, doormiddel van een height en width en float, dan zul je dit soort problemen niet zo snel krijgen, want als je zoveel css gebruikt kan je beter die tabel en td's weglaten en een paar div's plaatsen.
en je kan beter je css wat meer verdelen, maak 1 class voor de tekst van de div/tabel en een class voor de rest (positionering) dat is wat overzichtelijker.
En voor wat jij wilt kan je heel makkelijk divs gebruiken:
<div class="top">
<div>
<div class="menu">
*hier je links/menu items*
<div>
<div class="content">
*hier je content*
<div>
css:
body {
width: 900px;
height: auto;
.top {
width: 900px;
height: 125px;
background-color: #jouwkleur;
float: left;
}
.menu {
width: 125px;
height: auto;
background-color: #jouwkleur;
float: left;
}
.content {
width: 875px;
height: auto;
background-color: #jouwkleur;
}
correct me if i'm wrong.
heb het maar even snel getypt en had even geen editor bij de hand
Edit: type
Link gekopieerd
