Problème d'alignement dans un codage Bouton_activeProblème d'alignement dans un codage Bouton_hoverProblème d'alignement dans un codage Fb-hoverProblème d'alignement dans un codage Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Problème d'alignement dans un codage EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème d'alignement dans un codage EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème d'alignement dans un codage EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème d'alignement dans un codage EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème d'alignement dans un codage EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème d'alignement dans un codage EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème d'alignement dans un codage EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème d'alignement dans un codage EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
SSD interne Crucial BX500 2,5″ SATA – 500 Go à 29,99€
29.99 €
Voir le deal

Partagez
 

Problème d'alignement dans un codage

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Hurricane
Hurricane
{ Membre }
{ Membre }

Féminin Messages : 69



Problème d'alignement dans un codage Empty
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

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>
MessageSujet: Problème d'alignement dans un codage   Problème d'alignement dans un codage EmptyDim 06 Jan 2013, 11:47
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Problème d'alignement dans un codage Empty
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
MessageSujet: Re: Problème d'alignement dans un codage   Problème d'alignement dans un codage EmptyMar 08 Jan 2013, 07:25
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Problème d'alignement dans un codage Empty
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
MessageSujet: Re: Problème d'alignement dans un codage   Problème d'alignement dans un codage EmptyDim 13 Jan 2013, 07:47
Revenir en haut Aller en bas
Hurricane
Hurricane
{ Membre }
{ Membre }

Féminin Messages : 69



Problème d'alignement dans un codage Empty
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
ça sera un code en libre service donc j'peux pas vraiment le coder en css ><
MessageSujet: Re: Problème d'alignement dans un codage   Problème d'alignement dans un codage EmptyLun 14 Jan 2013, 15:39
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Problème d'alignement dans un codage Empty
Ben... si. Il suffit de proposer le CSS et le HTML séparément x)
MessageSujet: Re: Problème d'alignement dans un codage   Problème d'alignement dans un codage EmptyLun 14 Jan 2013, 15:45
Revenir en haut Aller en bas
Melone
Melone
{ Modérateur }
{ Modérateur }

Féminin Messages : 805



Problème d'alignement dans un codage Empty
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
MessageSujet: Re: Problème d'alignement dans un codage   Problème d'alignement dans un codage EmptySam 19 Jan 2013, 06:01
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Problème d'alignement dans un codage Empty
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
MessageSujet: Re: Problème d'alignement dans un codage   Problème d'alignement dans un codage EmptyMer 23 Jan 2013, 15:58
Revenir en haut Aller en bas
Contenu sponsorisé




Problème d'alignement dans un codage Empty
MessageSujet: Re: Problème d'alignement dans un codage   Problème d'alignement dans un codage Empty
Revenir en haut Aller en bas
 

Problème d'alignement dans un codage

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» problème de codage
» problème de codage.
» Probleme de codage de PA
» Petit soucis d'espace dans un codage [Résolu]
» Codage de Chatbox Problème de CSS

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit