Tom's Guide > Forum > Programmation > html aligné
Mot :    Pseudo :           
 

bonjour à toutes et à tous,
voilà j ai un petit probleme concernant la mise en page d'un site.
celle-ci aura pour theme les trois codes ci dessous.Lorque je fais la mise en page,les 3 objets se mettent l un au dessus de l autre,mais j aimerais qu ils soient alignés sur une seule ligne.
J'espere que vous pourrez m aidez et vous en remercie d avance
1er code:
href="http://www.fnacspectacles.com/recherche/rechercheRapide.do?search=pascal+mono&amp;categorie=-7&amp;Origin=MISTRAL8306&amp;OriginClick=yes" target="_blank"><br /><img height="190" src="http://img169.imageshack.us/img169/6830/nouvellesdatesgu9pj6.jpg" width="136" border="0" style="WIDTH: 136px; HEIGHT: 190px" /><br /><span style="font-size: 0.6em;">Intact Tour, reservation FNAC </span></a></p>

2ème code:
<center><div><object width="400" height="316"><param name="movie" value="http://www.dailymotion.com/swf/3gXDSCnGhYDcB3L0H"></param><param name="allowfullscreen" value="true"></param><embed src="http://www.dailymotion.com/swf/3gXDSCnGhYDcB3L0H" type="application/x-shockwave-flash" width="400" height="316" allowfullscreen="true"></embed></object><br /><b><a href="http://www.dailymotion.com/video/xj74f_mon-epoque">Mon époque</a></b><br /><i>envoy&eacute; par <a href="http://www.dailymotion.com/MISTRAL8306">MISTRAL8306</a></i></div></center>

3ème code:
<p><a href="http://www.amazon.fr/dp/B000FOR9ZU?tag=pascalmono-21&amp;camp=1414&amp;creative=6410&amp;linkCode=as1&amp;creativeASIN=B000FOR9ZU&amp;adid=0YW5S4887JJPN2RAGYNJ&amp;" target="_blank"></a></p>
<p dir="ltr" style="MARGIN-RIGHT: 0px"><img src="http://img293.imageshack.us/img293/5583/intactjr0.gif" border="0" /><br /><strong><u><span style="color: #ff3300;font-size: 0.6em;"><a href="http://www.amazon.fr/dp/B000FOR9ZU?tag=pascalmono-21&amp;camp=1414&amp;creative=6410&amp;linkCode=as1&amp;creativeASIN=B000FOR9ZU&amp;adid=1F4CSGFKHMBKKKEBVB5A&amp;">Intact disponible sur Amazon</a></span></u><span style="color: #ff3300;">&nbsp;</span></strong></p>

personnellement j ai essayé de faire ceci:

<p><a href="http://www.fnacspectacles.com/recherche/rechercheRapide.do?search=pascal+mono&amp;categorie=-7&amp;Origin=MISTRAL8306&amp;OriginClick=yes" target="_blank"><br /><img height="190" src="http://img169.imageshack.us/img169/6830/nouvellesdatesgu9pj6.jpg" width="136" border="0" style="WIDTH: 136px; HEIGHT: 190px" /><br /><span style="font-size: 0.6em;">Intact Tour, reservation FNAC </span></a></p><div><object width="400" height="316"><param name="movie" value="http://www.dailymotion.com/swf/3gXDSCnGhYDcB3L0H"></param><param name="allowfullscreen" value="true"></param><embed src="http://www.dailymotion.com/swf/3gXDSCnGhYDcB3L0H" type="application/x-shockwave-flash" width="400" height="316" allowfullscreen="true"></embed></object><br /><b><a href="http://www.dailymotion.com/video/xj74f_mon-epoque">Mon époque</a></b><br /><i>envoy&eacute; par <a href="http://www.dailymotion.com/MISTRAL8306">MISTRAL8306</a></i></div><p><a href="http://www.amazon.fr/dp/B000FOR9ZU?tag=pascalmono-21&amp;camp=1414&amp;creative=6410&amp;linkCode=as1&amp;creativeASIN=B000FOR9ZU&amp;adid=0YW5S4887JJPN2RAGYNJ&amp;" target="_blank"></a></p><p dir="ltr" style="MARGIN-RIGHT: 0px"><img src="http://img293.imageshack.us/img293/5583/intactjr0.gif" border="0" /><br /><strong><u><span style="color: #ff3300;font-size: 0.6em;"><a href="http://www.amazon.fr/dp/B000FOR9ZU?tag=pascalmono-21&amp;camp=1414&amp;creative=6410&amp;linkCode=as1&amp;creativeASIN=B000FOR9ZU&amp;adid=1F4CSGFKHMBKKKEBVB5A&amp;">Intact disponible sur Amazon</a></span></u><span style="color: #ff3300;">&nbsp;</span></strong></p>


mais rien à faire pour les aligner sur une meme ligne
merci de votre patience et votre aide
à très bientot

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

tu essayes de les mettre sur une seule ligne?
supprime les <br /> et les <p>...</p>.
Fait 3 divs en float plutôt.

Répondre à crazycat@idn

merci crazycat mais toujours la meme chose,malgré tes conseils :pfff:
j ai essayé ca mais en vain

<style type="text/css">
<!--
.style1 {
color: #FFFFFF;
font: italic bold;
}
-->
</style>
<p><a href="http://www.fnacspectacles.com/recherche/rechercheRapide.do?search=pascal+mono&amp;categorie=-7&amp;Origin=MISTRAL8306&amp;OriginClick=yes" target="_blank"><br />
</a></p>
<div>
<div align="center">
<p><a href="http://www.fnacspectacles.com/recherche/rechercheRapide.do?search=pascal+mono&amp;categorie=-7&amp;Origin=MISTRAL8306&amp;OriginClick=yes" target="_blank"><span class="style1">PASCAL MONO</span> <br />
</a>
<a href="http://www.fnacspectacles.com/recherche/rechercheRapide.do?search=pascal+mono&amp;categorie=-7&amp;Origin=MISTRAL8306&amp;OriginClick=yes" target="_blank"><img height="190" src="http://img169.imageshack.us/img169/6830/nouvellesdatesgu9pj6.jpg" width="136" border="0" style="WIDTH: 136px; HEIGHT: 190px" /></a>
<object width="400" height="316">
<param name="movie" value="http://www.dailymotion.com/swf/3gXDSCnGhYDcB3L0H">
</param>
<param name="allowfullscreen" value="true">
</param>
<embed src="http://www.dailymotion.com/swf/3gXDSCnGhYDcB3L0H" type="application/x-shockwave-flash" width="400" height="316" allowfullscreen="true"></embed>
</object>
<img src="http://img293.imageshack.us/img293/5583/intactjr0.gif" border="0" /><br />
&nbsp;&nbsp;<a href="http://www.fnacspectacles.com/recherche/rechercheRapide.do?search=pascal+mono&amp;categorie=-7&amp;Origin=MISTRAL8306&amp;OriginClick=yes" target="_blank"><span style="font-size: 0.6em;">Intact Tour, reservation FNAC</span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <strong><u><span style="color: #ff3300;font-size: 0.6em;"><a href="http://www.amazon.fr/dp/B000FOR9ZU?tag=pascalmono-21&amp;camp=1414&amp;creative=6410&amp;linkCode=as1&amp;creativeASIN=B000FOR9ZU&amp;adid=1F4CSGFKHMBKKKEBVB5A&amp;">Intact disponible sur Amazon</a></span></u><span style="color: #ff3300;"></span></strong>&nbsp;</p>
</div>
</div>
<p><a href="http://www.amazon.fr/dp/B000FOR9ZU?tag=pascalmono-21&amp;camp=1414&amp;creative=6410&amp;linkCode=as1&amp;creativeASIN=B000FOR9ZU&amp;adid=0YW5S4887JJPN2RAGYNJ&amp;" target="_blank"></a></p><p dir="ltr" style="MARGIN-RIGHT: 0px"></span></strong></p>

Répondre à totof74

tu mets des <p></p>....
Regle de base du p: display: block;
soit tu l'override avec un display: inline, soit tu vires ces <p></p>

------------------------------ Réseau IRC Francophone | g33k-zone
Défiez-moi donc !
Répondre à crazycat@idn
Tom's Guide > Forum > Programmation > html aligné
Aller à :

Il y a 2408 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens