Hjælp til 2 baggrunde på samme tid

Tags:    html css

jeg har 2 billeder:

images/2table_body.jpg
images/2table_overbottom.jpg

Jeg har en tabel, hvor de 2 billeder skal være i, og height på tabel er lig 100%.
Det jeg så vil, er at når 2table_body.jpg ikke er længere, skal resten fyldes ud med 2table_overbottom.jpg hvis i forstår ..

Nogen som kan det ?? ..



4 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 3 karma
Sorter efter stemmer Sorter efter dato
jeg har 2 billeder:

images/2table_body.jpg
images/2table_overbottom.jpg

Jeg har en tabel, hvor de 2 billeder skal være i, og height på tabel er lig 100%.
Det jeg så vil, er at når 2table_body.jpg ikke er længere, skal resten fyldes ud med 2table_overbottom.jpg hvis i forstår ..

Nogen som kan det ?? ..


Det kan ikke lade sig gøre...

Du kan give body baggrunden 2table_overbottom.jpg, og tabellen den anden, fx.

--
Ronni Egeriis - squirrel development: http://sqdev.dk/



Nå Nå....

Nej det kan ikke lade sig gøre sådan som du siger dér, men det kan lade sig gøre hvis du skærer dit billede lidt til og så bruger en position kode til at placere de forskellige billeder. På den måde ved du selv hvor lange billederne er og der vil ikke opstå et bg problem
// Kasper
»http://kaspertech.dk




1.Indsæt dit første billede normalt i din tabel.
2.Lav en Style i CSS, der kalder det andet billede.

CSS:
Fold kodeboks ind/udKode 



HTML:
Fold kodeboks ind/udKode 


Hvis du skal have dit billede til at gentage sig uendeligt i enten x -eller y aksen, så tilføger du dette ei din style:
Begge akser: background-repeat: repeat;
X-akse: background-repeat: repeat-x;
Y-akse: background-repeat: repeat-y;


Skal dit billede 'klistre til toppen tilføg da:
background-position: top;


Stylen med x,y gentagelse, med billedet i top og venstre side:
Fold kodeboks ind/udKode 





[Redigeret d. 22/12-03 10:32:26 af Nico French]



Lige en kommentar, for at gøre det helt gedignt, mht. CSS, så bør man lave en externn CSS fil, og kalde den...

Fordi rigtige mænd hader spagetti-kode :)



t