www.vertixo.com

Reactie plaatsen 
 
Waardering:
  • 0 stemmen - gemiddelde waardering is 0
  • 1
  • 2
  • 3
  • 4
  • 5

Breedte/hoogte achtergrondafbeelding

Auteur Bericht
hshelper Offline
Student
*****

Berichten: 834
Lid sinds: 07-2006
Bericht: #1
Breedte/hoogte achtergrondafbeelding
Hey,

Ik heb een containerimage met alle afbeeldingen van mijn webpagina. Ik kan doormiddel van deze css code een bepaalde positie op de containerimage selecteren en daarmee de achtergrondafbeelding van een div vullen.

Code:
background: transparent url('../img/elements.gif') no-repeat scroll 0px 0px;

Nu wordt er als het ware vanaf (0, 0) in elements.gif "gesneden" maar de hoogte en breedte gaan oneindig door! Hoe kan ik hier een beperking aan stellen?

ovoWeb - Websites en apps met een knipoog!
26-07-2009 14:24:50
De website van deze gebruiker bezoeken Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Evert Offline
Wannabe Webdevver
****

Berichten: 631
Lid sinds: 05-2008
Bericht: #2
RE: Breedte/hoogte achtergrondafbeelding
gewoon de div een bepaalde hoogte en breedte geven?

God = (-1)
26-07-2009 14:33:21
De website van deze gebruiker bezoeken Alle berichten van deze gebruiker zoeken Reageren op dit bericht
hshelper Offline
Student
*****

Berichten: 834
Lid sinds: 07-2006
Bericht: #3
RE: Breedte/hoogte achtergrondafbeelding
Dat is dus het probleem; deze moet breder kunnen worden; ik heb de div een witte achtergrond meegegeven en het was de bedoeling dat de image dan overliep in deze witte achtergrond, maar de achtergrond gaat dus verder door dan nodig is...

ovoWeb - Websites en apps met een knipoog!
26-07-2009 14:35:30
De website van deze gebruiker bezoeken Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Evert Offline
Wannabe Webdevver
****

Berichten: 631
Lid sinds: 05-2008
Bericht: #4
RE: Breedte/hoogte achtergrondafbeelding
ja dan moet je er toch echt verschillende afbeeldingen van maken, dat kan niet anders.

Of je maakt in die div nog een 2e div. De binnenste div heeft dan de goeie grootte voor de background-image en de buitenste div zorgt voor de witte achtergrond

God = (-1)
(Dit bericht is het laatst bewerkt op 26-07-2009 om 14:52:29 door Evert.)
26-07-2009 14:51:29
De website van deze gebruiker bezoeken Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Matthijn Offline
Schnabbel
*****

Berichten: 5.248
Lid sinds: 04-2006
Bericht: #5
RE: Breedte/hoogte achtergrondafbeelding
hshelper schreef:Dat is dus het probleem; deze moet breder kunnen worden; ik heb de div een witte achtergrond meegegeven en het was de bedoeling dat de image dan overliep in deze witte achtergrond, maar de achtergrond gaat dus verder door dan nodig is...

Als ik het zo lees moet dit gewoon werken? Je eigen code plus #ffffff erachter.

Code:
background: transparent url('../img/elements.gif') no-repeat scroll 0px 0px #ffffff;
26-07-2009 16:49:39
De website van deze gebruiker bezoeken Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Evert Offline
Wannabe Webdevver
****

Berichten: 631
Lid sinds: 05-2008
Bericht: #6
RE: Breedte/hoogte achtergrondafbeelding
@matthijn, je begrijpt het niet.
zijn elements.gif is neit 1 plaatje, het zijn al zijn plaatjes in 1 plaatje gezet.
Vergelijkbaar met geenstijl.nl: http://images.geenstijl.nl/gs2008/sprites-5.png

God = (-1)
26-07-2009 17:26:29
De website van deze gebruiker bezoeken Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Matthijn Offline
Schnabbel
*****

Berichten: 5.248
Lid sinds: 04-2006
Bericht: #7
RE: Breedte/hoogte achtergrondafbeelding
Oww, hij gebruikt sprites, nee die kan je idd niet gebruiken op locaties waar je wilt automatische hoogte en breedte wilt, ook niet voor repeaten alleen voor vaste groottes.
26-07-2009 18:31:32
De website van deze gebruiker bezoeken Alle berichten van deze gebruiker zoeken Reageren op dit bericht
hshelper Offline
Student
*****

Berichten: 834
Lid sinds: 07-2006
Bericht: #8
RE: Breedte/hoogte achtergrondafbeelding
Oké, ik ben maar gegaan voor het opsplitsen van de bestandjes.. ;)

ovoWeb - Websites en apps met een knipoog!
26-07-2009 19:12:27
De website van deze gebruiker bezoeken Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Evert Offline
Wannabe Webdevver
****

Berichten: 631
Lid sinds: 05-2008
Bericht: #9
RE: Breedte/hoogte achtergrondafbeelding
Solution? (A)
Beetje lame solution, maar anders kan het niet. :P

God = (-1)
26-07-2009 19:20:36
De website van deze gebruiker bezoeken Alle berichten van deze gebruiker zoeken Reageren op dit bericht
hshelper Offline
Student
*****

Berichten: 834
Lid sinds: 07-2006
Bericht: #10
RE: Breedte/hoogte achtergrondafbeelding
Ok ;)

ovoWeb - Websites en apps met een knipoog!
26-07-2009 19:27:12
De website van deze gebruiker bezoeken Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Evert Offline
Wannabe Webdevver
****

Berichten: 631
Lid sinds: 05-2008
Bericht: #11
RE: Breedte/hoogte achtergrondafbeelding
Hey, ik weet dat ik helemaal te laat ben, maar misschien voor anderen heb ik denk ik een mooiere oplossing gevonden. :)
stel je plaatje is 150 pixels breed en 100 pixels hoog.

Code CSS :
 
div {
position: absolute;
clip: rect(0px, 150px, 100px, 0px);
}
 


http://www.w3schools.com/CSS/tryit.asp?f...rycss_clip


[edit] Shit, laat maar, dat werkt niet alleen voor plaatjes, maar voor alles. XD

God = (-1)
(Dit bericht is het laatst bewerkt op 11-08-2009 om 15:27:11 door Evert.)
11-08-2009 15:21:26
De website van deze gebruiker bezoeken Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Reactie plaatsen 


Ga naar locatie:


Contact opnemen | Ep2 | Naar boven | Naar inhoud | Archiefmodus | RSS-syndicatie