Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1715 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Mettre des images en colone

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Mettre des images en colone

n°1845164
Boony59
Posté le 30-01-2009 à 12:25:14  profilanswer
 

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.

mood
Publicité
Posté le 30-01-2009 à 12:25:14  profilanswer
 

n°1845172
David Bori​ng
Posté le 30-01-2009 à 12:47:29  profilanswer
 

Ton erreur est à la ligne 20
 
Plus sérieusement, le display usuel c'est inline, regarde si tu n'as pas changé en display:block

n°1845182
Boony59
Posté le 30-01-2009 à 13:04:37  profilanswer
 

Merci d'avoir répondu et en plus avec une petite pointe d'humour ;-)  
 
Sinon j'ai ajouter un display dans le corps de ma page en inline mais rien ne change, je l'ai fais sur ma page css.

n°1845216
David Bori​ng
Posté le 30-01-2009 à 14:03:16  profilanswer
 

Montre du code !

n°1845394
Boony59
Posté le 30-01-2009 à 22:09:30  profilanswer
 

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">
<!-- Ici on mettra la bannière -->
</div>
 
<div id="menu">
<!-- Ici on mettra le 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"> <!-- Cadre correspondant à un sous-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">
 
<!-- On précise que l'on utilise du javascript -->
<script language="javascript">
 
<!-- je décris ma fonction -->
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.

n°1845456
David Bori​ng
Posté le 31-01-2009 à 10:51:27  profilanswer
 

Donne plutôt le code généré par le browser

n°1845657
Boony59
Posté le 31-01-2009 à 21:10:17  profilanswer
 

euh... je suis désolé mais je suis débutante je ne c'est pas se qu'est le browser

n°1845662
gabouel
Posté le 31-01-2009 à 21:41:13  profilanswer
 

Le browser, c'est le navigateur (donc Firefox. Si tu bosses sous Ie, essaie juste FF avec l'extension Web developer + Firebug).
 
Pour ton souci, je n'ai pas testé ton code mais je soupçonnerais assez le tableau de générer une cellule trop étroite pour que les images puissent se ranger côté à côte.
Essaie de générer les img sans rien autour dans un premier temps pour voir ce que ça donne. Ensuite, rajoute ton html autour petit à petit.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Mettre des images en colone

 

Sujets relatifs
Menu de vignettes imagesMettre une image au premier plan
Système de cache, comment le mettre en place ?mettre action sur bouton flash
AS3 : charger plusieurs images à partir d'une boucle[VBA]Mettre à jour les liens autmatiquement lors de l'ouverture
Mettre Wamp sous windows serveur 2003Changer plusieurs images simultanément dans un tableau
Script pour afficher des images de manière aléatoire: problèmes[Flex / Actionscript 3] Mettre deux RadioButton dans un groupe
Plus de sujets relatifs à : Mettre des images en colone


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR