Krijg basis van site niet goed

Status
Niet open voor verdere reacties.
Bruce The Boss

Bruce The Boss

Terugkerende gebruiker
Lid geworden
14 aug 2002
Berichten
1.945
Hallo,

Ik wil graag een website maken maar ik krijg de basis niet goed.

Deze site

Het eerste probleem is dat de linker kolom en de rechter kolom op de een of andere manier aan elkaar zijn gelinkt.

Toen ik het "KNVK-logo" plaatste (rechts) veranderde ook de size van de linker cel.

Het moet toch mogelijk zijn om dit onafhankelijk van elkaar te hebben .... maar hoe?

Wie kan me helpen?
 
Ik vrees, dat het de colspan is.
En je hebt er veel..................

Zet
<table width="100%" border="0">
de border op 2,
voeg of wijzig wat, en zie wat er gebeurt.

Oplossing:
geneste tabellen.

:cool:
 
Ik geloof niet dat ik dit voorelkaar ga krijgen.

Ik loop al een tijdje te kl**ien maar het lukt met maar niet.

dit is het laatste resultaat

Ik weet dat het niet de juiste manier is, omdat ik er dan niets van leer, maar is er misschien iemand die voor mij de "basis" zou willen maken. Volgens mij is het maar 2 minuten werk maar het lukt me gewoon niet :( :evil:

Wie kan (wil) me a.u.b. helpen ??
 
3 tabellen onder elkaar.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>
Untitled Document
</title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
background-color:#d5d7b5;
}
-->
</style>
</head>

<body>
<!-- kop begin -->
<table width="100%"  border="10">
  
<tr>
    
<td>
<div align="center">
<img src="http://members.chello.nl/j.hubers3/korfbal.gif" width="174" height="119" />
</div>
</td>
    
<td>
<div align="center">
<img src="http://members.chello.nl/j.hubers3/logo voor vvo hapert.gif" width="342" height="119" />
</div>
</td>

    
<td width="35%" >
<div align="center">
<img src="http://members.chello.nl/j.hubers3/vvo hapert logo.gif" width="279" height="119" />
</div>
</td>
  
</tr>
</table>
<!-- kop eind  -->
  


<!-- gekleurde cel begin -->
<table width="100%"  border="10">
<tr>
    
<td height="18"  bgcolor="#993300">
gekleurde balk
</td>
  
</tr>
  
</table>
<!-- gekleurde cel einde -->

<!-- menu en content begin -->
<table width="100%"  border="10">
  
  
<tr>
    
<!-- menu begin -->
<td bgcolor="#FFFF00"  width="105" valign="top">

<table  border="1" cellspacing="0" cellpadding="4" bgcolor="#ffffd2">
<tr>
<!-- Row 1 Column 1 -->
<td>

<div align="center">
      
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="22">

        
<param name="movie" value="http://members.chello.nl/j.hubers3/button5.swf" />
        
<param name="quality" value="high" />
        
<embed src="http://members.chello.nl/j.hubers3/button5.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="35" >
</embed>
      
</object>
    
</div>
</td>
  
</tr>
  
<tr>
    
<td bgcolor="#FFFF00">
<div align="center">
      
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="103" height="24">

        
<param name="movie" value="http://members.chello.nl/j.hubers3/button6.swf" />
        
<param name="quality" value="high" />
        
<embed src="http://members.chello.nl/j.hubers3/button6.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="103" height="35" >
</embed>
      
</object>
</div>
</td>
  
</tr>
  
<tr>
    
<td bgcolor="#FFFF00">
<div align="center">
      
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="100" height="35">

        
<param name="movie" value="http://members.chello.nl/j.hubers3/button7.swf" />
        
<param name="quality" value="high" />
        
<embed src="http://members.chello.nl/j.hubers3/button7.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100" height="35" >
</embed>
      
</object>
    
</div>
</td>
  
</tr>
  
<tr>
    
<td bgcolor="#FFFF00">
<div align="center">
c
</div>
</td>

  
</tr>
  
<tr>
    
<td bgcolor="#FFFF00">
<div align="center">
d
</div>
</td>
  
</tr>
  
<tr>
    
<td bgcolor="#FFFF00">
<div align="center">
e
</div>
</td>
  
</tr>
  
<tr>

    
<td bgcolor="#FFFF00">
<div align="center">
f
</div>
</td>
  
</tr>
  
<tr>
    
<td bgcolor="#FFFF00">
<div align="center">
g
</div>

</td>
</tr>
</table>
</td>
<!-- einde menu -->
<!-- begin content -->
<td valign="top" style="padding:10px;">
 content

</td>
  
<!-- einde content -->
</tr>
  </table><br>
<br>


</body>

</html>

:cool:
 
Ha Peter,

Hartstikke bedankt !!

Nog één vraagje ...... :o

Hoe krijg ik de kolom die links staat ook aan de rechterkant. En dan zo dat de cellen rechts en links onafhankelijk van elkaar zijn. Dat krijg ik dus maar niet voorelkaar.

Bedankt alvast !
 
Rechts naast Content?
Rood gekleure toevoegen.

<!-- begin content -->
<td valign="top" style="padding:10px;">
content

</td>

<!-- einde content -->

<!-- rechter kolom begin -->
<td width="140" valign="top">
rechts<br>

</td>
<!-- einde rechter kolom -->
</tr>
</table><br>
<br>


</body>

</html>
 
Al doende leert men ......... bedankt !

Heb toch nog een vraagje:

In de rechter kolom krijg ik de witte scheidingslijnen tussen de cellen niet weg.

Waar kan dat door komen?

Hier is de link naar de site
 
Heb toch het ernstige vermoeden dat ik de rechterkolom er niet goed heb ingezet en dat ik daarom die witte scheidingslijnen heb.

Kun je dit checken Peter? :)
 
Toevoegen aan tabel: cellspacing="0" cellpadding="4"

Laatste stuk code:

HTML: 
<!-- rechter kolom begin -->
<td width="140">
<!-- tabel maken voor rechter kolom -->
<table cellspacing="0" cellpadding="2" >
<tr>
<td height="33" colspan="3" valign="top" bgcolor="#0001A3">
  
<p align="center">
&nbsp;
</p>
</td>
</tr>
<tr>
  
<td height="33" colspan="3" valign="top" bgcolor="#0001A3">
<div align="center">
<img src="plaatjes/lid worden 2.jpg" width="68" height="35" alt="plaatje" />
</div>
</td>
</tr>

<tr>
  
<td width="30" height="42" valign="top" bgcolor="#0001A3">
&nbsp;
</td>
  
<td width="30" valign="top" bgcolor="#0001A3">
<img src="plaatjes/email.gif" width="32" height="32" alt="plaatje" />
</td>
  
<td width="30" valign="top" bgcolor="#0001A3">
&nbsp;
</td>
</tr>
<tr>
  
<td height="29" colspan="3" valign="top" bgcolor="#0001A3">
<div align="center">
<img src="plaatjes/sponsors.jpg" width="108" height="105" alt="plaatje" />
</div>
</td>
</tr>
<tr>
  
<td height="35" colspan="3" valign="top" bgcolor="#0001A3">
&nbsp;
</td>
</tr>
<tr>

  
<td height="65" colspan="3" valign="top" bgcolor="#0001A3">
<div align="center">
<img src="plaatjes/knkv.jpg" width="108" height="105" alt="plaatje" />
</div>
</td>
</tr>
<tr>
  
<td height="131" colspan="3" valign="top" bgcolor="#0001A3">
&nbsp;
</td>
</tr>
<tr>
  
<td height="131" colspan="3" valign="top" bgcolor="#0001A3">
&nbsp;
</td>
</tr>
</table>
</td>
<!-- einde rechter kolom -->
</tr>

</table>
<br/>
<br/>
</body>

</html>
 
:confused: toch is het nog niet helemaal goed.

De rechter kolom is kleiner dan de andere maar ik krijg hem maar niet "passend"

Wat doe ik fout :( ?
 
Haoi,

Ik heb er een voorbeeld van bijgesloten.

Ik zie dat ik wel meer fout heb gedaan.

* rechts langs de foto is volgens mij ook een (kolom / tabel ?) en rechts van "wil je lid worden", "sponsoren" sluit het niet aan met de onder- en bovenkant.

Kun je, of iemand anders, aangeven wat er fout is?

Bedankt alvast.
 
Ik word er gek van, ik krijg het maar niet goed.

Thuis werk ik op een 15 inch scherm en daar ziet het er goed uit maar als ik op een 17 inch scherm kijk zijn er verschillen:

voorbeeld.jpg


Ik heb ook al eens de fouten gechecked met Arachnophilia maar die krijg ik ook niet opgelost.

Kortom ............................ :evil:

Peter (of iemand anders natuurlijk), wil wil er zijn vakkundig oog er nog eens overheen werpen en met uit de brand helpen?

www.jacco.tk

Dank u
 
Laatst bewerkt:
Hoi Peter,

Hartstikke bedankt :thumb:

ik heb maar een kopie bewaart, voor het geval dat ......
 
Je kan het ook zonder tabellen maken gewoon met css:
PHP: 
float:left;
voor meerdere divjes naast elkaar
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan