login  Naam:   Wachtwoord: 
Registreer je!
 Forum

achtergond (1920px width) vanuit het midden opbouwen

Offline ChielKleiman - 04/02/2010 15:40
Avatar van ChielKleimanNieuw lid Hoi,

Ik kom ergens niet uit
ik heb een achtergrond van 1920 px width
Deze achtergrond is opgedeeld in 3 stukken. links / midden / rechts
(opgedeeld als plaatje)
Ik wil dat het plaatje vanuit het midden naar buiten opbouwt
dus in een lagere resolutie zie je wel het midden maar minder van links en rechts.

ik heb het al in een div gegooid en normaal gesproken kan ik alles wel centreren maar dan ging het om een kleinere width.
Nu moet er dus een deel van het plaatje verdwijnen (links en rechts)

plaatje: http://members....rgrond.jpg


Alvast erg bedankt.

6 antwoorden

Gesponsorde links
Offline Ontani - 04/02/2010 15:44
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 <div style="background-image url(achtergrond.jpg); background-position: top center;"></div>
Offline ChielKleiman - 04/02/2010 16:26
Avatar van ChielKleiman Nieuw lid Bedankt voor de snelle reactie maar ik krijg het nog niet voor elkaar.

waar moet ik dit neerzetten?

Wat ik nu heb geprobeerd werkt niet.
Valt dit op op te splitsen in een divclass?
div#achtergrond en een div id=achtergrond?
dan moet het mij lukken.

Sorry voor mijn css noobheid:P
Offline YesItIsChris - 04/02/2010 16:43
Avatar van YesItIsChris Nieuw lid Je moet dat in je index neerzetten waar je het plaatje laad. Maar ik raad je aan om niet het plaatje als achtergrond te zetten maar om je plaatje op te delen in kleinere plaatjes (slicen).
Offline Erwt - 04/02/2010 16:47
Avatar van Erwt PHP beginner Ontani, gaat die div nu niet 1px bij 1px zijn?
Offline ChielKleiman - 04/02/2010 16:49 (laatste wijziging 04/02/2010 17:01)
Avatar van ChielKleiman Nieuw lid Ik heb het opgelost.

ik heb er het volgende van gemaakt:

body {
margin: 0px;
padding 0px;
background-image: url("http://members.chello.nl/m.kleiman2/testsite/images/ns/achtergrond.jpg");
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}

en heb dit boven de head gezet.

het werkt!
Bedankt voor de tips!!!
Offline Martijn - 04/02/2010 17:18
Avatar van Martijn Crew PHP korter is:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. background: url('plaatje.jpg') top center no-repeat fixed;
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.168s