Avatar billede dingkee Nybegynder
29. november 2006 - 21:56 Der er 3 kommentarer og
1 løsning

Firefox placere ikke billederne ordentligt

Hej,

Jeg har et problem med at firefox ikke placere nogle af mine billeder ordentligt... Det virker fint i alle andre browsere...

I firefox bliver billederne placeret en del over det sted de er sat til... Hvis jeg derimod ændre billederne til ren tekst, fungere det fint...

Koden er her:

        <div id="produkt-thumb">
                   
                        <div class="thumb-tekst">
                            <a href="collection.php?kat=1&id=1"><img src="images/501t.jpg" height="50" width="50" alt="" /></a><br />
                            art 501
                        </div>
                       
                        <div class="thumb-tekst">
                            <a href="collection.php?kat=1&id=49"><img src="images/502t.jpg" height="50" width="50" alt="" /></a><br />
                            art 502
                        </div>
                       
                        <div class="thumb-tekst">
                            <a href="collection.php?kat=1&id=50"><img src="images/503t.jpg" height="50" width="50" alt="" /></a><br />
                            art 503
                        </div>
                       
                        <div class="thumb-tekst">
                            <a href="collection.php?kat=1&id=51"><img src="images/504t.jpg" height="50" width="50" alt="" /></a><br />
                            art 504
                        </div>
                                    </div>

Og hele min css fil kan i finde her:

http://www.lucir.dk/css/css.css

Håber der er en der kan hjælpe :)
Avatar billede notes2c Nybegynder
29. november 2006 - 22:36 #1
Det kunne skyldes du ikke resetter body for padding og margin.

Prøv:

body {
    margin: 0;
    padding: 0;
}
Avatar billede miqe Nybegynder
29. november 2006 - 23:08 #2
Prøv at ændre:
a, td, tr, p, div{
  font                : 10px Verdana;
  color                : #000000;
  text-decoration    : none;
  vertical-align    : top;
}
til:
a, td, tr, p, div{
  font                : 10px Verdana;
  color                : #000000;
  text-decoration    : none;
}
td, tr, p, div{
  vertical-align    : top;
}

Problemet ligger i din vertical-align: top; på dit anchor <a>
Avatar billede dingkee Nybegynder
30. november 2006 - 08:23 #3
Mige >> Det virkede sørme... Tak for det :D
Avatar billede miqe Nybegynder
30. november 2006 - 09:44 #4
Selv tak!
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