Bonjour à vous,
Le titre peut faire croire que je me suis trompé de sous-forum, mais je pense pas.
Tout d'abords, je tiens à préciser que j'ai fait beaucoup de recherche, mais malheureusement sans trop de résultats... Il faut dire que je ne suis pas un expert en la matière, et que je ne n'utilise peut-être pas les bons mots-clés .
Le problème : j'ai un tableau que je limite en hauteur, en largeur, avec un nombre de ligne dynamique mais avec 3 colonnes. La 3ème colonne contient une image et sa légende. J'ai défini la largeur et la hauteur de la cellule de l'image, mais je n'arrive pas à obtenir le résultat souhaité :
Je voudrais que l'image ne dépasse pas une certaine taille (max-width et max-height).
Je voudrais aussi que si l'image est plus petite que la taille max, elle garde sa dimension.
Et dernier point, je cherche à centrer l'image dans sa cellule (vertical-align et text-align), mais sans résultat...
Alors voici une partie de mon CSS (soyez indulgent, je suis un noob en la matière) :
Et voici le code HTML qui va avec :
Certains bouts de codes sont présent alors qu'ils n'ont rien à foutre là parce que je suis en train de TOUT essayer (dans la limite de mes connaissances ).
Et si vous voulez voir ce que ça donne pour le moment, j'ai mit la dernière version des fichiers en ligne ici.
Voila, en l'attente d'une réponse qui me mettra dans le bon chemin !
Le titre peut faire croire que je me suis trompé de sous-forum, mais je pense pas.
Tout d'abords, je tiens à préciser que j'ai fait beaucoup de recherche, mais malheureusement sans trop de résultats... Il faut dire que je ne suis pas un expert en la matière, et que je ne n'utilise peut-être pas les bons mots-clés .
Le problème : j'ai un tableau que je limite en hauteur, en largeur, avec un nombre de ligne dynamique mais avec 3 colonnes. La 3ème colonne contient une image et sa légende. J'ai défini la largeur et la hauteur de la cellule de l'image, mais je n'arrive pas à obtenir le résultat souhaité :
Je voudrais que l'image ne dépasse pas une certaine taille (max-width et max-height).
Je voudrais aussi que si l'image est plus petite que la taille max, elle garde sa dimension.
Et dernier point, je cherche à centrer l'image dans sa cellule (vertical-align et text-align), mais sans résultat...
Alors voici une partie de mon CSS (soyez indulgent, je suis un noob en la matière) :
#contenu_methode {
position: relative;
width: 735px;
}
.nom_methode
{
width: 150px;
}
.description_methode
{
overflow: scroll;
width: 250px;
height: 400px;
}
.image_methode
{
width: 318px;
height: 380px;
overflow: hidden;
}
.centre_image_methode
{
vertical-align: middle;
text-align: center;
}
.legende_methode
{
height: 20px;
vertical-align: middle;
text-align: center;
}
Et voici le code HTML qui va avec :
<table border="2px">
<div id="contenu_methode">
<tr>
<td colspan="3">
Les différentes méthodes de travail :
</td>
</tr>
<?php
$query="SELECT nom, description, lien_image, legende FROM methodes";
$result=mysql_query($query)
or die ("Execution de la requête impossible");
while ($ligne=mysql_fetch_array($result,MYSQL_ASSOC))
{
echo "<tr>";
echo "<td rowspan='2'><div class='nom_methode'>{$ligne['nom']}<div></td>";
echo "<td rowspan='2'><div class='description_methode'>{$ligne['description']}<div></td>";
echo "<td class='centre_image_methode'><div class='image_methode'><img src='{$ligne['lien_image']}'><div></td>";
echo "</tr>";
echo "<tr>";
echo "<td><div class='legende_methode'>{$ligne['legende']}<div></td>";
echo "</tr>";
}
?>
</div>
</table>
Certains bouts de codes sont présent alors qu'ils n'ont rien à foutre là parce que je suis en train de TOUT essayer (dans la limite de mes connaissances ).
Et si vous voulez voir ce que ça donne pour le moment, j'ai mit la dernière version des fichiers en ligne ici.
Voila, en l'attente d'une réponse qui me mettra dans le bon chemin !