Sujets similaires

Sujet: Problème d'alignement dans un codage Dim 06 Jan 2013, 11:47

Bonjour

Problème d'alignement dans un codage 2029989112

J'ai fais un petit codage et j'ai beau bidouiller un peu partout j'arrive pas à corriger certains défauts : je n'arrive pas à bien aligner mes deux blocs en dessous du gros bloc, du coup j'ai un autre soucis c'est que le texte du bloc de gauche est bien tandis que celui de droite fait des espaces (vu que les deux blocs n'ont pas la même largeur)

Problème d'alignement dans un codage 1357487100-captire

Problème d'alignement dans un codage 1357487100-captire

Code:: <center>
<div style="width: 410px; padding: 30px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#cecece)); background: -moz-linear-gradient(top, #f0f0f0, #cecece); "><link href='http://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'><center><div style="width:400px; text-align:center; font-family:berkshire swash; font-size:50px; letter-spacing:-5px; word-spacing:5px; color:#223A57; line-height:100%; padding:10px 0px 15px 0px;">Boys boys boys</div>
<img src="http://24.media.tumblr.com/tumblr_m8319eNrQU1rb4eyxo1_500.gif" width="400"; height= "210"; style="-moz-border-solid: 25px; -webkit-border-solid: 25px; border-solid: 25px; style=; border: 4px solid #1F364F; -moz-border-solid: 20px;-moz-box-shadow: 0px 0px 3px #709930"> <table><tr><td><center><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<div style="font-family: 'Open Sans Condensed'; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; color: #223A57; margin-bottom: 5px;">Prénom Nom</div></center>
<div style="width:194px; height:130px; padding: 0px; border: 5px solid #1F364F;"><img src="http://26.media.tumblr.com/tumblr_lfbzerdLFE1qfj61uo1_500.gif" width="194" height="130" />
</div><div style="background-color: #FAFAFA;width:194px;height:135px; text-align: justify; auto; border-right: 5px solid #1F364F;border-left: 5px solid #1F364F; border-top: 0px solid #1F364F; border-bottom: 5px solid #1F364F;"><div style="width: 194px; height: 135px; padding-right: 1px; padding-left: 1px; padding-bottom: 0px; text-align: justify; font-family: arial; font-size: 9px;overflow: auto">
Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien.

</center></div></div></div></td><td><div align="center"><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<div style="font-family: 'Open Sans Condensed'; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; color: #223A57; margin-bottom: 5px;">Prénom Nom</div></div>
<div style="width:189px; height:130px; padding: 0px; border: 5px solid #1F364F;"><img src="http://26.media.tumblr.com/tumblr_lfbzerdLFE1qfj61uo1_500.gif" width="189" height="130" />
</div><div style="background-color: #FAFAFA;width:189px;height:135px; text-align: justify; auto; border-right: 5px solid #1F364F;border-left: 5px solid #1F364F; border-top: 0px solid #1F364F; border-bottom: 5px solid #1F364F;"><div style="width: 189px; height: 135px; padding-right: 1px; padding-left: 1px; padding-bottom: 0px; text-align: justify; font-family: arial; font-size: 9px;overflow: auto">
Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien.

</table><br> <table cellspacing="1"><tr><td><center><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<div style="font-family: 'Open Sans Condensed'; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; color: #223A57; margin-bottom: 5px;">Prénom Nom</div></center>
<div style="width:194px; height:130px; padding: 0px; border: 5px solid #1F364F;"><img src="http://26.media.tumblr.com/tumblr_lfbzerdLFE1qfj61uo1_500.gif" width="194" height="130" />
</div><div style="background-color: #FAFAFA;width:194px;height:135px; text-align: justify; auto; border-right: 5px solid #1F364F;border-left: 5px solid #1F364F; border-top: 0px solid #1F364F; border-bottom: 5px solid #1F364F;"><div style="width: 194px; height: 135px; padding-right: 1px; padding-left: 1px; padding-bottom: 0px; text-align: justify; font-family: arial; font-size: 9px;overflow: auto">
Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien.

</center></div></div></div></td><td><div align="center"><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<div style="font-family: 'Open Sans Condensed'; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; color: #223A57; margin-bottom: 5px;">Prénom Nom</div></div>
<div style="width:189px; height:130px; padding: 0px; border: 5px solid #1F364F;"><img src="http://26.media.tumblr.com/tumblr_lfbzerdLFE1qfj61uo1_500.gif" width="189" height="130" />
</div><div style="background-color: #FAFAFA;width:189px;height:135px; text-align: justify; auto; border-right: 5px solid #1F364F;border-left: 5px solid #1F364F; border-top: 0px solid #1F364F; border-bottom: 5px solid #1F364F;"><div style="width: 189px; height: 135px; padding-right: 1px; padding-left: 1px; padding-bottom: 0px; text-align: justify; font-family: arial; font-size: 9px;overflow: auto">
Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien. Résumé du lien.

</table>[size=8]<br> Ecstatic Ruby[/size]
</div></center></center></td></tr></table></center></div></div>

Sujet: Re: Problème d'alignement dans un codage Mar 08 Jan 2013, 07:25

Bonjour,

Le gros problème de ton code est qu'il est extrêmement condensé et difficile à lire, ça n'encourage pas trop les codeurs à s'y plonger Wink

Pourrais-tu s'il te plait l'éclaircir, en y ajoutant des sauts de lignes et tabulations ? Tu peux commenter les sauts de ligne pour éviter de casser le résultat du code quand il est posté dans un message, comme ceci par exemple :

Code:: <table><tr><td>cellule 1</td><td>cellule 2</td><td>cellule 3</td></tr><tr><td>cellule 1 bis</td><td>cellule 2 bis</td><td>cellule 3 bis</td></tr></table>

Code:: <table><tr><td>cellule 1</td><td>cellule 2</td><td>cellule 3</td></tr><tr><td>cellule 1 bis</td><td>cellule 2 bis</td><td>cellule 3 bis</td></tr></table>

Autre chose également, est-ce que ce code est destiné à être publié sur ton forum personnel ? Si c'est le cas, je t'encourage vivement à retirer tout CSS de ton HTML pour en faire des classes à part que tu placeras dans ta feuille de styles Smile

Sujet: Re: Problème d'alignement dans un codage Dim 13 Jan 2013, 07:47

Hello !
Je viens aux nouvelles : ton problème est-il toujours d'actualité ?
Si nous n'avons pas de réponse dans 4 jours, il sera considéré comme résolu !
Merci de ta compréhension Problème d'alignement dans un codage 926145

Problème d'alignement dans un codage 926145

Sujet: Re: Problème d'alignement dans un codage Lun 14 Jan 2013, 15:39

Bonsoir. Mon problème est toujours d'actualité !
Je vais essayer de commenter les sauts de ligne demain Problème d'alignement dans un codage 1516208530

Problème d'alignement dans un codage 1516208530

ça sera un code en libre service donc j'peux pas vraiment le coder en css ><

Sujet: Re: Problème d'alignement dans un codage Lun 14 Jan 2013, 15:45

Ben... si. Il suffit de proposer le CSS et le HTML séparément x)

Sujet: Re: Problème d'alignement dans un codage Sam 19 Jan 2013, 06:01

Hello !
Voilà 5 jours que nous n'avons plus de nouvelles. As-tu vu la réponse de 'Christa ? Ton problème est-il résolu ?
Merci de donner une réponse avant les quatre jours qui suivent, sinon ton sujet se verra archivé.

Bonne journée, Problème d'alignement dans un codage 926145

Sujet: Re: Problème d'alignement dans un codage Mer 23 Jan 2013, 15:58

Hello !
N'ayant pas obtenu de réponse, je considère ce sujet comme résolu !
S'il y a un souci, n'hésite pas à contacter un modérateur (:
Merci de ta compréhension Problème d'alignement dans un codage 926145

Problème d'alignement dans un codage

Problème d'alignement dans un codage

Sujets similaires

Sujets similaires

Partenaires Or