Avatar billede elv Nybegynder
30. marts 2002 - 23:19 Der er 11 kommentarer og
1 løsning

Aligne tekst med billede

Hej Eksperter!

Jeg synes egentlig selv jeg burde kunne det her, men here goes... jeg har et billede på cirka 70x70 pixels (eller noget, det er rimelig lige meget) og en tekst skrevet lige ved siden af. Tilsammen udgør de et link. Fint! MEN jeg vil gerne have teksten op i samme højde som billedet. Umiddelbart har jeg prøvet med en table med valign="middle" og med div's og jeg ved ikke hvad, men det har ligesom ikke lyst til at løse sig!

Den eneste løsning jeg umiddelbart kan finde er at smide billedet og teksten ud i hver sin celle i en table og aligne dem til middle, men det vil jeg ikke, da jeg jo så er nødt til at dele linket op i to dele, og det vil jeg af andre grunde ikke.

Anyone with a løsning?

Lige for en god ordens skyld kommer der lige lidt demo-kode:
<html>
<body>
<a href="http://www.google.com"><img border="0" src="test.jpg">Hello World</a>
</body>
</html>

MVH Elv
Avatar billede jakoba Nybegynder
30. marts 2002 - 23:35 #1
der er en gammel alignværdi til billeder der gør præcis det:

<a href="http://www.google.com"><img src='text.jpg' border=o align='middle'>tekst</a>

det sætter billedet så det er midtpå tekstlinen vertikalt.
Men align er utvivlsomt ikke pæn at bruge mere, jeg ved ikke hvad det hedder i CSS.

mvh JakobA
Avatar billede spyro.dk Nybegynder
30. marts 2002 - 23:35 #2
hvilken html editor bruger du?
30. marts 2002 - 23:37 #3
Tjaa... Jeg ved ikke :
<div OnClick="location.href='dinside.html'">
<table>
<tr>
<td>
<img src="stor.gif" alt="Hujahh" style="cursor: pointer;">

</td>
<td valign="middle" style="cursor: pointer; text-decoration: underline;">
Huhjja
</td>
</tr>
</table>


</div>

Der findes sikkert en bedere løsning, men, det er da en nødplan.
30. marts 2002 - 23:40 #4
Avatar billede knudgert Nybegynder
31. marts 2002 - 04:23 #5
Du kunne også prøve at lege med position, her får du jo så mulighed for at placere teksten præcis, hvor du vil.
<td>
<a href...<img style="float: left" src="billede.jpg" width="xxx" height="xxx" alt="xxx"><span style="position: relative; top: 100px">Tekst<span></a>
</td>

Virker også i Netscape 4.x, hvis nogen skulle tvivle.
Avatar billede sukos Juniormester
31. marts 2002 - 18:02 #6
Skulle det være forkert at bruge align?'

<img src="test.jpg" border="0" align="top" width="70" height="70">Hello world</a>
Avatar billede elv Nybegynder
01. april 2002 - 13:48 #7
-> xzxzx
det er lidt for fusket efter min ide...

-> jakoba
det er faktisk det jeg leder efter, men det er kun bunden af teksten der er alignet til middle, derfor bliver resten for højt oppe... og en div med valign="middle" kan ikke klare det...
Avatar billede knudgert Nybegynder
01. april 2002 - 17:10 #8
Jeg synes ellers min løsning var elegant (efter min egen mening)
Se det evt. på http://home13.inet.tele.dk/smedpark/test/billedtext.htm

Det er jo blot at placere positionen, så det passer med at texten står i midten og samtidig kan du lave hele cellen til et link.
Avatar billede elv Nybegynder
01. april 2002 - 17:18 #9
-> knudgert
Det virker fint nok i et enkelt tilfælde, men når jeg så skal til at lave en menu med denne stil skal jeg jo igang med lommeregneren og hvis jeg så vil ændre på afstanden bliver der noget bøvl.. det kan sikkert godt lade sig gøre, men hvis align virker ville det klart være at foretrække... lad os lige se om de findes en løsning på det :)
Avatar billede knudgert Nybegynder
01. april 2002 - 17:20 #10
Jeg har opgivet, at få det til at virke med align, hvis det skal følge standarden.
Avatar billede elv Nybegynder
01. april 2002 - 18:06 #11
-> knudgert
aaaaah, okay, point taken.... det kører nu, smid du lige et svar ind!
Avatar billede elv Nybegynder
06. september 2002 - 23:11 #12
Efter 5 måneders ventetid bør man vist lukke...
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