login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Kader laten meerekken

Offline Makke0007 - 18/03/2009 15:28
Avatar van Makke0007Nieuw lid Hallo

Ik heb een layout gemaakt, en ik wil nu 2 andere kaders laten meerekken. Deze: http://www.upload-hier.nl/uploads/396605kaders.png

Hoe kan ik dit doen met Div's ?
En hoe moet ik deze slicen of gewoon als 1 kader laten?
De kaders zijn transparant, maar ik heb er een achtergrond op gezet.

Gr. matthias 

13 antwoorden

Gesponsorde links
Offline Jas_per_post - 18/03/2009 20:30
Avatar van Jas_per_post JS interesse Kun je preciezer beschrijven wat je wilt dat er gebeurd?
Offline Makke0007 - 18/03/2009 20:46
Avatar van Makke0007 Nieuw lid Bv. als ik er tekst in typ, dat de kader meerekt, naargelang hoeveel tekst ik typ.
Offline Jas_per_post - 18/03/2009 20:56
Avatar van Jas_per_post JS interesse verticaal?

Het is natuurlijk afhankelijk van hoe je html er precies uit gaat zien, maar op zich is dat wel het standaardgedrag van html, dus gewoon een div gebruiken zou prima moeten gaan.
Offline Makke0007 - 18/03/2009 21:29
Avatar van Makke0007 Nieuw lid Ja, verticaal meerekken. Maar weet iemand hier een code voor met een div en css ?

Zo zou deze dus automatisch moeten uitrekken als ik meer tekst
invoeg: http://www.upload-hier.nl/uploads/657720vb2.png

Alvast bedankt.
Offline Jas_per_post - 18/03/2009 21:36
Avatar van Jas_per_post JS interesse zoiets?

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div>
  2. Welkom op mijn site <br />
  3. Bla bla bla <br />
  4. bla bla bla <br />
  5. </div>
Offline Makke0007 - 18/03/2009 21:39
Avatar van Makke0007 Nieuw lid Wat is dat nuweer voor een code
Offline Jas_per_post - 18/03/2009 21:42
Avatar van Jas_per_post JS interesse Code die doet waar jij om vraagt... is er iets mis mee?
Offline Makke0007 - 18/03/2009 21:52
Avatar van Makke0007 Nieuw lid Wat ben ik nu met deze code. Dit nog ni eens een css code. Graag iemand reageren die er verstand van heeft.
Offline Jas_per_post - 18/03/2009 21:59
Avatar van Jas_per_post JS interesse Weet je waarom het geen css is? Omdat je geen css nodig hebt om "een div te maken die meerekt met de inhoud", dat doen divs namelijk automatisch.
Ik heb hier een hele hoop verstand van en zou graag willen dat je mij vertelt wat je wel gevraagd hebt maar wat mijn code niet doet...
Offline voltrex - 18/03/2009 22:03 (laatste wijziging 18/03/2009 22:05)
Avatar van voltrex Lid Zo zou ik het doen:
-Eerst knip je het bovenste stuk van de kader uit, waar in jouw geval 'Home' & 'links' staat.
Dan heb je nog de rest, je kan die als afbeelding gebruiken, of gewoon wit, met een oranje achtige border. Even hier een paar voorbeelden van:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #content {
  2.        background: #FFFFFF;
  3.        width: 465px;
  4.        height: auto;
  5.        padding-left: 5px;
  6.        border: #EAA458 1px solid;
  7.        border-top: none;
  8. }
  9. #content_top {
  10.        background: url('De_titel_balk.jpg') no-repeat;
  11.        width: Zie-Je-Maar-Even;
  12.        height: Zie-Je-Maar-Even;
  13.        padding-left: 30px;
  14. }


HTML:
html code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="content_top">Home</div>

  2. <div id="content">Je tekst</div>


Ps: Bij de CSS code de "height: auto" zorgt ervoor dat de div verticaal meerekt.
Offline Makke0007 - 18/03/2009 22:07
Avatar van Makke0007 Nieuw lid Wat bedoel je met de titel balk?
Offline voltrex - 18/03/2009 22:09
Avatar van voltrex Lid Dat is de balk waar op je foto met de tekst in 'Home' staat.
Offline Jas_per_post - 18/03/2009 22:15
Avatar van Jas_per_post JS interesse Ah, is dat waarom je mijn code niet goed vond?
Bedoelde je niet de vraag te stellen: hoe doe ik dit, maar de vraag: wie kan deze layout voor mij in html omzetten?

Je hebt geluk dat voltrex dat voor je wil doen, want eigenlijk ben je met die vraag gewoon aan het verkeerde adres hier.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.171s