login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Afbeelding onderaan box

Offline humor - 30/12/2006 12:39 (laatste wijziging 30/12/2006 15:05)
Avatar van humorHTML beginner Hallo

Ik zou via mijn css een afbeelding bovenaan mijn box (div) en een andere afbeelding onderaan mijn box krijgen. Om de afbeelding bovenaan te krijgen gebruik ik de volgende code:
  1. .box{
  2. background: url(images/box_top.jpg) no-repeat;
  3. }

Via welke code krijg ik onderaan mijn box een afbeelding?

6 antwoorden

Gesponsorde links
Offline Threetimes - 30/12/2006 12:45
Avatar van Threetimes PHP beginner
  1. .box{
  2. background: url(images/box_top.jpg) repeat-y;
  3. }
?
Offline humor - 30/12/2006 15:05
Avatar van humor HTML beginner Ik bedoel eigenlijk dat images/box_top.jpg bovenaan mijn box moet komen en images/box_bottom.jpg onderaan. Hoe doe ik dit via css?
Offline nielsvdwal - 30/12/2006 17:02
Avatar van nielsvdwal PHP gevorderde images/box_top.jpg in images/box_bottom.jpg veranderen in voorbeeld van Threetimes? 
Offline lemoinet - 30/12/2006 17:17
Avatar van lemoinet PHP gevorderde als het in dezelfde div moet gaat het niet

in twee aparte:

background-position: top;
background-position: bottom;
Offline Ultimatum - 30/12/2006 17:19 (laatste wijziging 30/12/2006 17:19)
Avatar van Ultimatum PHP expert @niels, dat bedoelt hij niet..
@three, jij repeat nou verticaal ipv horizontaal
@humor, je moet 3 divs hebben
+---------+
| top |
+---------+
| |
| |
| content |
| |
| |
+---------+
|bottom |
+---------+

Nu maak je 4 divs, menu-top (bovenkant), menu-content (je content), menu-bottom (onderkant), content(het gehele boxje)

Nu roep je menu-top/menu-content/menu-bottom allemaal in binnen content. Je zorgt ook dat ze allemaal een width hebben en dan als het goed moet het goed komen. Mocht je er nog niet uitkomen, let me know

hmm, tekeningtje mislukt een beetje  
Offline Onnutani - 30/12/2006 17:43
Avatar van Onnutani Lid je kan ook gewoon je div nemen

  1. <div style="background-image: url("bottom.jpg"); background-position: bottom;>
  2. <img src="top.jpg" alt="" /><br/>
  3. <!-- hier je content -->
  4. </div>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.206s