Notifikationer

Markér alle som læst Log ud

evildoctor Praktikant

08. juni 2004 - 16:46 Der er 4 kommentarer og
1 løsning

Flere billeder i baggrunden

Er det muligt at opsætte flere billeder som baggrund via et stylesheet??
Jeg har designet to stykker grafik - et højre-stykke og et venstre-stykke. Dem ville jeg gerne have til at floate henholdsvis til højre og venstre, så man har tekstarealet i midten.
Kan det løses via en baggrundsopsætning, eller er det nemmere med en opbygning i sidelay-outet hvor man laver 3 floats hvoraf men midterste er relativ til skærmstørrelsen??? (problemer er at jeg gerne vil have et lille overlap så teksten ligger ind over grafikken....
Satser på nogen er klogere end mig.... ;)

Synes godt om

skovenborg Nybegynder

08. juni 2004 - 18:34 #1

det er ikke muligt at have to baggrundsbilleder i samme element, men du kan lave et andet lille trick:
<div id="leftbackground">
<div id="indhold">
Midter arealet
</div>
</div>

og så lav følgende style:
#indhold {
background-image:url(logo.png);
background-repeat:repeat-y;
background-position:top right;
width:600px;
padding:0px 30px;
}
#leftbackground {
background-image:url(char1.gif);
background-repeat:repeat-y;
width:30px;
}

Det kan så være en god ide at ændre lidt på padding alt afhængigt af hvor bredde baggrundbillederne er.

Synes godt om

skovenborg Nybegynder

08. juni 2004 - 18:37 #2

Her er en lidt kortere udgave med baggrundsfarve på:
#indhold {
background:url(baggrundright.png) transparent repeat-y top right;
padding:0px 30px;
}
#leftbackground {
background:url(baggrundleft.png) #fff repeat-y;
}

Synes godt om

evildoctor Praktikant

09. juni 2004 - 13:36 #3

Ser sådan set meget fornuftigt ud. Jeg har dog ændret lidt i mine designplaner, så jeg skal formentlig ikke bruge det alligevel!

MEN!
1000 tak for et godt svar - smid lige et svar så du kan høste point ;)

Synes godt om

skovenborg Nybegynder

09. juni 2004 - 13:38 #4

er smidt :-)

Synes godt om

Slettet bruger

16. juni 2004 - 08:44 #5

Og man kunne vel også bare smide venstrebaggrunden på body, så man ikke skal bruge to ekstra divs til tricket.

(Og hvis man laver det til xhtml kunne det måske endda virke at lade den ene baggrund være på html og den anden på body, men jeg tror ikke IE vil være med til den slags.)

PS. Du skal lige huske at acceptere skovenborgs svar.

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS