login  Naam:   Wachtwoord: 
Registreer je!
 Forum

2 body backgrounds

Offline kenzo - 06/05/2009 21:01 (laatste wijziging 06/05/2009 21:01)
Avatar van kenzoPHP beginner Hallo,

ik heb 1 body background voor de header zeg maar.
Deze moet niet gerepeat worden (no-repeat).

deze is ongeveer 400 pixels hoog.
Daaronder moet een background alleen y gerepeat worden (repeat-y)...

alleen pakt hij maar 1 background als ik de codes onder elkaar zet:



  1. <style>
  2. background: url(images/layout_zwart_oranje.jpg) 50% 0 no-repeat;
  3. background: url(images/bodem.jpg) 50% 0 repeat-y;
  4.  
  5. </style>

12 antwoorden

Gesponsorde links
Offline Koen - 06/05/2009 21:13
Avatar van Koen PHP expert Je kan ook maar één achtergrond gebruiken 

Je kan eventueel ter vervanging werken met divs van 100% die je dan mbv positioning en z-index achteraan plaatst.
Offline voltrex - 06/05/2009 21:24 (laatste wijziging 06/05/2009 21:25)
Avatar van voltrex Lid
  1. <style>
  2. body {
  3. background: url(images/naam-van-background.jpg) repeat-y;
  4. }
  5. #header {
  6. background: url(images/naam-van-header.jpg) no-repeat;
  7. height: 400px;
  8. width: invullen;
  9. }
  10. </style>

Zoiets?
Offline kenzo - 06/05/2009 21:29
Avatar van kenzo PHP beginner jah dat kan, alleen hoe roep ik de header aan dan met #header?
Offline voltrex - 06/05/2009 21:30 (laatste wijziging 06/05/2009 21:30)
Avatar van voltrex Lid In je html document:
  1. ...
  2. <body>
  3. <div id="header"></div>
  4. ...
Offline kenzo - 06/05/2009 21:37 (laatste wijziging 06/05/2009 21:44)
Avatar van kenzo PHP beginner Werkt niet... als ik dat doe krijg ik alleen de achtergrond te zien zonder header
Offline larssy1 - 06/05/2009 23:35
Avatar van larssy1 MySQL beginner
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <style type="text/css">
  7. <!--
  8. body {
  9. background: url("images/achtergrond.jpg");
  10. }
  11. #header {
  12. background: url("images/header.jpg");
  13. }
  14. -->
  15. </style>
  16. </head>
  17.  
  18. <body>
  19. <div id="header">Content for id "asdf" Goes Here</div>
  20. </body>
  21. </html>

Dit zou moeten werken moet 100% zekerheid.
Zorg dat je de urls van de plaatjes goed neerzet, zodat ze ook echt bestaan en hij ze kan vinden
Offline voltrex - 07/05/2009 07:39
Avatar van voltrex Lid
kenzo schreef:
Werkt niet... als ik dat doe krijg ik alleen de achtergrond te zien zonder header

Heb jij wel bij de 'width: invullen' invullen vervangen door de echte breedte van de afbeelding? Anders gaat hij inderdaad niet werken.
Offline kenzo - 07/05/2009 14:47 (laatste wijziging 07/05/2009 14:56)
Avatar van kenzo PHP beginner Bedankt, heb het



nog een vraagje,
is er ook een mogelijkheid om een footer helemaal onderaan de pagina te zetten (dat de footer altijd beneden staat?)


bedankt
Offline ArieMedia - 07/05/2009 15:07
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde
  1. #footer {
  2. bottom: 0px;
  3. position: fixed;
  4. }


  1. <div id="footer">Ik ben een voetje</div>
Offline kenzo - 07/05/2009 16:17 (laatste wijziging 07/05/2009 16:18)
Avatar van kenzo PHP beginner bedankt...


nog een vraag voor een andere site 

Ik heb een plaatje van bijvoorbeeld 2000 px.


Dit wil ik 100% over het scherm laten zien. Dus hoe breedt het scherm ook is, het plaatje moet geheel op de site verschijnen.
(zonder balken, maar aanpassen aan breedte van het beeld)


is dit mogelijk met een div voor achtergrond image?


bedankt
Offline ArieMedia - 07/05/2009 16:34
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde
kenzo schreef:
bedankt...


nog een vraag voor een andere site 

Ik heb een plaatje van bijvoorbeeld 2000 px.


Dit wil ik 100% over het scherm laten zien. Dus hoe breedt het scherm ook is, het plaatje moet geheel op de site verschijnen.
(zonder balken, maar aanpassen aan breedte van het beeld)


is dit mogelijk met een div voor achtergrond image?


bedankt

Sorry, maar heb je misschien gehoord van zelf zoeken?

Buiten het feit om dat je zelf geen google gebruikt alvast deze tip:
Maak AUB geen achtergrondafbeelding van 2000 pixels, Tenzei je wil dat gebruikers 1 a 2 seconde langer moet wachten totdat jou afbeelding eindelijk eens is geladen.

Daarbij komt nogsteeds dat browsers niet zijn uitgevonden voor het resizen van afbeeldingen. doe dit zelf en laat het de browser niet doen.
Offline kenzo - 07/05/2009 16:37
Avatar van kenzo PHP beginner Ik heb gezocht (echt waar), alleen weet ik niet zo goed waar omdat ik bijna niets doe met css.


Verder gaat het erom dat ik ook bij browsers die minder hoge beeldscherm resoluties hebben toch de afbeelding goed te zien krijgen.
ik heb ook geen afbeelding van 2000 px maar het ging om het idee... als ik zei: een afbeelding van 500 px kwamen hier toch echt meerdere antwoorden van: 500 px hoef je niet te verkleinen.... dat past automatisch etc...


en volgens mij is het forum om vragen te stellen over dingen die je niet weet (en ik niet vind met opzoeken)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.265s