login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Div en Gradients...

Offline KlaasKoopman - 04/11/2006 11:44 (laatste wijziging 04/11/2006 11:45)
Avatar van KlaasKoopmanNieuw lid Hallo Allemaal,

Ik ben net nieuw hier en ben direct al begonnen met css omdat dat mijn doel was om te leren.

Nu heb ik de css tutorials doorgelezen en meegedaan, maar nu zit ik met een probleem.

Ik heb een stukje van mijn content met gradients gemaakt, maar hoe maak ik dit met divs, oftewel hoezet ik dit allemaal over naar div/css.

Link naar het probleemgebied:
http://www.a4o.nl/contentproblem.png

Alvast bedankt voor jullie hulp!

2 antwoorden

Gesponsorde links
Offline Addow - 04/11/2006 11:52
Avatar van Addow Gouden medaille

PHP beginner
Zoals ik het zou doen:
1. Slicen:
- waarbij je een langgerekte 1*350 gif overhoudt om die bg-gradient te stretchen, deze in 2 knippen voor bovenste/onderste gedeelte
- 1*2/1*3 gif'kes voor diene rand

2. CSS-tips:
  1. .div_rand {
  2. background-image: url('images/rand.gif');
  3. background-repeat: repeat-x;
  4. }
  5.  
  6. .div_bg_top {
  7. background-image: url('images/bg_top.gif');
  8. background-repeat: repeat-x;
  9. }
  10.  
  11. .div_bg_bottom {
  12. background-image: url('images/bg_bottom.gif');
  13. background-repeat: repeat-x;
  14. }


Hangt er vanaf of je dat tekstueel stuk flexibel maakt of niet. Indien wel, weet ik geen oplossing voor de onderste div-gradient. Iemand die me bijstaat?
Offline KlaasKoopman - 04/11/2006 12:03 (laatste wijziging 04/11/2006 12:49)
Avatar van KlaasKoopman Nieuw lid Ik wil idd wel graag dat het tekstgedeelte langer naar beneden kan, breedte hoeft niet.

Sorry addow, maar snap niet precies wat je hier nou vertelt.

Ik dacht zelf aan:

1 div met een uitgerekt plaatje 1px breed en die dan uitrekken voor de eerste gradient.

daarna een div voor de tweede gradient als bg? ( want moet tekst op)

daarna gewoon een witte div voor de andere tekst

darna gewoon een div voor de 3e gradient,

en daarna weer zo'n uitgerekte...

zou dit te doen izjn? of kan het nog makkelijker?


GEWIJZIGD: het is me al gelukt, heb het gedaan zoals ik bovenvermeld heb! toch bedankt voor je reactie! stel het zeer op prijs!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.172s