Mettre des images en colone

Question

boony59

30 Jan 2009 à 12:38

Bonjour tout le monde,

J'ai un petit problème avec mon site internet, je suis actuellement en train de créer un site commercial afin de pouvoir suivre une formation, mais les photos de mes articles qui s'affichent automatiquement à partir de ma base de donnée se mettent l'une en dessous de l'autre alors que j'aimerais qu'elle s'affiche l'une à coté de l'autre. Si quelqu'un pourrait m'aider à trouver le code s'il vous plait. Je vous en remercie d'avance.

Laurie-Anne

30 Jan 2009 à 13:14

Bonjour,

Il y a plusieurs façon de faire, mais normalement des images devraient se mettre les une à côté des autres (si elles sont dans le même conteneur).

Pourrais-tu nous montrer ce que tu as déjà codé ?

boony59

30 Jan 2009 à 19:11

Désolé de ne pas avoir répondu avant mais je n'avais plus de connection internet.

Donc pour mon code, pour mon fichier .css:

body
{
width: 780px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color:#DCDCDC;
}

#logo
{

background-image:url(logo.jpg);
background-repeat: no-repeat;
margin-bottom:10px;
left: 300px;
height: 144px;
width: 1000px;
}

/* Le menu */

#menu
{
display :block;
float:left;
width: 120px;
text-align:center;
}

.element_menu
{
background-color: #626262;
background-repeat: repeat-x;

border: 2px solid black;

margin-bottom: 20px;
}

.element_menu h3
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

.element_menu a
{
color: #B3B3B3;
}

.element_menu a:hover
{
background-color: #B3B3B3;
color: black;
}

#corps
{
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;
color: #B3B3B3;
background-color: #626262;
background-repeat: repeat-x;
border: 2px solid black;
}

#corps h1
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
height: 30px;
background-repeat: no-repeat;
padding-left: 30px;
color: #B3B3B3;
text-align: left;
}
Donc pour mon code, pour mon fichier .php (avec connection a ma base de données MySQL pour récupérer les info):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fiche de la marque</title>
<link rel="stylesheet" media="screen" type="text/css" title="i" href="../i.css" />
</head>
<body>
<div id="logo">

</div>

<div id="menu">

<div class="element_menu">

<h3><a href="../Accueil.php">Accueil</a></h3>

</div>

<div class="element_menu">

<h3><a href="presentation.php">Presentation</a> </h3>

</div>

<div class="element_menu"> 

<h3><a href="inc_liste_marque_produit.php">Marques</a> </h3>

</div>

<div class="element_menu">

<h3> <a href="inc_liste_produit.php">Produits </a></h3>

</div>

</div>

<div id="corps">


<script language="javascript">


function Lien() {
i = document.gamme.Liste.selectedIndex;
if (i == 0) return;
document.gamme.test.value=document.gamme.Liste.options.value;
document.gamme.submit();
}</script>

<?php
//Connecion a ma base de données
mysql_connect("localhost", "root", "");
mysql_select_db("sudexport");
?>

<form action="#" method="post" name="form_fiche_produit" enctype="multipart/form-data">

<?php //si l'on vien de faire un ajout on précise qu'il a bien été éffectuer
if(isset($_GET['numero']))
{
$num_marque = $_GET['numero'];
}
//requete pour recuperer les caracteristiques du client,
$info = "SELECT * FROM marques WHERE num_marque = '$num_marque'";
$requete = mysql_query($info);
while ($detail = mysql_fetch_array($requete) )
{
$num_marque = $detail['num_marque'];
$nom_marque = $detail['nom_marque'];
$photo_marque = $detail['photo_marque'];
$designation_marque = $detail['designation_marque'];
}
?>
<table>
<tr>
<td align="center" width="50%"><?php ("Content-type:" .$photo_marque);?><img src="<?php echo $photo_marque; ?> " width="200" height="100" /></td>
</tr>
</table>

<table>
<tr>
<td width="190"><font color="#000000"><b> Description de l'entreprise :</b></font></td>
<td width="398"><?php echo $designation_marque?> </td>
</tr>
</table>

<?php
$req_type2 = mysql_query("SELECT * FROM gammes_de_produit WHERE num_marque ='$num_marque'");

while($data_type2 = mysql_fetch_array($req_type2))
{
$num_gamme= $data_type2['num_gamme'];
$nom_gamme= $data_type2['nom_gamme'];
$num_marque= $data_type2['num_marque'];
$num_temperatures= $data_type2['num_temperature'];

$req_type3 = mysql_query("SELECT * FROM temperatures WHERE num_temperature = '$num_temperatures'");

while($data_type3 = mysql_fetch_array($req_type3))
{
$num_temperature= $data_type3['num_temperature'];
$nom_temperature= $data_type3['nom_temperature'];
$temperature_mini= $data_type3['temperature_mini'];
$temperature_maxi= $data_type3['temperature_maxi'];
}
?>
<table>
<tr>
<td width="605" style="color:#FF0000"><strong><h1><?php echo $nom_gamme?></h1></strong> </td>
</tr>
</table>

<?php
$req_type5 = mysql_query("SELECT * FROM produits WHERE num_gamme = '$num_gamme'");
while($data_type5 = mysql_fetch_array($req_type5))
{
$num_produit= $data_type5['num_produit'];
$designation_produit= $data_type5['designation_produit'];
$designation_en_prod= $data_type5['designation_en_prod'];
?>

<table>
<tr>
<td><?php echo $designation_produit;
if ($designation_en_prod!=NULL)
{
?>
<?php echo $designation_en_prod ;
}
?>
</td>
<td align="right"><a href="inc_fiche_produit.php?&numero= <?php echo $num_produit ?>"><img src="images_site/bouton_consulter.gif" alt="voir détail" width="30" border="0"/><a/></td>
</tr>
</table>

<?php
}
}
?>
</form>
<?php
mysql_close();
?>
</div>
</body>
</html>

J'espere que vous pourais m'aider.

Sujet clos

Questions générales et questions de débutants

Mettre des images en colone