Avatar billede tobrukDk Novice
13. april 2013 - 16:55 Der er 5 kommentarer og
1 løsning

li billeder mindre endnu

Hej


Det er sådan at jeg kunne godt tænke mig at mit billede blive 35x35 px, men kan ikke rigtigt husk det er sådan med style at jeg gøre at alle min "li" tags bliver til 35x35.


<div class="profil_info">
<ul>
<li id="grund_brand"></li>
</ul>
</div>


min css:


.profil_info {
    border: 1px solid #494949;
    float: right;
    min-width: 500px;
    min-height: 140px;
}
.profil_info ul {
    list-style-position: inside;
}
.profil_info ul li {
    margin: 5px 4px 2px 4px;
}
#grund_brand {
    list-style-image: url('/indhold/uddannelse/grund_brand.jpg');
}
Avatar billede thomas Praktikant
13. april 2013 - 17:19 #1
Om du skal vise billeder der er 35x35 så lav billederne i den størrelse. Husk dog at du skal bruge ul {padding-left: 35px;} for at sikre at billedet vises helt.
Avatar billede thomas Praktikant
13. april 2013 - 17:20 #2
Miss click på 'opret'...

Hvad jeg mener er at man aldrig skal sende større billeder end man viser. :D
Avatar billede tobrukDk Novice
13. april 2013 - 17:24 #3
Det har jeg gjort flere gang og der intet problemet være i det så lang det bare ser pænt ud :)


.profil_info {
    float: right;
    min-width: 500px;
    min-height: 140px;
}
.profil_info ul {
    list-style-position: inside;
}
.profil_info ul li {
    margin: 5px 4px 2px 4px;
    list-style-type: none;
    display: inline;
    padding: 4px;
}
.profil_info li img {
    height: 35px;
    width: 35px;
}


<ul>
                    <li>
                    <?php
                    if($uddannelse_1 == 1)
                    {
                        echo "<img src =\"/indhold/uddannelse/grund_brand.jpg\" title=\"Grund Brandmand\"> Grund Brandmand";
                    }
                    elseif($uddannelse_1 == 2)
                    {
                        echo "<img src =\"/indhold/uddannelse/brand.jpg\" title=\"Grund- og Funktionsuddannelsen Brandmand\"> Grund- og Funktionsuddannelsen Brandmand";
                    }
                    ?>
                    </li>
</ul>

Avatar billede tobrukDk Novice
13. april 2013 - 17:24 #4
jeg har gjort sådan her: og klart opgaven selv!
Avatar billede olebole Juniormester
13. april 2013 - 19:32 #5
<ole>

Jesper, det er en dårlig idé at ændre den viste billedstørrelse med HTML/CSS - uanset, om du har gjort det før eller ej. Derfor ser du det heller ikke i professionel kode  =)

/mvh
</bole>
Avatar billede tobrukDk Novice
13. april 2013 - 19:44 #6
Når altså Olebole. jeg har taget billedet og gået ned til 40x40 og der efter gået ind i css og sæt den til 35x35, og det ser meget flot ud :)

men jeg kan godt følge dig.
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