Hjælp til kodning af billeder

Der er mange måder at gøre det på.
Du kan opstille dem i en tabel.

https://www.w3schools.com/html/html_tables.asp

Du kan opstille dem i et grid format:

http://getbootstrap.com/css/#grid

Du kan float dem med css:

https://www.w3schools.com/css/css_float.asp

nogle siger at tabeller er gammeldags, men det er originalt HTML og designet til netop at opstille ting i kolonner lynhurtigt, og det er meget nemt at lave.

det kan godt være at CSS float er smart, men det kan fejle i browsere med CSS. man ser ofte at browseren ikke får css sheet, og viser en hjemmeside uden formattering, farver eller noget.

tabeller er lynhurtige og supernemme at ha med at gøre.

Tak for gode bud!
Problemet er bare at mine vare/produkter, går ind over mysql - og jeg kan derved ikke helt finde hale i hvordan man skal gøre når billederne er i databasen..

Hej Amalie

Har lige prøvet at tilpasse din kode lidt. Prøv dette nedenfor.

$result = mysqli_query($con,"SELECT * FROM Toej");
$Counter = 0;
$Antal = 3; // Antal emner på række.
while($row = mysqli_fetch_array($result))
{
    if($Counter%AntalPaaRaekke == 0){
        if($Counter == 0){
            echo "<div style='width: 100%;>";
        }else{
            echo "</div>";
            echo "<div style='width: 100%;>";
        }
    }
    $Counter++;
    echo "<div class='Toej'>";
    echo "<div class='billede'><img src='" . $row['billede'] . "' width='200'></div>";
    echo "<div class='info'><h2>" . $row['navn'] . "</h2>";
    echo "<p>" . $row['beskrivelse'];
    echo "<p><b>Pris: </b>" . str_replace(".",",",$row['pris']) . " kr.</p>";
    echo "<p><a href='addtocart.php?id=" . $row['nr'] . "'><button>Læg i kurv</button></a></p></div>";
    echo "</div>";
   
}
if($Counter > 0){
    echo "</div>";
}

det hjalp i hvertfald med at få varene på en lige lodret række ! så lidt hjalp det ! tak for hjælp! :) vandret blev den ikke...

http://stackoverflow.com/questions/7138954/split-data-into-3-columns

Du kan også prøve en af disse.

Det kan løses, hvor langt kommer du selv ?
Prøv at vis din kode?
Vis dit output.

Vis hvad du selv har forsøgt, så er det nogle gange nemmere at guide, end bare: "det virker ikke" :)

Har indsat min kode øverst? kan ikke indsætte billeder..
Men tror at det er min tekst til billeder (varebeskrivelse) der er problemet - får har kunne rykke rundt på selve billederne
<div class="indhold">
                  <p>
                      <div class="varer"
                        <?php
                            $con=mysqli_connect(localhost,"*******","*****","********");
                           
                    $result = mysqli_query($con,"SELECT * FROM Toej");
                    $Counter = 0;
                    $Antal = 3; // Antal emner på række.
                    while($row = mysqli_fetch_array($result))
                    {
                        if($Counter%AntalPaaRaekke == 0){
                            if($Counter == 0){
                                echo "<div style='width: 100%;>";
                                echo "<div style='height: 100%;>";
                            }else{
                                echo "</div>";
                                echo "<div style='width: 100%;>";
                               
                            }
                        }
                        $Counter++;
                        echo "<div class='Toej'>";
                        echo "<div class='billede'><img src='" . $row['billede'] . "' width='200'></div>";
                        echo "<div class='info'><h2>" . $row['navn'] . "</h2>";
                        echo "<p>" . $row['beskrivelse'];
                        echo "<p><b>Pris: </b>" . str_replace(".",",",$row['pris']) . " kr.</p>";
                        echo "<p><a href='addtocart.php?id=" . $row['nr'] . "'><button>Læg i kurv</button></a></p></div>";
                        echo "</div>";
                       
                        }
                        if($Counter > 0){
                            echo "</div>";
                        }

                            mysqli_close($con);
                        ?>
                  </div>
                  </p>
            </div>

Hvilke styles har du i dine classes "billede" og "info" og "Toej" og "varer"?

Har du et link til din side ?
Hvis vi kan se "koden" og se output og følge lidt med, så er det nogle gange nemmere at guide.

www.inftek.dk/emma8011/index.php

Jeg ser dette: http://imgur.com/a/2Gqrc

Hvad er der galt i denne opstilling ?
Dine billeder er jo ret store, så hvis du skal have 3 pr række, så skal du gøre billederne mindre.

Nåår det er varene under produkter og så underkategorierne i den dropdown :)

Den forstod jeg ikke...
Mener du det er denne side der driller: http://www.inftek.dk/emma8011/toej.php

Eller hvad mener du ?

ja :) Jeg ville gerne have at billederne stod ved siden af hinanden plus teksten passer. Men jeg kan kun få billederne ved siden af hinanden, uden at teksten følger med. Og ville gerne have der skulle være tre billeder på en række :)

Tak for hjælpen !! jeg værdsætter det !

Hej igen Amalie

Har prøvet at rette din kode til igen.
Dette nedenfor skulle gerne vise 3 ved siden af hinanden og med tekst under

<?php
$result = mysqli_query($con,"SELECT * FROM Toej");
$Counter = 0;
$Antal = 3; // Antal emner på række.
while($row = mysqli_fetch_array($result))
{
    if($Counter%AntalPaaRaekke == 0){
        if($Counter == 0){
            ?>
            <div style="float: left; width: 100%;">
            <?php
        }else{
            ?>
            </div>
            <div style="float: left; width: 100%;">
            <?php
        }
    }
    $Counter++;
    ?>
    <div style="float: left; width: 250px; margin-right; 10px;">
        <div style="float: left; width: 100%;"><img style="width: 200px;" src="<?php echo $row['billede']; ?>"></div>
        <div style="float: left; width: 100%;"><h2><?php echo $row['navn']; ?></h2></div>
        <div style="float: left; width: 100%;"><?php echo $row['beskrivelse']; ?><div>
        <div style="float: left; width: 100%;"><?php echo str_replace(".",",",$row['pris']); ?> kr.<div>
        <div style="float: left; width: 100%;"><a href="<?php echo "addtocart.php?id=$row[nr]"; ?>"><button>Læg i kurv</button></a></div>
    </div>
    <?php
}
if($Counter > 0){
    ?>
    </div>
    <?php
}
?>

Tusinde tak for hjælpen !! det hjalp rigtig meget, min kodning blev ikke helt som den du rettede men brugte lidt fra den gamle og fra den nye kode og så virkede det ! :) dog ikke 3 på en række men det gør intet :) nu står det lige og pænt

Super godt at høre. Glad for at kunne hjælpe.