28 svar · 852 visningar · startad av DanneSt · sida 2 av 2
Har en bild som jag vill "göra" till en bakgrundsbild, eller rättare sagt få texten att skrivas över bilden. Skulle vilja använda en class till detta så jag kan styra vilka bilder som ska vara "bakgrundsbilder", typ: .image-bkgr { display: undertexten; } Men som Ni ser förstår jag inte hur jag ska få till det...
Läs frågan i sin helhet →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