Avatar billede scaniav8 Nybegynder
27. oktober 2005 - 15:21 Der er 9 kommentarer og
1 løsning

Tekst/link ovenpå et billede

Hej..!

Hvad gør jeg hvis jeg nu vil have et link til at ligge oveni et billede?
Der må ikke bruges table/td/tr!

Kan det gøres på en måde med <span> eller <p> :S?
Avatar billede udvikler Nybegynder
27. oktober 2005 - 15:25 #1
Kig her og få svaret: http://www.html.dk/artikler/00024/ :)
Avatar billede scaniav8 Nybegynder
27. oktober 2005 - 15:31 #2
Hehe det var ikke helt det jeg mente..!
jeg skal have et <a href="blabla.php">Link her</a> til at ligge oven i et <img src="blabla.gif"> billede..!
Avatar billede scaniav8 Nybegynder
27. oktober 2005 - 15:39 #3
ligesom:
<td width="100" height="100" background="billede.jpg">
<br><a href="daslf.html">klik her</a>
</td>
Avatar billede udvikler Nybegynder
27. oktober 2005 - 15:46 #4
Okay, så kan du gøre det sådan her:

placer billede hvor du vil på siden, find ud af hvor mange pixel der er oppefra toppen af siden og til billedets top og hvor mange der er fra venstre side og til billedets venstre kant hvis du forstår ? også placere du derefter linket vi css med position: absolute;
left: antalpixel;
right: antalpixel;

Læs mere her: http://www.html.dk/tutorials/css/lektion14.asp
Avatar billede udvikler Nybegynder
27. oktober 2005 - 16:09 #5
Tak for point :)
Avatar billede johan.o Nybegynder
28. oktober 2005 - 01:17 #6
Har ikke testet men hvad med noget ala :

<div>
<img src='...'>
<span style='position: absolute; top: 40px; left: 10px;'><a href='...'>Link</a></span>
</div>

<div>'en indeholder jo <span>'et så når du placere linket gør du det i forhold til øverste venstre hjørne på billedet. Derved kan du flytte <div>'en rundt på skærmen som du vil mens linket biver på sin plads ind over billedet.

Mvh. Johan
Avatar billede roenving Novice
28. oktober 2005 - 07:49 #7
-- generelt vil jeg sige at absolut positionering skal man holde sig fra, men lige i dette tilfælde er der god grund til at bruge, men det er kun johan.os idé, der er fremgangsrig, mendet kræver lige en ekstra ting for at fungere:

<div style="position:relative;">
<img src='...'>
<div style='position: absolute; top: 40px; left: 10px;'><a href='...'>Link</a></div>
</div>
Avatar billede johan.o Nybegynder
28. oktober 2005 - 10:21 #8
Når du bruger <div> istedet for <span> er det så fordi der er noget 'forkert' i position: absolute; på <span>'s ?

Mvh. Johan
Avatar billede roenving Novice
28. oktober 2005 - 10:24 #9
-- jeg gad ikke undersøge det, men jeg ved med sikkerhed, at det virker med block-level elementer, og da det ingen forskel gør lige her ...
Avatar billede johan.o Nybegynder
28. oktober 2005 - 10:28 #10
He he okay - fair nok :)

Mvh. Johan
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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