DIV inplaats van Frames

Status
Niet open voor verdere reacties.

uaejeroen

Terugkerende gebruiker
Lid geworden
7 dec 2009
Berichten
1.665
Als u mijn bestand ziet, ziet u dat ik gebruik maak van frames die in een hoofdframe in het midden wworden geopend.

Kunt u met div's hetzelfde effect bereiken, ik weet namelijk niet hoe ik het voor elkaar moet krijgen

is het een kleine aanpassing of juist groot ?

Kan iemand mijn vertellen wat ik moet doen om het voor elkaar te krijgen ?

Graag advies
 

Bijlagen

Kunt u met div's hetzelfde effect bereiken?
Jazeker!

Is het een kleine aanpassing of juist groot ?
Redelijk groot, want je verlaat de frameset om per pagina de <div>'s op te bouwen.

Kan iemand mij vertellen wat ik moet doen om het voor elkaar te krijgen ?
Je gaat naar www.web-garden.be/cursus-html/cursus-html/, en je leest t/m hoofdstuk 6 (float). Meer mag ook! :)

Met vriendelijke groet,
CSShunter
_____________
PS: Welk theorieboek moet je bij deze studieopdracht gebruiken? Staat daar niets over <div>'s in?
 
Beste css hunter:

Hartelijk dank voor uw snelle reactie !!

Ik zie niet welke hoofdstukken u bedoelt maar bedankt voor uw site
 
Beste CSSHUNTER

<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#apDiv1 {
position:absolute;
left:32px;
top:4px;
width:1095px;
height:111px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:32px;
top:117px;
width:206px;
height:468px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:885px;
top:117px;
width:241px;
height:475px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:238px;
top:114px;
width:645px;
height:471px;
z-index:4;
}
</style>
</head>

<body>
<div id="apDiv1"><em><img src="/afbeeldingen/logo_energynet.gif" width="1094" height="112" alt="Logo" /></em></div>
<div id="apDiv2"><a href="algemene informatie.html"target="hoofdframe"><img src="/afbeeldingen/vink.gif" width="15" height="16" alt="vink" />Algemene informatie</a><br />
<a href="tarieven.html"target="hoofdframe">Tarieven</a><br />
<a href="pakketen.html"target="hoofdframe">Pakketten</a><br />
<a href="service.html"target="hoofdframe"><img src="/afbeeldingen/vink.gif" width="15" height="16" alt="vink" />Service en onderhoud</a><br />
<a href="energyservice.html"target="hoofdframe"> EnergyService</a><br />
<a href="product.html"target="hoofdframe">Productadvies</a><br />
<a href="besparingtips.html"target="hoofdframe">Besparingstips</a><br />
<a href="vraagenantwoord.html"target="hoofdframe"><img src="/afbeeldingen/vink.gif" width="15" height="16" alt="vink" /> Vraag en antwoord</a><br />
<a href="mail.html"target="hoofdframe">Per e-mail</a><br />
<a href="chat.html"target="hoofdframe"> Via chat</a><br />
<a href="gegevens.html"target="hoofdframe"><img src="/afbeeldingen/vink.gif" width="15" height="16" alt="vink" /> Uw gegevens</a><br />
<a href="nota.html"target="hoofdframe"> Nota en verbruik</a><br />
<a href="meterstanden.html"target="hoofdframe"> Meterstanden doorgeven</a><br />
<a href="verhuizing doorgeven.html"target="hoofdframe">Verhuizing doorgeven</a></div>
<div id="apDiv3"><a href="/html/verhuizing doorgeven.html"target="hoofdframe"><img src="/afbeeldingen/vink.gif" width="15" height="16" alt="vink" />Verhuizen, wat nu? </a><br />
<a href="/html/besparingtips.html"target="hoofdframe"><img src="/afbeeldingen/vink.gif" width="15" height="16" alt="vink" />Besparingstips </a><br />
<a href="/html/klantenservice.html"target="hoofdframe"><img src="/afbeeldingen/vink.gif" width="15" height="16" alt="vink" />Klantenservice</a><br />
<br />
<br />
</p>
<form id="form1" name="form1" method="post" action="">
<p>
<label for="email"><br />
email&nbsp;&nbsp;&nbsp;<br />
</label>
<input type="text" name="email" id="email" />
<br />
<label for="wachtwoord">wachtwoord</label>
<br />
<input type="password" name="wachtwoord" id="wachtwoord" />
</p>
<p><a href="/html/foutmelding inlog.html"target=hoofdframe><a href="/html/foutmelding inlog.html"><img src="../afbeeldingen/inloggen01.gif" alt="inlog" width="77" height="28" align="right" /></a></p></p>
</form><br />
<a href="wachtwoord aanvragen.html"target="hoofdframe">wachtwoord vergeten?</a></div>
<div id="apDiv4"></div>
</body>
</html>

Hier heb ik alles in ap div gezet en prachtig

nou stuit ik op een probleem

hoe krijg ik alle links geopend in div4

die in het midden van de pagina staat

ik las dat dat met php alleen kon, maar daar heb ik nog maar weinig verstand van ?
kunt u me alstublieft verder helpen met dit project zodat mijn links in div 2 en 3 in div 4 geopend worden

alvast bedankt
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan