Søg
Avatar billede steen_hansen Forsker
03. november 2005 - 23:15 Der er 13 kommentarer og
1 løsning

Centrering af img vertikalt i celle

Man kan normalt centrere tekst vertikalt i en celle med:

vertical-align: middle;

Hvordan gør man det med et billede?
Avatar billede steen_hansen Forsker
03. november 2005 - 23:56 #1
Jeg havde brugt center istedet for middle, men det virker bare ikke i Opera.
Avatar billede milandt Nybegynder
04. november 2005 - 10:59 #2
style="vertical-align:middle" på TD'en
Avatar billede milandt Nybegynder
04. november 2005 - 11:01 #3
ok, misforstod dit spørgsmål.. men hvad er det så du har brug for? style="vertical-align:middle" på TD'en centrere alt indhold i TD'en vertikalt, både billede(r) og tekst.
Avatar billede olebole Juniormester
04. november 2005 - 11:07 #4
<ole>

Det er vel helt, som Steen skriver. Han havde skrevet:
  <td style="vertical-align:center">

- men kom i tanker om, der skulle stå:
  <td style="vertical-align:middle">

Hvorfor det ikke skulle virke i Opera, er ikke tilgengæld til at gennemskue  :)

/mvh
</bole>
Avatar billede steen_hansen Forsker
04. november 2005 - 19:57 #5
milandt: vertical-align: middle; centrerer ikke grafik vertikalt i Opera. Det troede jeg imidlertid, at det gjorde ... men nej, prøv det selv.

olebole: Hvis ikke du kan finde ud af det, så begynder jeg snart at græde :)

Jeg har prøvet med padding. Det forårsager, at der skal ændres andre steder, og kan i praksis være lige meget. Det er "kun" principielt jeg ønsker at finde ud af hvorfor det skal være så forbandet. Mange af os ønsker jo at lave hensigtsmæssig kode/CSS/markup-language ... selvom vi nu er nede i noget fluekn...eri :)
Avatar billede milandt Nybegynder
04. november 2005 - 21:07 #6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
    <title>Untitled</title>
</head>

<body>
<table>
<tr>
<td style="height:200px;vertical-align:middle;border:1px solid #000">
<img src="mitbillede.jpg">
</td>
</tr>
</table>
</body>
</html>


Ovenstående er vertikalt alignet i Opera. Måske er det på tide at vi får noget af din kode at se? Prøv evt selv at se om ovenstående ikke ser ud som det skal.
Avatar billede steen_hansen Forsker
04. november 2005 - 21:25 #7
milandt, du havde ret. Jeg havde på et tidspunkt også sat noget float: right; ind, og det er nok her kæden røg af. Smid et svar :)
Avatar billede steen_hansen Forsker
07. november 2005 - 00:31 #8
Venter på dig, milandt :)

olebole, tak for dit input :)
Avatar billede olebole Juniormester
07. november 2005 - 12:19 #9
- anytime, Steen. Du kan da også bare lade være med at have elementer liggende og 'flyde'  ;D
Avatar billede steen_hansen Forsker
07. november 2005 - 17:13 #10
Jeg ved det, jeg ved det! Med lidt god vilje havde jeg selv set det, men ... :D
Avatar billede milandt Nybegynder
08. november 2005 - 12:31 #11
here you go
Avatar billede steen_hansen Forsker
08. november 2005 - 12:36 #12
Takker - til begge :)
Avatar billede milandt Nybegynder
08. november 2005 - 12:38 #13
så lidt =)
Avatar billede olebole Juniormester
09. november 2005 - 09:03 #14
;o)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 10:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
White papers
Flere white papers »