Problème affichage image

garancetosello

WRInaute discret
Bonsoir tout le monde,
J'ai un hic, certaines images s'affichent se décalent et certains liens ne s'affichent pas en "rose"
Page HTML
-http://www.votre-faire-part.com/test/partenaire/Bijoux-fantaisies.htm
(sur cette page le lien"www.bola-grossesse.com" reste noir et 1 image se décale
-http://www.votre-faire-part.com/test/partenaire/enfance.htm
Code:
<div id="content">
      <div class="item">
<div class="img"><a href="http://www.bola-grossesse.com" target="_blank" title="Bola Grossesse" rel="nofollow"><img src="http://www.bola-grossesse.com/images/stories/Logos/logo100x33.jpg" alt="Bola Grossesse" border="0" title="Bola Grossesse" /></a></div>
<p><u>Bola grossesse</u><br />
Le bola de grossesse est un bijou unique porté par les femmes enceintes indonésiennes pendant leur neuf mois de grossesse. Ce bijou dispose de vertues pour le bébé qui entendra le son du bola, telle une mélodie, dès la vingtième semaine de grossesse.
www.bola-grossesse.com<br />
<a href="http://www.bola-grossesse.com" target="_blank" title="Bola Grossesse" rel="nofollow">www.bola-grossesse.com</a>
</p>
                </div>
    </div>

MERCI D'AVANCE POUR TOUT :mrgreen:
 

Marie-Aude

WRInaute accro
Tu devrais apprendre les bases du css, comprendre comment fonctionnent les float, et notamment que, lorsque tu alignes les "boites" avec des éléments float, si tu ne supprimes pas ce float entre les boites, elles s'empilent tout naturellement, ce que tu appelles "se décaler"

Ton lien est "noir" parce que tu l'as déjà visité et que la propriété a:visited a comme couleur noir...

Je t'ai indiqué des outils par mp...
 

cduray

Nouveau WRInaute
Allez, on va pas te laisser sans manger. Donne un CSS à Garance, elle mangera un jour, apprends-lui le box-model et elle mangera toute sa vie ;-)

Donc, dans page.css, tu vires #content et tu remplaces par:
Code:
#content{ 
        padding: 0 15px 0 15px; /* on aère */
        width: 846px;
        float: left; /* on empêche la propagation du clear (de .item)
                        au-delà de ce point */
}
.item {
        clear: left; /* on évite les escaliers */
}

Si on se contentait de mettre le clear:left à .item, ce dernier "comparerait" la position au premier élément floaté antérieur qu'il trouve, et ce serait le aside. En forçant #contenu à être en float:left, on résoud le problème.

Bon apétit
 

garancetosello

WRInaute discret
Merci Cduray mon sauveur !!
C'est vrai que je saute la bouffe car j'ai toujours peur de perdre le fil !

Je vais tenter le code et je te promets; je te jure de ne plus remettre les pieds ici au moins 10 jours !
Il faut que je me débrouille seule et que j'y arrive merde !!!

MERCI MERCI CDURAY :p :p :p
 

Discussions similaires

Haut