login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Hoe maak ik dit?

Offline BigBug - 03/02/2007 11:02
Avatar van BigBugPHP expert Ik zit met een probleem.. Mijn eigen kennis rijkt niet ver genoeg om dit voor elkaar te krijgen. Ook na vele pogingen.

Het gaat om het volgende: http://img147.i...ijktf9.png

Dit moet ik dus gaan realiseren met de voorwaarde dat er geen frames gebruikt mogen worden. Het lastige hieraan (voor mij althans) is dat het menu onderbroken moet worden met de onderkant van de pagina maar wel uitrekbaar moet kunnen zijn. De footer is niet persé nodig. Maar het mag ook zonder. Kan iemand mij een voorbeeld geven van hoe ik dit zou kunnen maken? (Dus liever niet doe dit en dat met css.. Daar moet ik mij nog een keer in verdiepen). Tabellen mogen wel,..

Jeroen

8 antwoorden

Gesponsorde links
Offline Rik - 03/02/2007 11:11
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen
Je maakt een plaatje voor de bovenkant van het menu (plaatje1), een voor het middenstuk (plaatje2) en een voor de onderkant (plaatje3).

En dan iets met html / css als dit:
  1. <style type="text/css">
  2. #menu {
  3. /* code om het menu te positioneren */
  4. }
  5.  
  6. #menu_content {
  7. padding:-10px auto;
  8. }
  9. </style>
  10. <div id="menu">
  11. <img src="plaatje1.gif" alt="" />
  12. <div id="menu_content">
  13. Menu
  14. </div>
  15. <img src="plaatje3.gif" alt="" />
  16. </div>

Je wilt waarschijnlijk dat er wel tekst boven- en onderaan kan komen, dus eigenlijk tussen de ronding. Daarom heb ik er "padding: -10px auto;" bijgezet, dat zou de menu_content div groter moeten maken dan de plek tussen de twee plaatjes.
Offline BigBug - 03/02/2007 11:44
Avatar van BigBug PHP expert http://www.devguru.nl/troep/crap.htm

Dit is mijn idee..
Wat moet ik er nu aan aanpassen om dit goed te krijgen? En hoe krijg ik dan een contentvak op de plek waar ik de info in kan dumpen?

Alvast bedankt,
Jeroen
Offline Rik - 03/02/2007 11:48
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen
Bij #menu_content moet je nog de breedte van het vak opgeven:
  1. #menu_content {
  2. padding:-10px auto;
  3. width: 142px;
  4. }


Een contentvak maak je op zo'n zelfde manier.
Offline BigBug - 03/02/2007 13:34
Avatar van BigBug PHP expert Dankjewel, maar ik snap echt voor geen meter de structuur van css.. Een contentvlak maken 'op zo'n zelfde manier' is makkelijker gezegd dan gedaan 
Offline Rik - 03/02/2007 15:13
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen
Ook daarvoor neem je een plaatje voor zowel boven als onderkant. Die zet je in een div met daartussen een div voor de content. Die breedte van de tweede div stel je in op de breedte van de plaatjes.

Das toch precies hetzelfde als het menu?  
Offline BigBug - 03/02/2007 15:20
Avatar van BigBug PHP expert En hoe krijg ik dan het contentvlak op het punt waar ik het wil hebben? 
Offline Rik - 03/02/2007 15:31
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen
Als de website een vaste breedte heeft kan je een beetje klooien met de padding-left en padding-top.
Offline BigBug - 03/02/2007 20:24
Avatar van BigBug PHP expert De website heeft geen vaste breedte....
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.207s