login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div en frames, beginners vraag (Opgelost)

Offline rinuspro - 05/01/2008 14:27 (laatste wijziging 08/01/2008 18:41)
Avatar van rinusproNieuw lid Hallo, ik heb ondertussen begrepen dat het werken met div's prefereert boven frames.
Ik heb echter een vraag. Bij frames kun je bijvoorbeeld het ene frame ( links op de pagina) laten blijven staan en alleen ghet hoofd-frame 'verversen'met andere pagin's en inhoud.
Kan dit ook met div? ik ben dit niet tegengekomen. zo ja moet ik daar iets speciaals voor doen en wat? ik kan overweg met php of is dat niet van belang in deze context?

Verder heb ik wel aandachtig de tutorial op dit forum gelezen (over divs en containers) en ik denk dat ik daar wel mee uit kom zie http://www.site...iv_element

een voorbeeld zou ook welkom zijn ( php/html/css)

5 antwoorden

Gesponsorde links
Offline robmoorman - 05/01/2008 14:32 (laatste wijziging 05/01/2008 14:33)
Avatar van robmoorman PHP interesse ajax...;)

AJAX_Wegwijs_In_De_Basistechnieken
Offline rinuspro - 05/01/2008 15:00 (laatste wijziging 07/01/2008 18:03)
Avatar van rinuspro Nieuw lid ja ajax, maar ik denk dat dat een beetje teveel van het goede ( nu) gaat worden ben ik bang. Ik ben ook maar een eenvoudige beginner.

Ik heb nu als volgt gedaan:
een css file:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .header {
  2. margin: 20px;
  3. padding: 10px;
  4. height: 100px;
  5. }
  6.  
  7. .menu {
  8. position: absolute;
  9. left: 15px;
  10. top: 160px;
  11. width: 200px;
  12. }
  13.  
  14. .content {
  15. top: 0;
  16. margin-left: 200px;
  17. margin-right: 15px;
  18. }


en de html code:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
  2.  
  4. <LINK REL=STYLESHEET HREF="style.css" TYPE="text/css">
  5.  
  6.   <head>
  7.     <title>div voorbeeld</title>
  8.     <META name="keywords" content="blabla">
  9.   </head>
  10.  
  11.  
  12. 	  <DIV CLASS="header">
  13.       hier staat de header
  14.      </DIV>
  15.     <DIV CLASS="menu">
  16.       menu 1 <br>
  17.       menu 2 <br>
  18.       menu 3 <br>
  19.     </DIV>
  20.  
  21.     <DIV CLASS="content">
  22.       hier komt een k heel erg ;ange regel te staan
  23.       waar veel onzin in staat en nog ander zaken ook die
  24.       heel erg belangrijk kunnen zijn c voor bepaalde mensen maar
  25.       voor kinderenis het weer een heel apart verhaal 
  26.       dat wordt snel een sprookje<br>
  27.       <br>
  28.       hier komt een k heel erg ;ange regel te staan
  29.       waar veel onzin in staat en nog ander zaken ook die
  30.       heel erg belangrijk kunnen zijn c voor bepaalde mensen maar
  31.       voor kinderenis het weer een heel apart verhaal 
  32.       dat wordt snel een sprookje
  33.       <br>
  34.       menu 2 <br>
  35.       menu 3 <br>
  36.     </DIV>
  37.  
  38.  
  39.  
  40.  
  41. </html>


Het ziet aardig uit alleeen weet ik nou weer niet hoe ik een scheidingstreep tussen de divs kan zetten. ( met frames is dat zo eenvoudig.......)

Citaat:
PieterC Edit: Gebruik nu toch eens de codetags AUB. Dat is 4000 x zo duidelijk.
Offline mark92 - 05/01/2008 16:22
Avatar van mark92 Gouden medaille

Nieuw lid		 dit lijkt mij het makkelijkst:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .header {
  2. border-bottom: 1px solid black;
  3. }
  4.  
  5. .menu {
  6. border-left: 1px solid black;
  7. }
Offline nvleeuwen88 - 05/01/2008 16:23 (laatste wijziging 05/01/2008 16:26)
Avatar van nvleeuwen88 HTML interesse volgens mij bedoel je border.

zoiets:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. .menu {
  2. position: absolute;
  3. left: 15px;
  4. top: 160px;
  5. width: 200px;
  6. border-bottom: 1px solid #000000;
  7. border-top: 1px solid #000000;
  8. }

mark92 was me voor 

misschien nog een tip:
menu maak je zo:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul>
  2. <li>Item1</li>
  3. <li>Item2</li>
  4. </ul>
Offline rinuspro - 07/01/2008 14:36 (laatste wijziging 07/01/2008 17:59)
Avatar van rinuspro Nieuw lid tsja het blijft lastig. borders lukken wel maar zien er in IE ( zowel 6 als 7) anders uit dan FF (2.0) !!!!
wat nu weer????

en als ik een nieuwe pagina in zo'n div open, verdwijnt de info in de andere frames ( div's)...
nu kan ik dat weer op lossen door in die nieuwe pagina de andere frames ook weer te vullen maar dat moet toch haniger kunnen denk ik.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.185s