Avatar billede PeterFjelstrup Juniormester
10. januar 2011 - 17:21 Der er 2 kommentarer og
1 løsning

Positionering af billeder i css

Hvis vi nu tager
http://www.csszengarden.com/?cssfile=/209/209.css&page=0
  ... guiden til css,
så får vi jo ikke hans billede med ned.
Men det må vel være eet baggrundsbillede, og hvordan får jeg så teksten til at stå præcis ovenpå, hvor jeg vil have det? Teksten varierer i bredde efter, hvilken opløsning, jeg bruger. Det kan billedet muligvis også gøre. Eller kan de klistres sammen?

30 points
Avatar billede aburami Nybegynder
11. januar 2011 - 17:14 #1
For at få teksten oven på billede, skal du lave et <div> tag, hvor du anvender det billede u vil have som baggrund. og VOILA så kan du skrive på dit billede.

Du justere teksten, med en padding, så kan du selv justere hvor du vil have teksten skal stå :-).
Held og lykke!
Avatar billede timpet Novice
16. februar 2011 - 11:38 #2
Du kan også lave et div tag rundt om billedet den div skal være position: relative, inden i den div kan du så lave fx. et <p>med din tekst</p> som du så laver position: absolut; top: 20px; left:20px; bare for at tag nogen positioneringer, på den måde kan du flytte din tekst henover dit billede uden at det skal være en baggrund, og du kan på den måde gøre det mere dynamisk.
Avatar billede timpet Novice
16. februar 2011 - 11:40 #3
dvs.
<div style="position: relative">
<img src="mit_billede.jpg">
<p style="position: absolute; top: 20px; left: 20px">min tekst her</p>
</div>
Avatar billede 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.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

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