Avatar billede htx98i17 Professor
08. maj 2016 - 06:56 Der er 4 kommentarer og
1 løsning

Kombination i CSS3

jeg har følgende class på et <img> i en <div>


.selskab_logo {
    position            :    relative;
    max-width            :    150px;
    max-height            :    50px;
    margin                :    auto;
}


Det vil ikke centrere billedet i midten af et <div>

Skyldes det at billedet har en max/min-height/width sammen med at den skal regne margins ud?
Eller hvad skyldes det...
Avatar billede htx98i17 Professor
08. maj 2016 - 07:04 #1
Her er lidt mere kode



label {
    position            :    relative;
   
    margin                :    5px;
   
    float                :    left;
    border                :    2px solid #FFFFFF;

}

.selskab_ramme {
    position            :    relative;
   
    width                :    150px;
    height                :    50px;
    margin                :    5px;

    border                :    2px solid #EEEEEE;
   
    background            :    #FFFFFF;

}

.selskab_logo {
    position            :    relative;
    max-width            :    150px;
    max-height            :    50px;
    margin                :    auto;
}


label input {
    display                :    none;
}

label input:checked + div {
    border                :    2px solid green;
}



<label for="label_1" >
    <input type="radio" name="form_selskab" id="label_1">
        <div class="selskab_ramme" >
            <img src="image.php?selskab_id=1" class="selskab_logo" alt="Alka">
        </div>
</label>

Avatar billede jakobdo Ekspert
08. maj 2016 - 11:57 #2
Kan du ikke bare gøre sådan her: https://jsfiddle.net/7p3urdj1/
Avatar billede htx98i17 Professor
08. maj 2016 - 14:53 #3
ja ved du hvad... nogle gange...

tak for deltagelse, lig et svar
Avatar billede jakobdo Ekspert
08. maj 2016 - 15:01 #4
Svar! :)
Avatar billede jakobdo Ekspert
09. maj 2016 - 07:05 #5
Takker for point.
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