Repeat-X in CSS (background)
24 februari 2009 - 01:54   
geplaatst door: DNA
Ik heb een vraagje met betrekking op CSS,

Ik wil graag een achtergrond van een website in CSS repeaten maar alleen de kopie wil ik ook spiegelen..

ik heb nu dit gedaan.

{
width: 100% ;
overflow:hidden ;
background: #fff url(/images/header-bg.jpg) repeat-x 0% 0 ;
}

Nu heb ik een afb.(header-bg.jpg) van 1000 pix breed en 425 pix hoog alleen staat aan de linkerkant van deze afbeelding een illustratie. Deze wil ik dus aan de linker-kantlijn hebben maar met een repeat-x maak ik een kopie horizontaal aan het einde van de 1000 pix. en start de (header-bg.jpg) weer opnieuw in het midden van het scherm met een illustratie in het midden van het beeld. (bij grote beeldschermen)

Nu wilde ik graag wel een kopie maken (repeat-x) van de afbeelding alleen hoop ik dat ik deze ook direct kan spiegelen..
zodat ik de illustratie welke ik aan de linkerkant heb staan na het spiegelen rechts heb. En in het midden een mooie overgang krijg tussen de twee afbeeldingen.

iemand een idee?
of moet ik echt de afb. straks 2000 pix. breed gaan maken?


Apple = Click, Boom, Amazing!
Repeat-X in CSS (background)
24 februari 2009 - 08:21    reactie #1
geplaatst door: TimidANDFriendly
Helaas  snap ik je vraag niet helemaal :-(

Maar één ding is zeker spiegelen met css kan niet.
En als je een web2.0 spiegel effect will creeren zou je kunnen kijken naar jquery die dat dynamisch doet

Repeat-X in CSS (background)
24 februari 2009 - 11:36    reactie #2
geplaatst door: DNA
mm jammer dan ga ik de background maar breder maken.
bedankt,

Apple = Click, Boom, Amazing!
Repeat-X in CSS (background)
24 februari 2009 - 11:58    reactie #3
geplaatst door: Kapotlood
Je hoeft 'm niet perse breder te maken hoor... je kan ook 2 kleine backgroundplaatjes
maken en één ervan aan de linkerkant van je site, en één aan de rechterkant te zetten.
Zo voorkom je die veel te grote/zware backgroundplaatjes omdat je het hele
middenstuk (waar je content overheen valt) weg kan laten. :-)

Mvg,
Joram