Avatar billede MarkA Praktikant
23. februar 2007 - 15:35 Der er 17 kommentarer og
2 løsninger

Hjælp til fejl på billedgalleri

Jeg har lavet et lille billedegalleri og har prøvet at få det til at se sådan nogenlunde ud. Det der så sker som så ofte sker når jeg laver noget er at det er korrekt i firefox men helt skidt i IE...

Tjek selv http://adrup.dk/photogal/

Det mest mærkelige er så at det vises rigtigt i IE hvis jeg lige har reloadet i firefox og så gør det i IE...

Her er min kode:

-------------------------------------------

<?

// Indstillinger
include("conn.php"); //Forbinder til database
$tabel = "gallery"; //tabellen som billederne skal hentes fra
$offset = (isset($_GET[offset])) ? $_GET[offset] : 0;  // Hvis ikke offset er sat, sættes den til 0
$pr_side = 9;  // Antal billeder pr. side
$i = 0; //HVilket billede den skal starte med at vise
$antal = 3; //Det antal billeder som skal vises i hver række
$pic_width = "90%"; //billedernes bredde
$pic_height = "90%"; //billedernes højde


$sql = mysql_query("SELECT * FROM $tabel ORDER BY id ASC LIMIT $offset, $pr_side") or die(mysql_error());
$result = "<table align='center' cellpadding='0px' cellspacing='0px' width='480px'>";

while ($row = mysql_fetch_array($sql))
{
$id = $row[id];
$file = $row[file];
$descript = $row[descript];
    if($i%$antal == 0){
        $result .= "<tr valign='top' align='center'><td colspan='2' style='border:1px solid green;'>";
    }

$result .= "<td style='border:1px solid silver;' height='200px' width='160px'>
            <a href='image.php?id=$id'><img alt='fejl' src='img/$file' width='$pic_width' height='$pic_height' style='border:0px; margin:5px 0px 0px 0px;'></a>
           
            <br>$descript";

$i++;
}
$result .= "</td></tr></table>";

//tabellen til næste og forrige startes
$result .= "<table align='center'><tr><td>";
?>


<?php
//koden til næste og forrige knapper
$sql = "SELECT COUNT(*) FROM gallery";
$antal = mysql_result(mysql_query($sql), 0) or die(mysql_error());  // Tæller antal poster i tabellen "dinTabel"
$side = $offset/$pr_side +1;
$antal_sider = ceil(1.0 * $antal / $pr_side);

if ($offset >= $pr_side)
{
    // Tester om det er nødvendigt med et "forrige-link"
    $forrige = $offset - $pr_side;  // Finder ud af hvor forrige skal starte fra
    $result .= "<a href='?offset=$forrige'>Forrige</a>";  // Udskriver link

    //td til næste og forrige
    $result .= "</td>";
    }



if ($antal > $offset+$pr_side)
{
//td til næste og forrige
$result .= "<td>";

  // Tester om det er nødvendigt med et "næste-link"
    $naeste = $offset + $pr_side;  // Finder ud af hvor næste skal starte fra
    $result .= "<a href='?offset=$naeste'>Næste</a>";  // Udskriver link

// /td /tr  /table til til næste og forrige
$result .= "</td></tr></table>";
}

?>











<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Adrup Gallery</title>


</head>


<body>
<table width="100%" style="background-color:#2d2d2d; border: 0px;" height="100%" cellpadding="0" cellspacing="0">
<tr valign="top" height="45px">
<td align="center" class="title" >Title</td>
</tr>



<tr valign="top">
<td>    <Table width="100%">
        <tr>
            <td><? print "$result";?></td>
        </tr>
        </table>
</td>
</tr>
</table>

</body>
</html>
Avatar billede jakobdo Ekspert
23. februar 2007 - 16:14 #1
Først bør du sikre din side bliver valideret på denne side: http://validator.w3.org/check?uri=http%3A%2F%2Fadrup.dk%2Fphotogal%2F
Avatar billede MarkA Praktikant
23. februar 2007 - 17:19 #2
Jeg kan ikke lige se hvad der skal ske????
Avatar billede MarkA Praktikant
23. februar 2007 - 17:59 #3
Så er siderne valideret....
Nu sker der det at hvis jeg ved at indtaste adressen i adresse-linien så vises siden forkert, men hvis jeg reloader siden vises det rigtigt???? Det er mærkeligt... Det vises rigtigt i firefox og opera hele tiden men ikke i IE
Avatar billede intenz Novice
23. februar 2007 - 19:41 #4
Nu bruger jeg IE, på min vises den fint. Dvs. der er ikke nogle helt åbentlyse fejl. Måske skulle du skrive hvad du mener er rigtigt og hvad der er forkert.
Evt. tag et screenshot fra firefox og IE og link til dem, så vi kan se hvad der er problemet.
Avatar billede MarkA Praktikant
23. februar 2007 - 20:00 #5
det gør jeg lige...
Avatar billede MarkA Praktikant
23. februar 2007 - 20:06 #6
Avatar billede intenz Novice
23. februar 2007 - 20:50 #7
Jeg undrer mig lidt over din kode går igennem validator som jakobdo skrev.
Der er nogle rimelig voldsomme fejl i den, her kommer et kort eksempel:

<tr valign="top">
<td>    <Table width="100%">
        <tr>
            <td><table align='center' cellpadding='0px' cellspacing='0px' width='480px'><tr valign='top' align='center'><td colspan='2' style='border:0px solid green;'><td style='border:1px solid silver;' height='200px' width='160px'>
            <a href='image.php?id=1'><img alt='fejl' src='img/DSCF1495.JPG' width='90%' height='90%' style='border:0px; margin:5px 0px 0px 0px;'></a>
           
            <br><td style='border:1px solid silver;' height='200px' width='160px'>
            <a href='image.php?id=2'><img alt='fejl' src='img/DSCF1496.JPG' width='90%' height='90%' style='border:0px; margin:5px 0px 0px 0px;'></a>


Som man kan se her, findes der <td> udover hele koden som ikke bliver lukket igen (</td>) og <br> inde i tabel strukturen. Der er mange fejl i din tabel struktur.
Avatar billede MarkA Praktikant
23. februar 2007 - 20:57 #8
Avatar billede MarkA Praktikant
23. februar 2007 - 21:06 #9
Så er det ihvertfald rettet med mangel på </td>... grunden til at der er <br> i min tabel er at hvis der er en tekst til billedet vil den komme efter <br> og vises under billedet.....


<tr valign="top">
<td> <Table width="100%">
<tr>
<td><table align='center' cellpadding='0px' cellspacing='0px' width='480px'><tr valign='top' align='center'><td colspan='2' style='border:0px solid green;'><td style='border:1px solid silver;' height='200px' width='160px'>
<a href='image.php?id=1'><img alt='fejl' src='img/DSCF1495.JPG' width='90%' height='90%' style='border:0px; margin:5px 0px 0px 0px;'></a>

<br></td><td style='border:1px solid silver;' height='200px' width='160px'>
<a href='image.php?id=2'><img alt='fejl' src='img/DSCF1496.JPG' width='90%' height='90%' style='border:0px; margin:5px 0px 0px 0px;'></a>

<br></td><td style='border:1px solid silver;' height='200px' width='160px'>
<a href='image.php?id=3'><img alt='fejl' src='img/DSCF1498.JPG' width='90%' height='90%' style='border:0px; margin:5px 0px 0px 0px;'></a>

<br></td>
Avatar billede dkfire Nybegynder
24. februar 2007 - 16:57 #10
Du mangler at lukke en del td'er endnu, så vidt jeg kan se.
Prøv at begrænse dit forbrug af table. Du kan saktens udskifte nogle af dine tables med div'er.
Avatar billede dkfire Nybegynder
24. februar 2007 - 17:01 #11
lige en kommentar mere:
Du kan ikke have to åbne td'er efter hinanden.
Avatar billede MarkA Praktikant
25. februar 2007 - 20:46 #12
så her jeg kigget lidt på valideringen igen.... den går igennem nu.... men i må meget gerne kigge på koden og komme med nogle foreslag til ændringer da jeg stadig er ret ny!!! Men takker for hjælpen indtil videre og vil prøve med nogle div'er... Men som sagt er i mere end velkommen til at komme med ændringer/foreslag
Avatar billede jakobdo Ekspert
25. februar 2007 - 20:58 #13
Prøv at kig på denne side: http://alistapart.com/articles/practicalcss
Avatar billede MarkA Praktikant
25. februar 2007 - 21:00 #14
det ser godt ud.. den vil jeg lige kigge lidt på!!!! vender stærkt tilbage ;)
Avatar billede MarkA Praktikant
26. februar 2007 - 17:45 #15
så kører det efter at have ændret det til div'er... jakobdo og dkfire hvad siger I til at dele pointene??
Avatar billede jakobdo Ekspert
26. februar 2007 - 17:54 #16
Svar! (tror dog dkfire har fortjent flere point end mig)
Avatar billede dkfire Nybegynder
27. februar 2007 - 12:07 #17
Jeg svare da også gerne.
Men det er nu ikke for point at jeg svare, så lad os da bare dele.
Avatar billede jakobdo Ekspert
27. februar 2007 - 21:13 #18
Takker for point.
Avatar billede MarkA Praktikant
27. februar 2007 - 21:28 #19
takker for hjælpen!!! ;)
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