Partage
  • Partager sur Facebook
  • Partager sur Twitter

Redimensionner une image avec du CSS

Sujet résolu
    2 septembre 2006 à 15:53:57

    bonjour a tous,

    j'explique mon problème je mi perd un peu.
    j'ai dans ma base mysql 3 image que je montre sur mon site
    tout d'abord elle doit s'afficher en thubnail(icône pour ceux qui ne le savent pas)
    et quand on clique dessus ça affiche une autre page

    je voudrai savoir comment redimensionner une image inclue dans mysql (les balise sont dans mysql aussi) grâce css ou au le code sans couper l'image.


    voici quelque aperçu des code et du mysql ansi que les page


    page perso_cat.php :

    $reponse = mysql_query("SELECT * FROM personnages ORDER BY id"); // Requête SQL


    // On fait une boucle pour lister tout ce que contient la table :

    while ($donnees = mysql_fetch_array($reponse) )
    {

    echo '<a href="personnages.php?id='.$donnees['id'].'"><div class="perscat">'.$donnees['en_tete_img'].'</div></a> ';

    }

    mysql_close(); // Déconnexion de MySQL
    ?>


    exemple d'une page personnage.php

    if (isset($_GET['id']))
    {
     $id = $_GET['id'];
     $retour2 = mysql_query('SELECT * FROM personnages WHERE id='.$id.'');
     $perso = mysql_fetch_array($retour2);
     echo '<h2 align="center">'.$perso['titre'].'</h2>';
     echo '<center><div class="imgentetepers">'.$perso['en_tete_img'].'</div></center><br /><br />';
     echo '<a href="images/'.$perso['img_desc'].'"><img src="'.$perso['img_desc'].'" class="img_desc" width="170" height="140" /></a><p align="left">'.nl2br($perso['description']).' </p> <br />';
     echo '<p align="left">'.nl2br($perso['caracteristique']).'</p>';
     echo '<center><a href="'.$perso['img_fin1'].'"><img src="'.$perso['img_fin1'].'" class="img_desc" width="170" height="140" /></a> <a href="'.$perso['img_fin2'].'"><img src="'.$perso['img_fin2'].'" width="170" height="140"/></a></center>';
     }

    mysql_close(); // Déconnexion de MySQL
    ?>


    mysql:
    Image utilisateur

    page CSS:
    .imgentetepers
    {
    width: 280px;
    height: 390px;
    }

    .perscat
    {
    width: 72px;
    height: 130x;
    }
    • Partager sur Facebook
    • Partager sur Twitter

    Redimensionner une image avec du CSS

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown