table probleem

Status
Niet open voor verdere reacties.
wesselh

wesselh

Gebruiker
Lid geworden
2 mrt 2007
Berichten
132
Hallo iedereen!

Een vriend heeft me gevraagd een site te maken voor zijn call of duty clan.
Nu zit ik met een probleem, ik werk nu met tabellen omdat ik wil dat het "soort van briefje" waar de tekst op staat automatisch langer wordt als de tekst er niet meer op past.
Daarnaast staan er 2 menu's.
Wat ik wil is dat die twee menu's naast dat briefje komen te staan (een rechts en een links). Dus, 3 tabellen in het midden, naast elkaar.
Dit is wat ik heb gedaan.

<html>
<head>
<title></title>

<style type="text/css" media="screen">
<!--
table { border: 1px solid black; margin: 0; }
td { border: 0px; margin: 0; }
-->
</style>

</head>
<body style="margin: 0px; padding: 0px;" bgcolor="#696969">


<table width="800" height="54" align="center" border="1" cellspacing="0" callpadding="0" background="header.bmp">
<tr><td></td></tr>
</table><p> <<--- dit is een soort van header, daar moet je niet op letten.

<center>

<table width="150" border="1" cellspacing="0" callpadding="0" bgcolor="gray">
<tr><td><img src="border2.bmp"></td></tr>
<tr><td>

Menu 1

</td></tr>
</table>&nbsp;&nbsp;&nbsp;&nbsp;


<table width="480" border="1" cellspacing="0" callpadding="0" bgcolor="gray">
<tr><td><img src="border.bmp"></td></tr>
<tr><td>

Dit vak past zich aan aan de tekst.<br>
Hoe langer de tekst, hoe langer de tabel.

</td></tr>
</table>&nbsp;&nbsp;&nbsp;&nbsp;


<table width="150" border="1" cellspacing="0" callpadding="0%" bgcolor="gray">
<tr><td><img src="border2.bmp"></td></tr>
<tr><td>

Menu 2

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

</center>
</body>
</html>


Nu krijg ik ze onder elkaar :confused: Weet iemand hoe je die ook naast elkaar kan krijgen en toch in het midden (center) laten staan?

Alvast bedatnk!:p
 
Ik heb een paar ideeën. Aangezien het lijkt alsof je al redelijk wat weet van html/css, kan je met alleen de ideeën misschien al verder:

  • Maak 1 tabel eromheen en plaats alle andere tabellen in td's van 1 tr.
  • Klooi een beetje met de position/margin/left/top eigenschappen van css

Tip: Gebruik voor websites zoveel mogelijk w3c, oftewel basis met xhtml, opmaak met css, gebruik divs. Ik zou alle css die je gebruikt in het head gedeelte van je site planten of in een apart bestand.
dus niet:
HTML: 
<body style="margin: 100px;">
Ik zou dit zeker niet combineren met stijlbladen in het head gedeeltje.
Door bovenstaande tips te gebruiken wordt code overzichtelijker en kunnen wij je vragen makkelijker beantwoorden.

Succes ermee, en als het niet lukt, dan hoor ik het wel ;)

Groet,
Ger@ld
 
Zet die drie tabellen elk in een cel van een hoofdtabel :

PHP: 
<html>
<head>
<title></title>

<style type="text/css" media="screen">
<!--
table { border: 1px solid black; margin: 0; }
td { border: 0px; margin: 0; }
-->
</style>

</head>
<body style="margin: 0px; padding: 0px;" bgcolor="#696969">


<table width="800" height="54" align="center" border="1" cellspacing="0" callpadding="0" background="header.bmp">
<tr><td></td></tr>
</table><p> <<--- dit is een soort van header, daar moet je niet op letten.</p>

<center>

<table>
<tr><td align="center">

<table width="150" border="1" cellspacing="0" callpadding="0" bgcolor="gray">
<tr><td><img src="border2.bmp"></td></tr>
<tr><td>

Menu 1

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

</td></tr>
<tr><td align="center">

<table width="480" border="1" cellspacing="0" callpadding="0" bgcolor="gray">
<tr><td><img src="border.bmp"></td></tr>
<tr><td>

Dit vak past zich aan aan de tekst.<br>
Hoe langer de tekst, hoe langer de tabel.

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

</td></tr>
<tr><td align="center">

<table width="150" border="1" cellspacing="0" callpadding="0%" bgcolor="gray">
<tr><td><img src="border2.bmp"></td></tr>
<tr><td>

Menu 2

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

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

</center>

</body>
</html>

Dit staat tussen php-tags, maar is geen php.

Greetz : Jer:cool:en.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan