Avatar billede htx98i17 Professor
20. juli 2010 - 22:05 Der er 3 kommentarer og
1 løsning

float left på linje

jeg har følgende side:
http://dp.christiannielsen.eu/fotogalleri.php

Kig i listen af kjoler. Der er ikke tre produkter på hver linje/række hvilket jeg gerne vil have.

Jeg ville mene at float: left på en div omkring billederne skulle gøre det, men det er ikke nok.

Har nogen en løsning?

kode:

#galleritekst {
    position                : relative;
   
    border                    : 0px solid;
    height                    : 100%;
    overflow                : scroll;
   
   
    margin                    : auto;
    padding                    : 0px;
   
    text-align                : left;
    font-family                : arial,tahoma,verdana;
    font-size                : 10pt;
    color                    : #000000;
   
}


.lnk {
   
    margin                    : 15px;
    border                    : 1px solid #ffffff;
    float                    : left;
    padding                    : 15px;

}

.img {
   
    border                    : 1px solid #ffffff;

}

.brake {
    float                    : left         ;
   
   
}


<div id="galleritekst" >
           
            <?php
                while($produkt = mysql_fetch_array($hentprodukter)) { ?>
           
                    <div class="brake" >
                        <a href="produkt.php?id=<?php echo$produkt['id']; ?>" class="lnk" ><img src="billede.php?id=<?php echo$produkt['id']; ?>&type=thumb" class="img" ></a>
                    </div>
                   
            <?php }  ?>
       
            </div>
Avatar billede htx98i17 Professor
20. juli 2010 - 22:05 #1
tjekker svar imorgen
Avatar billede zips Juniormester
20. juli 2010 - 22:57 #2
Problemet er at dine billeder har forskelligt højte og det gør at dine div kommer til at hænge oppe under en mindre høj div.

Så en mulighed er at sætte en fast højde på dine div, men da jeg kan se du har nogle meget høje billeder vil der komme maget luft mellem de billeder som ikke så høje.

En anden mulighed er at samle 3 div i en og så float dem.
Avatar billede htx98i17 Professor
21. juli 2010 - 07:51 #3
jeg brugte den anden mulighed. Jeg troede der var en måde at fixe den på med position typen. Men dette fungerer fint. Du må ligge et svar. Og tak.
Avatar billede zips Juniormester
21. juli 2010 - 16:49 #4
Her er et svar :-)
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