login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Achtergrond

Offline Coolbean - 04/06/2006 22:24 (laatste wijziging 04/06/2006 22:25)
Avatar van CoolbeanNieuw lid Ik wil een achtergrond op men site met 2 afbeeldingen,
ik heb het zo geprobeerd:
css:

  1. body {
  2.  
  3. background-image: url("../afbeeldingen/achtergrond.jpg");
  4. background-repeat: repeat-y, repeat-x;
  5.  
  6. }


en daarbovenop wil ik nu eigenlijk een afbeelding die niet gerepeat word, en die alleen vanboven staat, ik heb dit zo geprobeerd:

html:
  1. <BODY background-image: url(afbeeldingen/achtergrondboven.jpg) >


Wat is hier nu eigenlijk fout aan, want ik zie alleen de css achtergrond, niet degene die bovenaan moet staan en die in de html code staat...

Alvast bedankt,
-Coolbean-

17 antwoorden

Gesponsorde links
Offline knoopa - 04/06/2006 22:25
Avatar van knoopa Onbekend die erbovenop in een div zetten
Offline CDNC - 04/06/2006 22:31
Avatar van CDNC PHP ver gevorderde je moet ook wel dat in de body tussen de style="" zetten!
Offline Coolbean - 04/06/2006 22:35
Avatar van Coolbean Nieuw lid ja dit werkt:
  1. <BODY style="background-image: url(afbeeldingen/achtergrondboven.jpg)" >

maar nu blijft hij die afbeelding herhalen, en ik wil hem maar 1 keer.
Offline CDNC - 04/06/2006 22:36 (laatste wijziging 04/06/2006 22:38)
Avatar van CDNC PHP ver gevorderde style="background: url(afbeeldingen/achtergrondboven.jpg) no-repeat"

of de repeat apart nemen maar dat moet niet.
Offline Coolbean - 04/06/2006 22:38 (laatste wijziging 04/06/2006 22:40)
Avatar van Coolbean Nieuw lid Dit heb ik nu:
  1. <BODY style="background: url(afbeeldingen/achtergrondboven.jpg) repeat-x" >

en nu repeat die alleen de afbeelding die boven moet staan, maar nu is de css achtergrond weer weg :S
Offline CDNC - 04/06/2006 22:45 (laatste wijziging 05/06/2006 09:31)
Avatar van CDNC PHP ver gevorderde BTW
  1. background-repeat: repeat-y, repeat-x;

kan ook niet

als je ze dubbel wil herhalen moet het zijn "repeat" (wat ook standaart is en dus eigenlijk niet moet worden gediffineert


Wat je zij is ook normaal, de style="" gaat boven de css classes enz.

wat je kunt doen is
  1. <body style="background-image: url('../afbeeldingen/achtergrond.jpg');">
  2.  
  3. <div style="background: url(afbeeldingen/achtergrondboven.jpg) no-repeat"> </div>
  4. <!-- nu moet je de width, en height instellen anders zal je nog niets zien
Offline knoopa - 04/06/2006 22:45
Avatar van knoopa Onbekend je kunt niet twee verschillende body achtergronden je moet een div eroverheen zetten
Offline Coolbean - 05/06/2006 10:02 (laatste wijziging 05/06/2006 11:36)
Avatar van Coolbean Nieuw lid dus de body gewoon in de paginacode en de div in de css,
en ik had dat van die repeat ook al gevonden maar het werkte ook met repeat-x, repeat-y;

ik heb tot nu toe dit:

css:

  1. body {
  2.  
  3. background-image: url("../afbeeldingen/achtergrondboven.jpg");
  4. background-repeat: repeat-x;
  5. width: 100%;
  6. height: 175px;
  7.  
  8. }

body:
  1. <BODY style="background: url(afbeeldingen/achtergrond.jpg) repeat" >

nu zie ik alleen de achtergrond en niet het deel dat in de css staat, dat bovenaan zou moeten staan...

(achtergrondboven moet bovenop achtergrond komen.)

Dus de css staat altijd boven de html? ik heb het op de 2 manieren geprobeerd maar het werkt niet...
Kan je het niet volledig in css maken op een of andere manier?
Offline Ontani - 05/06/2006 11:39
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
luister nu eens naar skatelife, hij heeft nu al 2 keer gezegd dat het zo niet gaat maar dat je een apparte div bovenop je body zal moeten plaatsen.
Offline Coolbean - 05/06/2006 11:55 (laatste wijziging 05/06/2006 12:35)
Avatar van Coolbean Nieuw lid Ik snap dus echt niets van div's, maar kan niemand het snef even maken, kan je het eigenlijk niet in een of andere manier in een container zetten. Ik snap er niets van. Ik ga dit deel van css nog wel een keer nakijken maar ik wil nu graag verder met men site, kan niemand dit snel ff maken. Het deel dat ik boven wil heet achtergrondboven, is 175 hoog en het moet 100% breed zijn. Het deel dat over de rest van de pagina verspreid moet heet achtergrond.
Ik heb vanalles geprobeert maar het wil maar niet lukken 
Offline CDNC - 05/06/2006 12:41 (laatste wijziging 05/06/2006 12:43)
Avatar van CDNC PHP ver gevorderde kijk eens wat ik had gepost van die div ... 


Citaat:
BTW
[..code..]
kan ook niet

als je ze dubbel wil herhalen moet het zijn "repeat" (wat ook standaart is en dus eigenlijk niet moet worden gediffineert


Wat je zij is ook normaal, de style="" gaat boven de css classes enz.

wat je kunt doen is
[..code..]



En het heelt totaal geen zin om in je body {} een width / height te zetten...
Offline Coolbean - 05/06/2006 12:49
Avatar van Coolbean Nieuw lid moet dat van die div in mijn css bestand staan?
misschien domme vraag maar ik ben niet goed met css 
Offline CDNC - 05/06/2006 12:51
Avatar van CDNC PHP ver gevorderde <div> is gewone html

je moet, van wat ik zie, niks in je css zetten alles staat tussen de style=" "
Offline Coolbean - 05/06/2006 12:55
Avatar van Coolbean Nieuw lid ok het werkt, maar nu is er nog ruimte tussen de afbeelding die bovenaan staat en de rand boven en links, het zou eigenlijk helemaal ertegen moeten staan

code:

  1. <BODY style="background-image: url('afbeeldingen/achtergrond.jpg');">
  2. <div style="background: url(afbeeldingen/achtergrondboven.jpg); repeat: repeat-x; width: 100%; height: 175px"></div>
Offline CDNC - 05/06/2006 12:56
Avatar van CDNC PHP ver gevorderde bij de body style="" margin-top:0px;margin-left:0px; toevoegen
Offline Coolbean - 05/06/2006 13:00 (laatste wijziging 05/06/2006 13:02)
Avatar van Coolbean Nieuw lid ik denk da da bij de div moet staan

edit:
nee ge had toch gelijk 
merci voor alle hulp! het is nu goed 
Offline CDNC - 05/06/2006 13:04
Avatar van CDNC PHP ver gevorderde Waarom doe je ook die edit weg van VinTage?

je zou misschien in het vorvolg bij 'overzicht' gaan kijken (daar moet ik ook geregeld eens gaan kijken...)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.606s