mpop a écrit :
Bonjour selenite et bienvenue parmi nous 
En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).
Bonjour ^^
Désolé, j'avais vu que les codes s'affichaient comme ça dans les messages, mais j'ai posté en vitesse, en fin de journée au boulot, et je ne trouvais pas l'option d'affichage des codes.. voila, maintenant, je connais^^
Merci du chaleureux accueil en tout cas, ça donne envie de rester
Bon alors voici mon code, pour un peu clarifier les choses
html:
<div class="principal">
<img src="images/couvertures/<?php echo($image) ?> " />
<div id="titre">
<?php
echo($titre_livre." - ".$auteur);
?>
</div>
<div id="infos">
<p id="resume">
<?php
echo($info);
?>
</p>
<!-- remplacer # courriel auteur par mail.php -->
<p> Une question, une information à demander à l'auteur?<br /> Envoyez-lui un <a href="#">courriel </a>. <span class="gras">Attention, respect de la vie privée:</span> <br />votre question et la réponse de l'auteur seront visibles sur le site. <br /><a href="#">Voir le forum</a> des sujets existants pour ce livre</p>
<p>PRIX: <?php echo($prix) ?> EUR<br />ISBN: <?php echo($isbn) ?><br />EAN:</p><br />
<ul id="boutons">
<li><a href="#" onmouseover= "roll(bouton_intro,3)" onmouseout= "roll(bouton_intro,4)"><img src="images/bouton_intro.gif" id="bouton_intro"></a></li>
<li><a href="#" onmouseover= "roll(bouton_pages,5)" onmouseout= "roll(bouton_pages,6)"><img src="images/bouton_pages.gif" id="bouton_pages"></a></li>
<li id="audio"><a href="#" onmouseover= "roll(bouton_audio,7)" onmouseout= "roll(bouton_audio,8)"><img src="images/bouton_audio.gif" id="bouton_audio"></a></li>
</ul>
<div id="panier">
<a href="#"><img src="images/panier.gif"></a><a href="#" id="ajouter" onmouseover="roll(bouton_panier,9)" onmouseout="roll(bouton_panier,10)"><img src="images/bouton_panier.gif" id="bouton_panier"></a><span id="quantite">quantité: 1</span>
</div>
</div>
</div>
css
#titre{
height: 19px; width: 582px;
font-weight: bold;
background: url(../images/fond_titre.jpg) no-repeat;
padding: 13px 0 0 5px; margin: 0;
position: absolute; left: 170px; top: 0px;}
.principal{
position: relative;
width: 755px;
height: 280px;
margin: 0 0 0 25px;}
#infos{
border: 1px solid gray;
position: absolute;
left: 170px; top: 38px;
width: 570px;}
#infos a{
text-decoration: underline;
color: #C22910;}
#resume{
font-style: italic;
text-indent: 20px;}
#boutons li{
list-style: none;
float: left;
margin: 0; padding: 0;}
#boutons{
margin: 0; padding: 0;
}
#audio{
display: none;}
#panier{
margin: 0; padding: 0;
position: absolute;
bottom: 40px;
left: 140px;}
#ajouter{
position: relative;
bottom: 9px;}
#quantite{
font-weight: bold;
position: relative;
bottom: 14px;
left: 10px;}
apparament le pb serait que j'ai trop d'éléments positionnés en absolu? Je comprends bien que le positionnement absolu a un effet "isolant" (les autres éléments ne le repère plus et l'ignore, ce qui peut créer des débordements), mais là, tous mes positionnements en absolu sont qd même fait par rapport au div parent, cad le div principal.. donc ça ne devrait pas déborder..
Modifié par selenite (22 Aug 2006 - 08:39)
