Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > Overige

Menu links de rest rechts (Opgelost)

stienoo - 13/06/2007 13:42 (laatste wijziging 13/06/2007 15:34)

Onbekend

Ik ga een site maken en wil het menu links hebben,
maar nu moet ik dat doen met een tabbel hoe kan ik dat maken zonder tabbel?

nu zijn dit mijn codes:

php code - Bekijk de code zonder highlighting - Klap code in

<html>
<head>
<title></title>
</head>
<body bgcolor="white"text="black"link="black"vlink="black">
<table border="5"width="100%">
<tr><td width="190"align="center"valign="top">
<h3><hr>
menu1 <hr>
menu2 <hr>
menu3 <hr>
menu4 </h3><hr>
</td>
<td valign="top">inhoud<p>inhoud<p>inhoud<p></td></tr></h5>
</table>
</body>
</html>

<html>
<head>
<title></title>
</head>
<body bgcolor="white"text="black"link="black"vlink="black">
<table border="5"width="100%">
<tr><td width="190"align="center"valign="top">
<h3><hr>
menu1 <hr>
menu2 <hr>
menu3 <hr>
menu4 </h3><hr>
</td>
<td valign="top">inhoud<p>inhoud<p>inhoud<p></td></tr></h5>
</table>
</body>
</html>

Citaat:

PieterC edit: Codetags!

9 antwoorden

Gesponsorde links

urqbz - 13/06/2007 14:43
PHP interesse		Met frames: http://www.site...TML/Frames

Ultimatum - 13/06/2007 14:46
PHP expert		Je kan dit met divs doen, je maakt een main div met een breedte die je wilt. Dan een div left en div right, righ is je content en left je menu, geef beide een breedte mee die samen niet groter is dan de container div. en geef beide een float: left @urqbz, frames zijn zóó 2006...

urqbz - 13/06/2007 14:49 (laatste wijziging 13/06/2007 14:57)
PHP interesse		Citaat: edit @ Ultimatium Maar ze hebben volgens mij meer functionaliteit! Er is tegenwoordig geen enkele browser die geen frames ondersteund. Toen ik een op DIV gebaseerde site maakte was ie maar bij de helft van de bezoekers goed weergegeven! En dat ligt niet aan de programeur want die site was (bijna) 100% xhtml strict valid. En bovendien zijn frames veel makkelijker te onderhouden!

Ultimatum - 13/06/2007 14:51
PHP expert		Nee ze werken helemaal niet beter, het ligt gewoon aan de programmeur hoe de site bij iedereen te voorschijn komt .

vinTage - 13/06/2007 14:52 (laatste wijziging 13/06/2007 15:15)

Nieuw lid

Citaat:

Toen ik een op DIV gebaseerde site maakte was ie maar bij de helft van de bezoekers goed weergegeven!

Dan zou ik maar beter leren css' en

Frames zijn gewoon not done voor een website (tenzei het een cms oid betreft)

on:
Zet gewoon 2 divs naast elkaar met een float:left; en width:25% en de andere 75% en je bent klaar.

edit: ik had even niets te doen, hier heb je een beginnetje, er is wel een 3e div bijgekomen ivm de border (die jij ook had in je vb (dus vandaar)

php code - Bekijk de code zonder highlighting - Klap code in

<!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">
<!--
#container {
	width: 100%;
	border: 3px solid #000000;
}

#menu {
	float: left;
	width: 20%; /*border en margin en padding  eraf*/
	border-right-width: 1px;
	border-right-style: solid;
	font-size: 18pt;
	font-weight: bold;
	text-align:center;
	padding:0.5em;
}

#content {
	float: left;
	width: 75%;
	padding:0.5em;
  border-left-width: 1px;
	border-left-style: solid;
}
-->
</style>
</head>

<body>
<div id="container">
  <div id="menu">
    link<hr />
	  link<hr />
	  link <hr />
	  link
  </div>
  <div id="content">
    Hier staat een vaag verhaal, ook wel content genoemd
  </div>
	<div style="clear:both;"></div>
</div>
</body>
</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">
<!--
#container {
	width: 100%;
	border: 3px solid #000000;
}
 
#menu {
	float: left;
	width: 20%; /*border en margin en padding  eraf*/
	border-right-width: 1px;
	border-right-style: solid;
	font-size: 18pt;
	font-weight: bold;
	text-align:center;
	padding:0.5em;
}
 
#content {
	float: left;
	width: 75%;
	padding:0.5em;
  border-left-width: 1px;
	border-left-style: solid;
}
-->
</style>
</head>
 
<body>
<div id="container">
  <div id="menu">
    link<hr />
	  link<hr />
	  link <hr />
	  link
  </div>
  <div id="content">
    Hier staat een vaag verhaal, ook wel content genoemd
  </div>
	<div style="clear:both;"></div>
</div>
</body>
</html>

Ultimatum - 13/06/2007 15:21
PHP expert		Citaat: edit @ Ultimatium Maar ze hebben volgens mij meer functionaliteit! Er is tegenwoordig geen enkele browser die geen frames ondersteund. Toen ik een op DIV gebaseerde site maakte was ie maar bij de helft van de bezoekers goed weergegeven! En dat ligt niet aan de programeur want die site was (bijna) 100% xhtml strict valid. En bovendien zijn frames veel makkelijker te onderhouden! xhtml scrict wil niet zeggen dat je site perfect word weergegeven, als ik mijn divs gewoon kut plaats maar het is wel strict dan is de site alsnog verkloot

stienoo - 13/06/2007 15:25 (laatste wijziging 13/06/2007 15:25)
Onbekend		Ok bedankt, maar nu is het eigelijk de bedoeling om geen rand te zien ik had het gewoon gedaan om het duidelijker te maken.

vinTage - 13/06/2007 15:29
Nieuw lid		Dan bekijk je eens een css tut en haalt de regels die de borders maken eruit ?

stienoo - 13/06/2007 15:31

Onbekend

Ha sory had het niet gezien nu is het zo:

php code - Bekijk de code zonder highlighting - Klap code in

<!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">
<!--
#container {
  width: 100%;
}

#menu {
  float: left;
  width: 20%; /*border en margin en padding  eraf*/
  border-right-width: 1px;
  border-right-style: solid;
  font-size: 18pt;
  font-weight: bold;
  text-align:center;
  padding:0.5em;
}

#content {
  float: left;
  width: 75%;
  padding:0.5em;
}
-->
</style>
</head>

<body>
<div id="container">
  <div id="menu">
    link<hr>
    link<hr>
    link<hr>
    link
  </div>
  <div id="content">
    Hier staat een vaag verhaal, ook wel content genoemd
  </div>
  <div style="clear:both;"></div>
</div>
</body>
</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">
<!--
#container {
  width: 100%;
}
 
#menu {
  float: left;
  width: 20%; /*border en margin en padding  eraf*/
  border-right-width: 1px;
  border-right-style: solid;
  font-size: 18pt;
  font-weight: bold;
  text-align:center;
  padding:0.5em;
}
 
#content {
  float: left;
  width: 75%;
  padding:0.5em;
}
-->
</style>
</head>
 
<body>
<div id="container">
  <div id="menu">
    link<hr>
    link<hr>
    link<hr>
    link
  </div>
  <div id="content">
    Hier staat een vaag verhaal, ook wel content genoemd
  </div>
  <div style="clear:both;"></div>
</div>
</body>
</html>

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten