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 > HTML & CSS

Div naast elkaar niet overelkaar!

baszer - 08/03/2006 11:22 (laatste wijziging 08/03/2006 11:57)

Nieuw lid

jo, ik doe iets fout, maar geen idee wat...

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

                <head>
<title>test</title>
<style type="text/css">
</style>

</head>
<body style="background-color: #4C4C4E;">

<b class="groot">Gebruik van een laag</b><br />
<p><b>Hier zie je twee lagen afgebeeld.</b>
</p>
 <div id="laag1" style="position: absolute; left: 150px; top: 100px; width: 200px; height: 300px; z-index: 1; border: 1px dashed #3D3D3D;" >
 </div>
 <div id="laag2" style="position: absolute; left: 155px; top: 105px; width: 190px; height: 80px; z-index: 2; border: 1px dashed #3D3D3D; font-family: Arial; color: #E0E0E0">
  </div>
 <div id="laag3" style="position: absolute; left: 155px; top: 190px; width: 190px; height: 80px; z-index: 2; border: 1px dashed #3D3D3D; font-family: Arial; color: #E0E0E0">
  </div>
 <div id="laag3" style="position: absolute; left: 155px; top: 275px; width: 190px; height: 80px; z-index: 2; border: 1px dashed #3D3D3D; font-family: Arial; color: #E0E0E0">
 
 </div>
</body>
</html>
            
<head>
<title>test</title>
<style type="text/css">
</style>
 
</head>
<body style="background-color: #4C4C4E;">
 
<b class="groot">Gebruik van een laag</b><br />
<p><b>Hier zie je twee lagen afgebeeld.</b>
</p>
 <div id="laag1" style="position: absolute; left: 150px; top: 100px; width: 200px; height: 300px; z-index: 1; border: 1px dashed #3D3D3D;" >
 </div>
 <div id="laag2" style="position: absolute; left: 155px; top: 105px; width: 190px; height: 80px; z-index: 2; border: 1px dashed #3D3D3D; font-family: Arial; color: #E0E0E0">
  </div>
 <div id="laag3" style="position: absolute; left: 155px; top: 190px; width: 190px; height: 80px; z-index: 2; border: 1px dashed #3D3D3D; font-family: Arial; color: #E0E0E0">
  </div>
 <div id="laag3" style="position: absolute; left: 155px; top: 275px; width: 190px; height: 80px; z-index: 2; border: 1px dashed #3D3D3D; font-family: Arial; color: #E0E0E0">
 
 </div>
</body>
</html>
 

deze hierboven is goed!, werkt perfect, nu wil ik een external css bestand hebben (klopt de bnaming

) en daar gaat het mis...

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

                <head>
<title>test</title>
<LINK REL="stylesheet" HREF="stijlen.css" TYPE="text/css">
</head>

<body style="background-color: #4C4C4E;">

<div class="laag1">
<div class="laag2">
<div class="laag3">
<div class="laag4">
</div></div></div></div>

</body>
</html>
            
<head>
<title>test</title>
<LINK REL="stylesheet" HREF="stijlen.css" TYPE="text/css">
</head>
 
<body style="background-color: #4C4C4E;">
 
<div class="laag1">
<div class="laag2">
<div class="laag3">
<div class="laag4">
</div></div></div></div>
 
</body>
</html>
 

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

                .laag1{
	position: absolute; 
	left: 150px; 
	top: 100px; 
	width: 200px; 
	height: 300px; 
	z-index: 1; 
	border: 1px dashed #3D3D3D;}
.laag2{
	position: absolute; 
	left: 155px; 
	top: 105px; 
	width: 190px; 
	height: 80px;
	z-index: 2; 
	border: 1px dashed #3D3D3D; 
	font-family: Arial; 
	color: #E0E0E0;}
.laag3{
	position: absolute; 
	left: 155px; 
	top: 190px; 
	width: 190px; 
	height: 80px;
	z-index: 2; 
	border: 1px dashed #3D3D3D; 
	font-family: Arial; 
	color: #E0E0E0;}
.laag4{
	position: absolute; 
	left: 155px; 
	top: 190px; 
	width: 190px; 
	height: 80px;
	z-index: 2; 
	border: 1px dashed #3D3D3D; 
	font-family: Arial; 
	color: #E0E0E0:}
            
.laag1{
	position: absolute; 
	left: 150px; 
	top: 100px; 
	width: 200px; 
	height: 300px; 
	z-index: 1; 
	border: 1px dashed #3D3D3D;}
.laag2{
	position: absolute; 
	left: 155px; 
	top: 105px; 
	width: 190px; 
	height: 80px;
	z-index: 2; 
	border: 1px dashed #3D3D3D; 
	font-family: Arial; 
	color: #E0E0E0;}
.laag3{
	position: absolute; 
	left: 155px; 
	top: 190px; 
	width: 190px; 
	height: 80px;
	z-index: 2; 
	border: 1px dashed #3D3D3D; 
	font-family: Arial; 
	color: #E0E0E0;}
.laag4{
	position: absolute; 
	left: 155px; 
	top: 190px; 
	width: 190px; 
	height: 80px;
	z-index: 2; 
	border: 1px dashed #3D3D3D; 
	font-family: Arial; 
	color: #E0E0E0:}
 

ze komen allemaal naast elkaar te staan?!?
iemand een suggestie?!

BasZer
:s

4 antwoorden

Gesponsorde links

Thomas - 08/03/2006 11:57
Moderator		Euh... in het eerste voorbeeld doe je php code - Bekijk de code zonder highlighting - Klap code in <div>...</div> <div>...</div> <div>...</div> <div>...</div> <div>...</div> <div>...</div> <div>...</div> <div>...</div> en in het tweede voorbeeld zijn alle divs genest? php code - Bekijk de code zonder highlighting - Klap code in <div> <div> <div> <div> ... </div> </div> </div> </div> <div> <div> <div> <div> ... </div> </div> </div> </div> ?

baszer - 08/03/2006 12:10 (laatste wijziging 08/03/2006 12:12)
Nieuw lid		jah dacht dat zo hoorde... en hoe krijg je de css codes nu in zon special tabel>? JOOOO VET BDANKT

timo - 08/03/2006 13:41
PHP ver gevorderde		en maak van die .en in je css # en verander waar class staat id.. dat is beter voor tabellen, en eigenlijk nodig om xhtml valid te zijn...

Ontani - 08/03/2006 14:29
-1		wat is dat voor onzin timo. class of id doet net hetzelfde alleen heb je de beperking dat je een id maar 1 maal mag gebruiken. laat die class maar mooi staan.

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten