Flere baggrundsbilleder

Her er den vigtigste del af noget der ligner. Du må slev slutte filen med div og body samt begyndelsen.
<STYLE TYPE=\"text/css\">
.t_x_bag {
    margin-left:0px;
    position:relative;
    z-index:0;
    width:100%;
    top:0px;
    height:10%;
    left:0px;
    background-repeat:repeat-y;
    background-position:top left;
    background-image:url(images/3_bag.gif);
    background-attachment:fixed;
}
body {
background:url(images/3_bag.gif);
    margin:0;
    position:relative;
    z-index:0;
    width:100%;
    top:0;
    height:10%;
    left:0;
    background-repeat:repeat-x;
    background-position:top left;
    background-attachment:fixed;
}
</STYLE>
</HEAD>
<BODY>
<DIV CLASS=\"t_x_bag\">

Du ændre selv billedfiler og indstiller kanonerne.

Den løsning jeg søger skal helst gerne være uden at ligge lag oven på hinanden

Så sætter du left-værdien i .t_x_bag til det andet bagrundsbilledes størrelse.
Der er jo flere muligheder for at lægge billderne x,y,højre, venstre for begge baggrundsbilleder. Der er vel i alt en 6-8 relevante muligheder og endnu flere, hvis med muligheden for gentagelse - eller ikke. Hvad der skal være class i en div og hvad der skal være BODY kommer an på resten af indholdet.

Men den løsning vil jo stadig indebære at jeg ligger flere lag oven på hinanden

Jeg misforstod lige \'lag\' - undskyld. - men desværre, du kan kun have et billede som baggrund. Hvis du vil have to billeder eller to posistioner for samme billede må du \'snyde\'. Det er det, jeg giver et forslag til.

Ja, men problemet er mere at jeg nok har en 20 objecter eller mere på hver side, som skal have mere end et baggrundsbillede. Derfor vil det være alt for besværligt at indsætte endnu et lag hver gang. Lige som hvis man efter hvert <p></p> skulle indsætte et <div>..

Men det kan være der er en anden metode hvis jeg forklare lidt om hvordan størstedelen af baggrundsbillederne skal være. Dette dækker dog ikke det hele men det vil hjælpe mig meget.

Jeg har en del bokse/lag som i css f.eks. kunne se såden ud:

.lag {
width: 200px;
height: 300px;
border: 1px solid black;
padding: 10px 2px 15px 8px;
background: url(img/bgimage.gif) bottom right no-repeat;
}

I hver af disse bokse ønsker jeg en hvid streg på 1 px på indersiden af boksens kant i højre side og i toppen.

For at få en streg i toppen kunne man gøre således:
background: url(img/dot_white.gif) top repeat-x;
men så udelukker man jo muligheden for at have den anden baggrund og stregen i høje side.

Jeg har også overvejet at man kunne bruge en alternativ border-type men har ikke kunne finde en som jeg kan bruge til dette formål.

Har du nogen idé til hvordan jeg kan gøre dette?

Hvad nu hvis du bruger nedestående,
så beholder du stadigvæk mulighed for background.

<span style=\"position: absolute; left: 0; top: 0; z-index: -1\">
<img border=\"0\" src=\"5.JPG\" width=\"220\" height=\"170\"></span>
<span style=\"position: absolute; left: 182; top: 166; z-index: -1\">
<img border=\"0\" src=\"5.JPG\" width=\"220\" height=\"170\"></span>

Måske kan det så laves med en linie <HR class=\"linie1> og dette i CSS:
<STYLE TYPE=\"text/css\">
.linie1 {
    position:absolute;
    color:#FFFFFF;
    width:1;
    top:0;
    left:0;
    height:150px;
    border:0 solid transparent;
    line-height:100px;
text-align:left;
}
.linie2 {
position:absolute;
color:#FFFFFF;
    width:1;
    top:100;
    left:0;
    height:150px;
    border:0 solid transparent;
    line-height:100px;
text-align:left;
}

En linie kan ikke bleve mere en 100px høj, så du skal bruge 3 i alt til det lag du viser.
Men det kræver en venstre padding på 0 - så det er måske heller ikke så godt.

Hvorfor laver du ikke en transparent baggrunds-gif med de to linier?

ordinary: for det første giver det ingen mening at placere billederne bag alt andet, for det andet er det ikke sat ind som et baggrundsbillede og for det tredje undgår jeg her stadig ikke bruge en masse ekstra lag

callesen: Grunden til jeg ikke lave et transparent baggrunds-gif med de to linier er at lagene/boksenes størrelser varierer meget, og at jeg hvis jeg gjorde dette stadig ville mangle plads til endnu et baggrundsbillede

At det ikke giver nogen mening siger hvem?
Det er ikke sat ind som et baggrundsbillede, men fungerer som et.
Jeg kan ikke hjælpe, det virker som om at du har låst dig fast på én løsning

Jeg har prøvet med en (jeg kalder den t_h.gif og den er 400*400px) baggrunds-gif, der er transparent med en hvid 1px-linie i bunden og højre side. Så sætter jeg flg. ind i CSS\'et:

.lag {
top:80;
position:absolute;
margin:0px;
width: 200px;
height: 300px;
border: 1px solid #FF0000;
padding: 0px 0px 0x 0px;
background: url(t_h.gif);
left:50;
    background-repeat:no;
    background-position:bottom right;
    background-attachment:fixed;

ordinary: Når jeg siger det ikke giver mening er det fordi, at man ikke kan se billedet hvis det placeres bag alt andet

hov - tab+enter sender!!

det skal lige sluttes med \'}\'

Gif-filen kan du så bare lave så den fylder det største lag - den fylder selv ikke mange kb.

Du skriver: \"callesen: Grunden til jeg ikke lave et transparent baggrunds-gif med de to linier er at lagene/boksenes størrelser varierer meget, og at jeg hvis jeg gjorde dette stadig ville mangle plads til endnu et baggrundsbillede \"

Jamen, du kan ikke have to baggrundsbilleder.

callesen: jammen, det er jo præcist det problemstillingen i dette spørgsmål køre på

claus w: jammmen, det svarede jeg på kl.17.53.17 - derfor troede jeg, du kunne været interesseret i alternative løsninger - men ok. jeg trækker mig.

<ole>
claus_w >> Hvis du oprettede et spørgsmål om, hvordan du kunne flyve uden mekaniske hjælpemidler, ville folk nok give nogle mekaniske anvisninger, alligevel - for om ikke andet at hjælpe dig til at flyve. Uanset, hvor meget du så stampede i gulvet, ville de ikke kunne give dig andet.

Er der noget, der langsomt er ved at lirke sig ind?  ;o)
/mvh
</bole>