Titre: Probleme CSS et HTML avec des images
Posté par: biliejoe le le 04-10-2006 a 11:26:06
Bonjour a tous tout d'abord,
Un soucis me tracace rien de bien mechant mais je pense que c'est resolvable. Mon soucis c'est sur une page web j'ai mon style css qui est le suivant :
#monstyle h3 {background-image: url(imagehaut.GIF) }
#monstyle h3{
margin: 0;
padding: 0;
width: 800px;
height: 38px;
}
#monstyle h3 span{ display: none; }
#monstyle p{
margin-top: 0px;
margin-bottom: 0px;
padding-left: 26px;
padding-right: 35px;
padding-bottom: 10px;
background-image:url(imageligne.gif);
background-repeat:repeat-y;
text-align: left;}
#monstyle{
position: relative;
display: block;
left: 4px;
background-image: url(imagebas.gif);
background-position:bottom;
background-repeat:no-repeat;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #515151;
width: 800px;
padding-bottom: 29px;
margin-top: 6px;
}
et mon cpode html :
<div id="activite">
<h3></h3>
<p><span class="titre2">CONCEPTION ET REALISATION</p>
<p>MAITRISE D'ŒUVRE ou CLES EN MAINS</p>
<p>PROMOTION </span></p>
<p><img align="right" src="img1.jpg" width="422" height="269" border="0" hspace="0" vspace="0" alt=""></p>
<p>o texte</p>
<p>otexte</p>
<p>o texte</p>
<p>o texte</p>
<p>o texte</p>
<p>o texte</p>
<p>o texte</p>
<p>o texte</p>
<p>o texte</p>
<p>o texte</p>
<p>o texte</p>
<p>o texte</p>
<p>o texte</p>
<p><img src="img2.jpg" width="217" height="289" border="0" hspace="0" vspace="0" alt="">
<img src="img3.jpg" width="328" height="219" border="0" hspace="0" vspace="0" alt=""></p>
</div>
En faite je voudrais que mes images deux et trois soit dans mon cadre de style soit aligné une a gauche et l'autre a droite soit l'une en dessous de l'autre enfin quelque chose de bine qui ne deteriore pas mon style.
En tous cas merci de votre aide et a bientot ! |
Titre: Re:Probleme CSS et HTML avec des images
Posté par: Netah le le 04-10-2006 a 11:34:29
Désolé de ne pas avoir le temps de regarder mais déjà, tu ne devrais pas utiliser "align" dans tes balises images et plutot des styles css.
Ensuite, je suppose que tes "o texte" en paragraphes doivent se mettre à droite de l'image. tu devrais donc redécouper ta page avec plus de blocs div
Code:
<div class="bloc">
<div class="img-left"><img /></div>
<div class="texte"><p>o texte</p></div>
</div>
<div class="img-right"><img /></div>
</div>
[/div]
qq chose dans ce genre devrait empecher toute sorte de pb (avec la css qui va bien). |
|
|
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|