Søg
Avatar billede 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?
Avatar billede 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?
Avatar billede dennism Nybegynder
12. juni 2008 - 17:59 #2
Det gør ikke nogen forskel..
Avatar billede -zonic- Nybegynder
12. juni 2008 - 18:00 #3
den skal hedder margin: 0 auto;
Avatar billede -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;
Avatar billede 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.
Avatar billede w13 Novice
12. juni 2008 - 18:02 #6
-zonic->> margin:0 auto; og margin:0 auto 0 auto; er præcis det samme.
Avatar billede 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.
Avatar billede -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
Avatar billede 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>
Avatar billede 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'  =)
Avatar billede olebole Juniormester
13. juni 2008 - 00:20 #11
- og 'auto' virker ikke i top og bund ... hverken med inline eller block elementer
Avatar billede dennism Nybegynder
27. august 2008 - 12:34 #12
Smider du lige et svar, olebole?
Avatar billede olebole Juniormester
27. august 2008 - 17:43 #13
Gerne ... *griiiiiiiiiiiiiiiiiiiiiiiiib*  =)
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
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
White papers
Flere white papers »