Toon posts:

tabellen (opnieuw)

Pagina: 1
Acties:
  • 47 views sinds 30-01-2008

vrijdag 29 maart 2002 19:35

Acties:
  • gomaster
  • Registratie: Februari 2002
  • Laatst online: 22:35

gomaster

Topicstarter
Jongens,

Ik heb een probleem ik heb een tabellen site volgens deze code:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

<html>
<head>
<link rel=stylesheet href=opmaak.css>

 <basefont face=verdana>
<body text=silver bgcolor=#000090>
<center>
 <TABLE border=0 cellSpacing=0 celpadding=0 height=100% width=100%>
  <TR>
    <TD height=50 width=150></TD>
     <TD height=50></td>
     <TD height=50 width=150 align=center onmouseover="this.style.background='#FFFFEE'" onmouseout="this.style.background='#000090'" onmousedown="this.style.background='yellow'" onmouseup="this.style.background='#FFFFEE'" onclick="location.href='index.html'"><b>HOME
     <TD height=50 width=150 align=center onmouseover="this.style.background='#FFFFEE'" onmouseout="this.style.background='#000090'" onmousedown="this.style.background='yello'" onmouseup="this.style.background='#FFFFEE'" onclick="location.href='programmas.html'"><b>Programma's
     <TD height=50 width=150 align=center onmouseover="this.style.background='#FFFFEE'" onmouseout="this.style.background='#000090'" onmousedown="this.style.background='yellow'" onmouseup="this.style.background='#FFFFEE'" onclick="location.href='reference.html'"><b>Reference
     <TD height=50 width=150 align=center onmouseover="this.style.background='#FFFFEE'" onmouseout="this.style.background='#000090'" onmousedown="this.style.background='yellow'" onmouseup="this.style.background='#FFFFEE'" onclick="location.href='contact.html'"><b>Contact
     <TD height=50></td>

<tr width=100 heigth=300><TD bgColor=#000090 height=50 width=150 onmouseover="this.style.background='#FFFFEE'" onmouseout="this.style.background='#000090'" onmousedown="this.style.background='yellow'" onmouseup="this.style.background='#FFFFEE'" onclick="location.href='body.html'"><center><b>HTML Basics

    <td rowspan=13 colspan=6 bgcolor=#FFFFEE valign=top><font color=black><br>Ziet er wel grappig uit Pagina.  


  <tr><TD bgColor=#000090 height=50 width=150 onmouseover="this.style.background='#FFFFEE'" onmouseout="this.style.background='#000090'" onmousedown="this.style.background='yellow'" onmouseup="this.style.background='#FFFFEE'" onclick="location.href='javascript.html'"><center><b>Javascript Basics
  <tr><TD bgColor=#000090 height=50 width=150 onmouseover="this.style.background='#FFFFEE'" onmouseout="this.style.background='#000090'" onmousedown="this.style.background='yellow'" onmouseup="this.style.background='#FFFFEE'" onclick="location.href='css.html'"><center><b>CSS Basics
  <tr><td bgcolor=#000090 width=150 height=25>
  <tr><TD bgColor=#000090 height=50 width=150 onmouseover="this.style.background='#FFFFEE'" onmouseout="this.style.background='#000090'" onmousedown="this.style.background='yellow'" onmouseup="this.style.background='#FFFFEE'" onclick="location.href='opmaak.html'"><center><b>Opmaak
  <tr><TD bgColor=#000090 height=50 width=150 onmouseover="this.style.background='#FFFFEE'" onmouseout="this.style.background='#000090'" onmousedown="this.style.background='yellow'" onmouseup="this.style.background='#FFFFEE'" onclick="location.href='kleuren.html'"><center><b>Kleuren
  <tr><TD bgColor=#000090 height=50 width=150 onmouseover="this.style.background='#FFFFEE'" onmouseout="this.style.background='#000090'" onmousedown="this.style.background='yellow'" onmouseup="this.style.background='#FFFFEE'" onclick="location.href='afbeeldingen.html'"><center><b>Afbeeldingen
  <tr><TD bgColor=#000090 height=50 width=150 onmouseover="this.style.background='#FFFFEE'" onmouseout="this.style.background='#000090'" onmousedown="this.style.background='yellow'" onmouseup="this.style.background='#FFFFEE'" onclick="location.href='links.html'"><center><b>Links
  <tr><TD bgColor=#000090 height=50 width=150 onmouseover="this.style.background='#FFFFEE'" onmouseout="this.style.background='#000090'" onmousedown="this.style.background='yellow'" onmouseup="this.style.background='#FFFFEE'" onclick="location.href='tabellen.html'"><center><b>Tabellen
  <tr><TD bgColor=#000090 height=50 width=150 onmouseover="this.style.background='#FFFFEE'" onmouseout="this.style.background='#000090'" onmousedown="this.style.background='yellow'" onmouseup="this.style.background='#FFFFEE'" onclick="location.href='frames.html'"><center><b>Frames
  <tr><TD bgColor=#000090 height=50 width=150 onmouseover="this.style.background='#FFFFEE'" onmouseout="this.style.background='#000090'" onmousedown="this.style.background='yellow'" onmouseup="this.style.background='#FFFFEE'"><center><b>Formulieren

  <tr><td bgcolor=#000090 width=85>


 </table>
</body>
</html>

Als de rechtertabel waar de pagina dus instaat langer wordt omdat er meer tekst instaat dan rechts rekt de hele zooi uit. Niet echt handig voor die opligtende buttons rechts. Wie weet een oplossing.

vrijdag 29 maart 2002 19:43

Acties:

Verwijderd

De hele structuur van je tables klopt voor geen meter. <tr> nesten, <td> niet afsluiten etc, etc,....

Voordat je aan css begint zou ik eerst eens een goed boek kopen voor beginners.

vrijdag 29 maart 2002 19:44

Acties:
  • Hoppie
  • Registratie: Februari 2001
  • Niet online

Hoppie

Maak de breedte van de tabel een constante en niet afhankelijk van de breedte van de window. Zie voorbeeld:
code:
1

<TABLE border=0 cellSpacing=0 celpadding=0 height=100% width=600>

Hier is de breedte
code:
1

width=600

als een constante gedefinieerd.

vrijdag 29 maart 2002 19:48

Acties:

Verwijderd

1: zet quotes om je values
2: een td een tr en een table tag moet je altijd afsluiten
3: een tr kun je niet in een td nesten zonder het starten van een nieuwe table
4: bij mouseover wijs je hardcoded andere styles toe, waarom gebruik je dan nog een externe stylesheet.

vrijdag 29 maart 2002 19:49

Acties:
  • cutter
  • Registratie: November 2000
  • Laatst online: 28-09-2025

cutter

Wannabe i7 fanboy

zie sig gordijnstok:


:) even html leren is idd wel een advies...

Dit topic is gesloten.