Notifikationer

Markér alle som læst Log ud

dennism Nybegynder

12. juni 2008 - 17:15 Der er 12 kommentarer og
1 løsning

CSS: centreret IMG

Jeg har en kode som denne:

<div id="left"><img src="images/left_banner.png" style="width:140px;height:350px;" alt="" /></div>

Da div'et left er større end det img der er i det, vil jeg gerne have, at mit img er centreret både horisontalt og verticalt i forhold indeni div'et left. Hvordan klarer jeg den?

Synes godt om

w13 Novice

12. juni 2008 - 17:29 #1

Måske kan du prøve at lægge en margin:auto; ind i stylen på billedet?

Synes godt om

dennism Nybegynder

12. juni 2008 - 17:59 #2

Det gør ikke nogen forskel..

Synes godt om

-zonic- Nybegynder

12. juni 2008 - 18:00 #3

den skal hedder margin: 0 auto;

Synes godt om

-zonic- Nybegynder

12. juni 2008 - 18:00 #4

hov... jeg læste ikke lige spørgsmålet rigtigt... hvad med

margin:0 auto 0 auto;

Synes godt om

w13 Novice

12. juni 2008 - 18:02 #5

margin: 0 auto; vil ikke centrere vertikalt. Det håbede jeg, margin: auto; kunne, men så er det ikke noget, man bare lige gør, uden brug af tabeller altså, og det jo heller ikke en særlig holdbar løsning.

Synes godt om

w13 Novice

12. juni 2008 - 18:02 #6

-zonic->> margin:0 auto; og margin:0 auto 0 auto; er præcis det samme.

Synes godt om

w13 Novice

12. juni 2008 - 18:08 #7

margin:0 auto;
kommer af:
margin:top&bund højre&venstre;

og
margin:0 auto 0 auto;
kommer af:
margin:top højre bund venstre;

Dvs. i begge tilfælde sættes top og bund til 0 og højre og venstre til auto.

Synes godt om

-zonic- Nybegynder

12. juni 2008 - 18:19 #8

hmm.. jeg synes bare at jeg har læst et sted at det centrerer i begge retninger... men well, det er jo nok forkert.. :D

Synes godt om

olebole Juniormester

13. juni 2008 - 00:16 #9

<ole>

Hvis div'et har fået sat en højde, kan du skrive noget à la:
style="width:140px;height:350px;top:50%;margin-top:-175px;display:block"

/mvh
</bole>

Synes godt om

olebole Juniormester

13. juni 2008 - 00:19 #10

'top:50%' lægger overkanten af billedet 50% nede i div'et (hvis det altså har fået sat en højde) - mens 'margin-top:-175px' flytter billedet op med halvdelen af sin egen højde. Dog kan inline elementer ikke have margin i top og bund ... derfor 'display:block' =)

Synes godt om

olebole Juniormester

13. juni 2008 - 00:20 #11

- og 'auto' virker ikke i top og bund ... hverken med inline eller block elementer

Synes godt om

dennism Nybegynder

27. august 2008 - 12:34 #12

Smider du lige et svar, olebole?

Synes godt om

olebole Juniormester

27. august 2008 - 17:43 #13

Gerne ... *griiiiiiiiiiiiiiiiiiiiiiiiib* =)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS