Text över bild

DanneSt skrev:

Sitter på jobbet så jag kan inte testa själv, men kan måhända detta funka?

#content img {bakground-image: url(images/bild.jpg);}

Det borde bli minst två bilder av det... Har aldrig testat något sådant. Blir ju lite tårta på tårta att ha img i dokumentet och dessutom en url i css.

#content img 
{
   background-image: url(images/bild.jpg);
   background-repeat: no-repeat;
   float: right;
   margin-left:-350px;
}

Värt ett försök?

Fast en snabbkoll i FF i edit css så dras texten över bilden och textraderna blir alltså längre utan att bilden flyttar på sig...

Den "rätta" lösningen i detta fall vore att positionera både texten och bilden absolut (relativt till deras förälder) och sedan använda z-index för att få bilden att hamna under texten.

Jag hoppas att du hängde med i min förklaring :P

Jao du får nog lägga en div inuti contentdiven och sätta en klass på den, typ:

<div id="content">
   <div id="image_bkgr">Text till bild här</div>
   Text till sidan - en jäkla massa
</div>

#content
{
   Samma egenskaper som innan
}

#image_bkgr
{
   position: relative;
   top: 200px; // lek med de här värdena
   left: 400px; // här med
   width: 200px; // bredden på bilden
   height: 200px; // höjden på bilder
   background-image: url(images/bild.jpg);
   background-repeat: no-repeat;
}

DanneSt skrev:

Jag vill alltså inte att #content ska innehålla denna bakgrundsbild på varenda sida, därför lägger jag inte in den i stilmallen.

Varför kan du inte ha <div id="content"> på andra sidor och <div id="content" class="thestory"> på denna?

.thestory { background:url(...) no-repeat right; }

zcorpan skrev:

Varför kan du inte ha <div id="content"> på andra sidor och <div id="content" class="thestory"> på denna?

.thestory { background:url(...) no-repeat right; }

Ja, varför skulle jag inte kunna ha det? :D

Tack för alla för all hjälp! (y) (y)

byt ut

<div id="content">

mot

<div id="content" style="background-image: url(images/thestory_bkgr.jpg); background-repeat: no-repeat;">

så ska du se att det funkar. Dock får du väll kolla så att detta lilla tjuv-knep funkar i alla browsrar. Det funkar dock bra i Safari på mac :-)

J snygg och ren grafik på sidan föresten! Är det du som har gjort den?

Mr T skrev:

byt ut

<div id="content">

mot

<div id="content" style="background-image: url(images/thestory_bkgr.jpg); background-repeat: no-repeat;">

så ska du se att det funkar. Dock får du väll kolla så att detta lilla tjuv-knep funkar i alla browsrar. Det funkar dock bra i Safari på mac :-)

Ja, det är samma tips som jag fick av zcorpan, och det funkar toppen! Tackar!

Mr T skrev:

J snygg och ren grafik på sidan föresten! Är det du som har gjort den?

Japp! Tack och bock för berömmet! :bire