Code PA [CSS] Bouton_activeCode PA [CSS] Bouton_hoverCode PA [CSS] Fb-hoverCode PA [CSS] 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
Code PA [CSS] EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Code PA [CSS] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Code PA [CSS] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Code PA [CSS] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Code PA [CSS] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Code PA [CSS] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Code PA [CSS] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Code PA [CSS] EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -47%
SAMSUNG T7 Shield Bleu – SSD Externe 1 To ...
Voir le deal
89.99 €

Partagez
 

Code PA [CSS]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://xseiteki-gakuen.forumactif.org/
Kyou
Kyou
{ Membre }
{ Membre }

Féminin Messages : 164



Code PA [CSS] Empty

  • Redeemer (on ne peut pas le voir sur le forum) http://hauted-castle.forumactif.com/forum.htm
  • L'écriture dépasse du cadre gris, pourtant il y a " Justify " mais rien ne fait, ca dépasse et ensuite enlaidit la présentation.
  • Avant
Code:
<div style="text-align:justify; padding:10px;
margin: 5px; border-top:5px solid #707070; border-bottom:5px solid
#471212; background :#471212;-moz-border-radius:0px 9px 0px
9px;"><font color="#FFFFFF;">[color=#ffff00][table][tr][td]
[color=burlywood][color=white][img]http://photomaniak.com/upload/out.php/i667883_.jpg[/img][/color][/color]<table
 border="0" cellpadding="1" cellspacing="1" width="125"><tr
align="center"></tr></table>[/td][td width="100%"]<div
 style="text-align:justify; background-color:
#707070;color:#000000;padding-left: 5px; height:
130px;-moz-border-radius:10px 0px 10px 0px;">[color=#000000] » Texte à
 mettre ici</div>

<div style="text-align:justify;
background-color: #707070;color:#000000;padding-left: 5px; height:
130px;-moz-border-radius:10px 0px 10px 0px;"><font
color="#FFFFFF;">» Texte à mettre ici
[/color]</div>[/td][/tr][/table][/color]</div>

Après
Code:
<div style="padding:5px;text-align:justify;line-height:1em;height:390px;overflow-y:auto"><div style="text-align:justify; padding:10px; margin: 5px; border-top:5px solid #707070; border-bottom:5px solid #471212; background :#471212;-moz-border-radius:0px 9px 0px 9px;"><font color="#FFFFFF;">[table][tr][td][color=white]» Feat Hizumi ([b]D'espairsRay[/b])
[img]http://i34.tinypic.com/2hq5a4w.png[/img]
[color=olive]Free[/color] ♦️ [color=orange]Reserved[/color] ♦️ [color=darkred][u]Taken[/u][/color][/color]<table border="0" cellpadding="1" cellspacing="1" width="125"><tr align="center"></tr></table>[/td][td width="100%"]<div style="text-align:justify; background-color: #707070;color:#000000;padding-left: 5px; height: 130px;-moz-border-radius:10px 0px 10px 0px;">[color=#000000] » [b]Nom & Prénom[/b] : Yoshida Hiroshi.
 » [b]Date de Naissance[/b] : 2 Mars 1977
 » [b]Age[/b] : 32 ans
 » [b]Nationnalité[/b]  : Japonaise
 » [b]Orientation Sexuel[/b] : Bisexuel
 » [b]Groupe[/b] : Survivant. [/color]

<blockquote><center>
<DIV style="background-color:#592A2A; text-align: center;" align="center"><font color="#707070" face="garamond" size="5">[i][color=#000000][b]Raconte moi une Histoire...[/b][/color][/i]</font>
</div></SPAN></DIV></blockquote></center></div>


<div style="text-align:justify; background-color: #707070;color:#000000;padding-left: 5px; height: 130px;-moz-border-radius:10px 0px 10px 0px;"><font color="#FFFFFF;"><div style="text-align:justify"><blockquote><center>
<DIV style="background-color:#592A2A; text-align: center;" align="center"><font color="#707070" face="garamond" size="5">[i][color=#000000][b]Raconte moi une Histoire...[/b][/color][/i]</font>
</div></SPAN></DIV></blockquote></center>[color=black][b]Oota Kenji[/b] : Né le même mois, la même année, et pourtant si différent.. Pas tant que ça, en faite. C'est deux personnes âgés tout deux de 32 ans cachent derrière eux un amour immense, dissimuler sous des tonnes de secret, et de souffrances.  Ils se connaissent depuis le début, ne se sont jamais quitté, pas même une seule fois. Une vrai complicité relis ces deux hommes, presque inséparables. Amis depuis leur début dans le monde affreux de l'esclavage, ils se sont toujours défendu et protéger l'un de l'autre, pour qu'aucun souffre de la misère du monde ([i]château[/i]).[/color][/justify] </div></div></div>
</div>[/td][/tr][/table]</div>

  • CSS/HTML
  • Code PA [CSS] Sans_t22


  • Mon effet voulu c'est que le texte reste toujours dans le cadre gris, et que le texte soit entassé un peu pour faire un bel effet. Je montre ce que je voudrais comme truc.
  • Code PA [CSS] Sans_t24
MessageSujet: Code PA [CSS]   Code PA [CSS] EmptyMer 07 Avr 2010, 08:08
Revenir en haut Aller en bas
http://captain-pullip.forumgratuit.org/
Nashii
Nashii
{ Membre actif }
{ Membre actif }

Féminin Messages : 516



Code PA [CSS] Empty
Bonjour .... Sa aurait été sympa la politesse ^^

Bref pour faire cours... Moi quand j'ai sa je retire le blockquote... C'est en quelque sorte un block ... Donc si tu ferme sa ferme le bloc.. C'est normal qu'il ne soit pas dans le carré que tu souhaite... Ferme cette balise une fois que tu veux que le block soit finis.

Bonne journée (c'est ce que je pense test)
MessageSujet: Re: Code PA [CSS]   Code PA [CSS] EmptyMer 07 Avr 2010, 08:13
Revenir en haut Aller en bas
http://xseiteki-gakuen.forumactif.org/
Kyou
Kyou
{ Membre }
{ Membre }

Féminin Messages : 164



Code PA [CSS] Empty
    Oh gomen ._. J'ai fais le sujet à vitesse grand V comme je devais partir en vitesse en cours pour ne pas être en retard. Alors merci de m'avoir aider, mais quand j'ai fais ce que vous avez dit, ca ne change rien. Le texte sort toujours du cadre gris x.x
MessageSujet: Re: Code PA [CSS]   Code PA [CSS] EmptyMer 07 Avr 2010, 08:26
Revenir en haut Aller en bas
http://captain-pullip.forumgratuit.org/
Nashii
Nashii
{ Membre actif }
{ Membre actif }

Féminin Messages : 516



Code PA [CSS] Empty
Montre moi le code de nouveau avec les modifications s'il te plait.
MessageSujet: Re: Code PA [CSS]   Code PA [CSS] EmptyMer 07 Avr 2010, 11:49
Revenir en haut Aller en bas
http://xseiteki-gakuen.forumactif.org/
Kyou
Kyou
{ Membre }
{ Membre }

Féminin Messages : 164



Code PA [CSS] Empty
Le voilà :

Code:
<div style="padding:5px;text-align:justify;line-height:1em;height:390px;overflow-y:auto"><div style="text-align:justify; padding:10px; margin: 5px; border-top:5px solid #707070; border-bottom:5px solid #471212; background :#471212;-moz-border-radius:0px 9px 0px 9px;"><font color="#FFFFFF;">[table][tr][td][color=white]» Feat Hizumi ([b]D'espairsRay[/b])
[img]http://i34.tinypic.com/2hq5a4w.png[/img]
[color=olive]Free[/color] ♦️ [color=orange]Reserved[/color] ♦️ [color=darkred][u]Taken[/u][/color][/color]<blockquote><table border="0" cellpadding="1" cellspacing="1" width="125"><tr align="center"></tr></table>[/td][td width="100%"]<div style="text-align:justify; background-color: #707070;color:#000000;padding-left: 5px; height: 130px;-moz-border-radius:10px 0px 10px 0px;">[color=#000000] » [b]Nom & Prénom[/b] : Yoshida Hiroshi.
 » [b]Date de Naissance[/b] : 2 Mars 1977
 » [b]Age[/b] : 32 ans
 » [b]Nationnalité[/b]  : Japonaise
 » [b]Orientation Sexuel[/b] : Bisexuel
 » [b]Groupe[/b] : Survivant. [/color]
<center>
<DIV style="background-color:#592A2A; text-align: center;" align="center"><font color="#707070" face="garamond" size="5">[i][color=#000000][b]Raconte moi une Histoire...[/b][/color][/i]</font>
</div></SPAN></DIV>
Xxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxx</center></div></blockquote>


<div style="text-align:justify; background-color: #707070;color:#000000;padding-left: 5px; height: 130px;-moz-border-radius:10px 0px 10px 0px;"><font color="#FFFFFF;"><div style="text-align:justify"><center>
<DIV style="background-color:#592A2A; text-align: center;" align="center"><font color="#707070" face="garamond" size="5">[i][color=#000000][b]Raconte moi une Histoire...[/b][/color][/i]</font>
</div></SPAN></DIV></center>[color=black][b]Oota Kenji[/b] : Né le même mois, la même année, et pourtant si différent.. Pas tant que ça, en faite. C'est deux personnes âgés tout deux de 32 ans cachent derrière eux un amour immense, dissimuler sous des tonnes de secret, et de souffrances.  Ils se connaissent depuis le début, ne se sont jamais quitté, pas même une seule fois. Une vrai complicité relis ces deux hommes, presque inséparables. Amis depuis leur début dans le monde affreux de l'esclavage, ils se sont toujours défendu et protéger l'un de l'autre, pour qu'aucun souffre de la misère du monde ([i]château[/i]).[/color][/justify] </div></div></div>
</div>[/td][/tr][/table]</div>

J'ai essayé un nouveau code, presque le même mais le code reste différent et ca me donne ca avec ce code :

Code PA [CSS] Sans_t25

Code:
<div style="text-align:justify; padding:10px; margin: 5px; border-top:5px solid #707070; border-bottom:5px solid #471212; background :#471212;-moz-border-radius:0px 9px 0px 9px;"><font color="#FFFFFF;">[color=#ffff00][table][tr][td] [color=burlywood][color=white]» Feat Hizumi ([b]D'espairsRay[/b])
[img]http://i34.tinypic.com/2hq5a4w.png[/img]
[color=olive]Free[/color] ♦️ [color=orange]Reserved[/color] ♦️ [color=darkred][u]Taken[/u][/color][/color][/color]<table border="0" cellpadding="1" cellspacing="1" width="125"><tr align="center"></tr></table>[/td][td width="100%"]<div style="text-align:justify; background-color: #707070;color:#000000;padding-left: 5px; height: 130px;-moz-border-radius:10px 0px 10px 0px;">[color=#000000] » [b]Nom & Prénom[/b] : Yoshida Hiroshi.
 » [b]Date de Naissance[/b] : 2 Mars 1977
 » [b]Age[/b] : 32 ans
 » [b]Nationnalité[/b]  : Japonaise
 » [b]Orientation Sexuel[/b] : Bisexuel
 » [b]Groupe[/b] : Survivant. [/color]

[center]<font size="0"><font style="background-color:darkgrey">  [font=Georgia][color=#471212][size=24]R[/size][size=19]aconte une[/size]  [size=24]H[/size][size=19]istoire[/size][/color][/font]</font></font>[/center]</div>

<div style="text-align:justify; background-color: #707070;color:#000000;padding-left: 5px; height: 130px;-moz-border-radius:10px 0px 10px 0px;"><font color="#FFFFFF;">[center]<font size="0"><font style="background-color:darkgrey">[font=Georgia][color=#471212][size=24]R[/size][size=19]elation[/size][size=24]S[/size][size=19]hip[/size][/color][/font]</font></font>[/center]</div>[color=black][b]Oota Kenji[/b] : Né le même mois, la même année, et pourtant si différent.. Pas tant que ça, en faite. C'est deux personnes âgés tout deux de 32 ans cachent derrière eux un amour immense, dissimuler sous des tonnes de secret, et de souffrances.  Ils se connaissent depuis le début, ne se sont jamais quitté, pas même une seule fois. Une vrai complicité relis ces deux hommes, presque inséparables. Amis depuis leur début dans le monde affreux de l'esclavage, ils se sont toujours défendu et protéger l'un de l'autre, pour qu'aucun souffre de la misère du monde ([i]château[/i]).[/color]
[/color]</div>[/td][/tr][/table]</div>
MessageSujet: Re: Code PA [CSS]   Code PA [CSS] EmptyMer 07 Avr 2010, 11:59
Revenir en haut Aller en bas
http://captain-pullip.forumgratuit.org/
Nashii
Nashii
{ Membre actif }
{ Membre actif }

Féminin Messages : 516



Code PA [CSS] Empty
Regarde moi sur mon forum test ce que sa donne http://testforumnamida.forumactif.org/test-f1/test-code-dede-t24.htm#223

^^"

Le fond gris n'est pas assez grand ... et Tu veux en deux bloc ? Ou un seul ?
MessageSujet: Re: Code PA [CSS]   Code PA [CSS] EmptyMer 07 Avr 2010, 12:57
Revenir en haut Aller en bas
http://xseiteki-gakuen.forumactif.org/
Kyou
Kyou
{ Membre }
{ Membre }

Féminin Messages : 164



Code PA [CSS] Empty
En deux blocs, mais qu'on peut défiler.
MessageSujet: Re: Code PA [CSS]   Code PA [CSS] EmptyMer 07 Avr 2010, 13:11
Revenir en haut Aller en bas
http://captain-pullip.forumgratuit.org/
Nashii
Nashii
{ Membre actif }
{ Membre actif }

Féminin Messages : 516



Code PA [CSS] Empty
Code:
<div style="padding:5px;text-align:justify;line-height:1em;height:390px;overflow-y:auto"><div style="text-align:justify; padding:10px; margin: 5px; border-top:5px solid #707070; border-bottom:5px solid #471212; background :#471212;-moz-border-radius:0px 9px 0px 9px;"><font color="#FFFFFF;">[table][tr][td][color=white]» Feat Hizumi ([b]D'espairsRay[/b])
[img]http://i34.tinypic.com/2hq5a4w.png[/img]
[color=olive]Free[/color] ♦️ [color=orange]Reserved[/color] ♦️ [color=darkred][u]Taken[/u][/color][/color]<blockquote><table border="0" cellpadding="1" cellspacing="1" width="125"><tr align="center"></tr></table>[/td][td width="100%"]<div style="text-align:justify; background-color: #707070;color:#000000;padding-left: 5px; height: 130px;-moz-border-radius:10px 0px 10px 0px;">[color=#000000] » [b]Nom & Prénom[/b] : Yoshida Hiroshi.
 » [b]Date de Naissance[/b] : 2 Mars 1977
 » [b]Age[/b] : 32 ans
 » [b]Nationnalité[/b]  : Japonaise
 » [b]Orientation Sexuel[/b] : Bisexuel
 » [b]Groupe[/b] : Survivant. [/color]
<center>
</SPAN></DIV>



<div style="text-align:justify; background-color: #707070;color:#000000;padding-left: 5px; height: 130px;-moz-border-radius:10px 0px 10px 0px;"><font color="#FFFFFF;"><div style="text-align:justify"><center>
<DIV style="background-color:#592A2A; text-align: center;" align="center"><font color="#707070" face="garamond" size="5">[i][color=#000000][b]Raconte moi une Histoire...[/b][/color][/i]</font>
</div></SPAN></DIV></center>[color=black][b]Oota Kenji[/b] : Né le même mois, la même année, et pourtant si différent.. Pas tant que ça, en faite. C'est deux personnes âgés tout deux de 32 ans cachent derrière eux un amour immense, dissimuler sous des tonnes de secret, et de souffrances.  Ils se connaissent depuis le début, ne se sont jamais quitté, pas même une seule fois. Une vrai complicité relis ces deux hommes, presque inséparables. Amis depuis leur début dans le monde affreux de l'esclavage, ils se sont toujours défendu et protéger l'un de l'autre, pour qu'aucun souffre de la misère du monde ([i]château[/i]).[/color]</div></div></div>
</div>[/td][/tr][/table]</div>

En faite pour que sa défile il faut beaucoup de texte ^^ ou que tu reduise la hauteur de ta fiche...
MessageSujet: Re: Code PA [CSS]   Code PA [CSS] EmptyMer 07 Avr 2010, 15:58
Revenir en haut Aller en bas
http://xseiteki-gakuen.forumactif.org/
Kyou
Kyou
{ Membre }
{ Membre }

Féminin Messages : 164



Code PA [CSS] Empty
D'accord je vais essayé
MessageSujet: Re: Code PA [CSS]   Code PA [CSS] EmptyMer 07 Avr 2010, 16:19
Revenir en haut Aller en bas
Invité
Invité




Code PA [CSS] Empty
Tiens ça c'est une pote à Masao pour son forum d'horreur xD *J'aireçulemêmeMPXD*
MessageSujet: Re: Code PA [CSS]   Code PA [CSS] EmptyMer 07 Avr 2010, 16:33
Revenir en haut Aller en bas
http://xseiteki-gakuen.forumactif.org/
Kyou
Kyou
{ Membre }
{ Membre }

Féminin Messages : 164



Code PA [CSS] Empty
o_ô Kelly ?
MessageSujet: Re: Code PA [CSS]   Code PA [CSS] EmptyMer 07 Avr 2010, 17:20
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Code PA [CSS] Empty
Votre problème est-il résolu ?
MessageSujet: Re: Code PA [CSS]   Code PA [CSS] EmptyMer 14 Avr 2010, 13:42
Revenir en haut Aller en bas
http://xseiteki-gakuen.forumactif.org/
Kyou
Kyou
{ Membre }
{ Membre }

Féminin Messages : 164



Code PA [CSS] Empty
Oui merci beaucoup!
MessageSujet: Re: Code PA [CSS]   Code PA [CSS] EmptyMer 14 Avr 2010, 14:00
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



Code PA [CSS] Empty
Parfait, je déplace =D
MessageSujet: Re: Code PA [CSS]   Code PA [CSS] EmptyMer 14 Avr 2010, 14:02
Revenir en haut Aller en bas
Contenu sponsorisé




Code PA [CSS] Empty
MessageSujet: Re: Code PA [CSS]   Code PA [CSS] Empty
Revenir en haut Aller en bas
 

Code PA [CSS]

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

 Sujets similaires

-
» Code justification contenu de catégorie + code insertion icon
» Problème avec le [code][/code], besoin d'aide !!
» Problème avec le code...du code justement!
» Code au niveau de la balise [*code*]
» Code <DIV>

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