Mettre des images en colone
Mettre des images en colone - HTML/CSS - Programmation
Marsh Posté le 30-01-2009 à 12:47:29
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
Marsh Posté le 30-01-2009 à 13:04:37
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.
Marsh Posté le 30-01-2009 à 22:09:30
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.
Marsh Posté le 31-01-2009 à 21:10:17
euh... je suis désolé mais je suis débutante je ne c'est pas se qu'est le browser
Marsh Posté le 31-01-2009 à 21:41:13
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.
Sujets relatifs:
- Menu de vignettes images
- Mettre 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 2003
- Changer 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
Marsh Posté le 30-01-2009 à 12:25:14
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.