Bonsoir à tous,
Je suis en train de faire petit agenda en PHP et CSS et me voilà confronté à un petit probléme de positionnement d'une image.
Voici d'abord un petit lien vers une copie écran :
Copie d'écran d'un début d'agenda
Je souhaiterais positionner mon image juste en dessous de la date tout en laissant le reste de l'information à gauche.
Voici mon code en CSS :
Pour l'instant rien d'extraordinaire et voici mon code XHTML et PHP :
Si quelqu'un à une petite idée pour placer cette fameuse image à gauche en dessous de mes dates serait la bienvenue. J'ai essayé avec un float mais en vain.
Merci à tous
PS: J'ai effectué tous de même des recherches sur le forum sans trouver une réponse concréte à mon probléme.
Modifié par doomer (27 Apr 2005 - 08:24)
Je suis en train de faire petit agenda en PHP et CSS et me voilà confronté à un petit probléme de positionnement d'une image.
Voici d'abord un petit lien vers une copie écran :
Copie d'écran d'un début d'agenda
Je souhaiterais positionner mon image juste en dessous de la date tout en laissant le reste de l'information à gauche.
Voici mon code en CSS :
dl.event
{
margin: 2em 0;
padding: 0;
font-family: georgia, times, serif;
}
.event dt
{
position: relative;
left: 0;
top: 0.5em;
width: 10em;
font-weight: bold;
border:1px solid #000;
background-color:#fff0d7;
}
.event dd
{
border-left: 3px double #000;
margin: 0 0 0 20em;
padding: 0 0 .5em .5em;
}
.event dd img{margin:5px;padding:5px;border:1px solid #cccccc;}
Pour l'instant rien d'extraordinaire et voici mon code XHTML et PHP :
echo "<dl class='event'>";
affiche_date($date_deb,$date_fin);
echo "<dd>$lieu</dd><dd>($rubrique)</dd>";
if (!file_exists("./admin/images/image_$id.jpg"))
{
echo "<dd>$description</dd>
<dd><strong>Entrée: $entree</strong></dd>
</dl>";
comment($id);
}
else
{
echo "
<dd><img src='./admin/images/image_$id.jpg' width='110' height='120'/> </dd>
<dd>$description</dd>
<dd><strong>Entrée: $entree</strong></dd>
</dl>";
comment($id);
}
echo "<br />";
}
function affiche_date($date_deb,$date_fin)
{
if ($date_fin==$date_deb)
{
$date_2=date("d-m-Y",$date_deb);
echo "<dt><strong>le $date_2 </strong></dt>";
}
else
{
$date_2=date("d-m-Y",$date_deb);
$date_3=date("d-m-Y",$date_fin);
echo "<dt><strong>du $date_2 au $date_3</strong></dt>";
}
}
Si quelqu'un à une petite idée pour placer cette fameuse image à gauche en dessous de mes dates serait la bienvenue. J'ai essayé avec un float mais en vain.
Merci à tous
PS: J'ai effectué tous de même des recherches sur le forum sans trouver une réponse concréte à mon probléme.
Modifié par doomer (27 Apr 2005 - 08:24)