Avatar billede black-vise Nybegynder
12. marts 2007 - 11:13 Der er 16 kommentarer og
1 løsning

Firefox viser det hele forkert

Nu er jeg ved at få spat!, har siddet og arbejdet lidt på en ny side, og det går også fint nok, indtil jeg begyndte at tjekke den igennem i firefox. http://www.bunny-ranch.dk/beta/pic.html
I IE7, vises siden uden det mindste problem, men i firefox er de 6-nederste kasser helt hulter til bulter. Hvad skyldes dette? Det er jo den samme kodning.

Forsiden er virker dog uden problemer i begge browsers www.bunny-ranch.dk/beta/

Håber i kan hjælpe, for at ved at gå i spåner.
Avatar billede erikjacobsen Ekspert
12. marts 2007 - 12:14 #1
Der er da i hvert noget galt, som du ville kunne opdage ved at validere siden på http://validator.w3.org/

    <img src="./images/galla/brc22.JPG" width="62" height="59
    mangler afsluttende: >
Avatar billede black-vise Nybegynder
12. marts 2007 - 12:24 #2
Hvor der fejl i  brc22?
koden hedder:
<a href="images/galla/brc23.JPG" width="62" height="59" alt="Sample Photo" title="Galla 2007"  rel="lightbox[Galla]"><img src="./images/galla/brc23.JPG" width="62" height="59"</a>
Avatar billede erikjacobsen Ekspert
12. marts 2007 - 14:21 #3
Ja, der mangler et: >
Avatar billede olebole Juniormester
12. marts 2007 - 14:34 #4
<ole>

- og så er der absolut ingen, der har glæde af, du skriver XHTML1.0-Trans. Den parses af alle browsere (i bedste fald) som HTML  ;o)

/mvh
</bole>
Avatar billede notes2c Nybegynder
12. marts 2007 - 17:13 #5
Din kode:
<a href="images/galla/brc23.JPG" width="62" height="59" alt="Sample Photo" title="Galla 2007"  rel="lightbox[Galla]"><img src="./images/galla/brc23.JPG" width="62" height="59"</a>

Der burde stå:
<a href="images/galla/brc23.JPG" width="62" height="59" alt="Sample Photo" title="Galla 2007"  rel="lightbox[Galla]"><img src="./images/galla/brc23.JPG" width="62" height="59" /></a>
Avatar billede black-vise Nybegynder
12. marts 2007 - 17:51 #6
MMmn notes2c, men altså kan godt se der mangler det i alle billeder men det laver da ingen fejl på selve siden, fejlen ligger jo stort set kun i de nederste 5 bokse ?
Avatar billede notes2c Nybegynder
12. marts 2007 - 18:02 #7
Det er heller ikke sikkert at det er det som der der årsaget til fejlen med de nederste bokse. Men du skal få rette det da browseren begynder at gætte på hvad der skal stå. Og det kan give uventet resultat. Så må vi se på det andet bagefter.
Avatar billede black-vise Nybegynder
12. marts 2007 - 18:13 #8
ok retter lige det anden inden for 1 times tid, vender tilbage kl halv 8
Avatar billede notes2c Nybegynder
12. marts 2007 - 18:32 #9
Og så ville jeg ændre stylen photos>a til:

.photos>a {
    min-height: 0;
    height: auto;
}

Så burde de også virke i FF
Avatar billede black-vise Nybegynder
12. marts 2007 - 18:49 #10
Hvor finder du Photos>a
Er det denne kode du siger jeg skal udskifte:

   
        <div class="photos">
          <a href="#" title="Sample Photo">
            <img src="./images/forside/galla4.jpg" width="102" height="119" alt="Sample Photo" title="Sample Photo" />
            <span>
              Galla 07
            </span></a>
          <a href="#" title="Sample Photo">
            <img src="./images/forside/kommer.jpg" width="102" height="119" alt="Sample Photo" title="Sample Photo" />
            <span>
              Isaberg 07
            </span></a>
          <a href="#" title="Sample Photo">
            <img src="./images/forside/kommer.jpg" width="102" height="119" alt="Sample Photo" title="Sample Photo" />
            <span>
              Avoriaz 07
            </span></a>
          <a href="#" title="Sample Photo">
            <img src="./images/forside/kommer.jpg" width="102" height="119" alt="Sample Photo" title="Sample Photo" />
            <span>
              Kalinkabar
            </span></a>
          <a href="#" title="Sample Photo">
            <img src="./images/forside/kommer.jpg" width="102" height="119" alt="Sample Photo" title="Sample Photo" />
            <span>
              Patrick 18år
            </span></a>
          <a href="#" class="last" title="Sample Photo">
            <img src="./images/forside/kommer.jpg" width="102" height="119" alt="Sample Photo" title="Sample Photo" />
            <span>
              Zahle fest
            </span></a>
          <div class="cleaner">
            &nbsp;
          </div>
        </div>
        <!-- /photos-->
Avatar billede notes2c Nybegynder
12. marts 2007 - 18:59 #11
Den ligge i screen.css
Avatar billede black-vise Nybegynder
12. marts 2007 - 19:00 #12
aha :O hehe :P

Ups...
Avatar billede black-vise Nybegynder
12. marts 2007 - 19:07 #13
Du er bare champen Notes2c. Virker nu. -> samme adresse.. Retter lige de andre til bagefter.. og så siger jeg til.

Skal lige hører jeres mening, altså som i kan se tager det lidt at åbne siden pic.html, dette skyldes jo at den henter alle billederne ned så den kan vise dem hurtigt i lightbox billedfremviseren, men ville det være bedre hvis den kun hentede et lille bitte billed ned på størrelse med thumb'en ned, og så istedet loadede billederne mens man skiftede billed i lightbox -> Dette ville jo påvirke den flydne flow når man ser billederne i lightbox, mens istedet ville siden loade hurtigere...
Hvad ville i personligt vælge?
Avatar billede notes2c Nybegynder
12. marts 2007 - 19:14 #14
Jeg ville vælge to versioner af billede thumbnail og fuld version. Det giver efter min mening det bedste indtryk.
Avatar billede black-vise Nybegynder
12. marts 2007 - 20:00 #15
Dvs lave 2 forskellige version af samme side.. En der loader hurtigt til langsomt bredbånd og en der loader hurtigt?
Avatar billede notes2c Nybegynder
12. marts 2007 - 20:11 #16
Nej to versioner af billede, et til visning som thumbnails og når man så klikker på thumbnail billede vises billede som der gør idag.
Avatar billede black-vise Nybegynder
12. marts 2007 - 20:34 #17
ok vil jeg så gøre takker..

Retter lige de der fejl så vender jeg tilbage
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