Fiche de présentation trop large Bouton_activeFiche de présentation trop large Bouton_hoverFiche de présentation trop large Fb-hoverFiche de présentation trop large Fb-active
AccueilForumÉquipe 
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
» Fiche de Présentation RPG
Fiche de présentation trop large EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Fiche de présentation trop large EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Fiche de présentation trop large EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Fiche de présentation trop large EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Fiche de présentation trop large EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Fiche de présentation trop large EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Fiche de présentation trop large EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Fiche de présentation trop large EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment :
Jeux, jouets et Lego : le deuxième à ...
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Fiche de présentation trop large

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://24nono38.e-monsite.com/
Nono
Nono
{ Membre }
{ Membre }

Féminin Messages : 148



Fiche de présentation trop large Empty
Bonjour,

C'est au sujet d'une fiche de présentation pour un fow en construction. Sur les écran plus petit ça déforme la page. Je pense qu'on peut ajouter une balise pour contrôler la taille de la fiche. Sauf que je ne sais pas ou l'intégrer en faite.

Voici la fiche :
Code:
<fieldset style="background: dimgrey; -moz-border-radius: 5px; border: 8px double #888888; margin: 20px; padding:20px; shadow:2px 2px 2px black;">

<DIV style="TEXT-ALIGN: center" align=center><SPAN><FONT color="#000000" face="Georgia" size="7"><blockquote>
<font face="Georgia" color="#98AAB1" size="5">[i]give me the keys [/i]</font>
[i]to your soul[/i]</FONT></SPAN>



[table width="100%"][tr][td][b][i]<div style="border-bottom: 4px solid #000000;"><font style="font style: italic; font-weight: bold; font-size: 16px; ">[font=batik regular][b][color=black]● who are you really?[/color][/b][/font]</div>[font=batik regular][b][color=black]it's all about you ●[/color][/b][/font]</font>[/i][/b][/td][td width="100"][img]http://i25.servimg.com/u/f25/11/25/40/17/stock210.png[/img][/td][td width="100"][img]http://i25.servimg.com/u/f25/11/25/40/17/stock210.png[/img][/td][/tr][/table]

[table][tr][td][img]http://i65.servimg.com/u/f65/11/25/40/17/gow110.png[/img][/td][td][list][justify][b][color=black]― NOM :[/color][/b] [color=white] ICI[/color]
[b][color=black]― PRÉNOMS :[/color][/b][color=white] ICI[/color]
[b][color=black]― DATE & LIEU DE NAISSANCE : [/color][/b][color=white] ICI[/color]
[b][color=black]― NATIONALITE :[/color][/b][color=white] ICI[/color]
[b][color=black]― MÉTIER AVANT 2012 :[/color][/b][color=white] ICI[/color]
[b][color=black]― GROUPE :[/color][/b][color=white] ICI[/color]
[b][color=black]― AGE :[/color] [/b][color=white] ICI[/color]
[b][color=black]― STATUT :[/color][/b] [color=white] (célibataire, en couple, marié etc)ICI[/color]
<DIV style="WIDTH: 350px; HEIGHT: 200px; OVERFLOW: auto">
[/list]</DIV>
[list][/justify][/list][/td][/tr][/table]

[table width="100%"][tr][td][b][i]<div style="border-bottom: 4px solid #000000;"><font style="font style: italic; font-weight: bold; font-size: 16px; ">[font=batik regular][b][color=black]● who are you really?[/color][/b][/font]</div>[font=batik regular][b][color=black]your personality ●[/color][/b][/font]</font>[/i][/b][/td][td width="100"][img]http://i25.servimg.com/u/f25/11/25/40/17/stock210.png[/img][/td][td width="100"][img]http://i25.servimg.com/u/f25/11/25/40/17/stock210.png[/img][/td][/tr][/table]

[b][color=black]― CARACTERE :[/color][/b] [color=white] ICI(10 lignes minimum)[/color]

[b][color=black]― PHYSIQUE : [/color][/b][color=white] ICI(10 lignes minimum)[/color]


[table width="100%"][tr][td width="100"][img]http://i25.servimg.com/u/f25/11/25/40/17/stock210.png[/img][/td][td width="100"][img]http://i25.servimg.com/u/f25/11/25/40/17/stock210.png[/img][/td][td][b][i]<div style="border-bottom: 4px solid #000000;"><font style="font style: italic; font-weight: bold; font-size: 16px; ">[font=batik regular][b][color=black]● My Story[/color][/b][/font]</div>[font=batik regular][b][color=black]before and after 2012 ●[/color][/b][/font]</font>[/i][/b][/td][/tr][/table] [justify] [center][color=white] Histoire ICI (min 20 lignes)[/color][/center][/justify]

[table width="100%"][tr][td][b][i]<div style="border-bottom: 4px solid #000000;"><font style="font style: italic; font-weight: bold; font-size: 16px; ">[font=batik regular][b][color=black]● behind the mask[/color][/b][/font]</div>[font=batik regular][b]i[color=black]t's the real life ●[/color][/b][/font]</font>[/i][/b][/td][td width="100"][img]http://i25.servimg.com/u/f25/11/25/40/17/stock210.png[/img][/td][td width="100"][img]http://i25.servimg.com/u/f25/11/25/40/17/stock210.png[/img][/td][/tr][/table]

[table][tr][td][img]http://i65.servimg.com/u/f65/11/25/40/17/gow110.png[/img][/td][td][list][justify][b][color=black]― PSEUDO :[/color][/b][color=white] ICI[/color]
[b][color=black]― ÂGE :[/color][/b][color=white] ICI[/color]
[b][color=black]― AVATAR :[/color][/b][color=white] ICI[/color]
[b][color=black]― CODE DU REGLEMENT :[/color][/b][color=white] ICI[/color]
[b][color=black]― EXPERIENCE RP :[/color][/b][color=white] ICI[/color]
[b][color=black]― DISPONIBILITE :[/color][/b][color=white] ICI[/color]
[b][color=black]― OU AVEZ DECOUVERT LE FORUM ?[/color][/b][color=white] ICI[/color]
[b][color=black]― VOTRE AVIS ?[/color][/b][color=white] ICI[/color][/justify][/list][/td][/tr][/table]</fieldset>

En espérant que quelqu'un puisse m'aider ^^


Dernière édition par Nono le Ven 19 Nov 2010, 19:30, édité 1 fois
MessageSujet: Fiche de présentation trop large   Fiche de présentation trop large EmptySam 13 Nov 2010, 09:21
Revenir en haut Aller en bas
Kiwi
Kiwi
{ Membre }
{ Membre }

Féminin Messages : 142



Fiche de présentation trop large Empty
Salut!

À la fin de ton second tableau (qui contient nom, prénoms, etc), tu as :

Code:
<DIV style="WIDTH: 350px; HEIGHT: 200px; OVERFLOW: auto">
[/list]</DIV>
[list][/justify][/list]

Tu as mis une largeur à la div, je pense que c'est ce qui coince. Et puis, elle ne contient rien du tout, donc ne sert pas à grand chose. Enlève-la donc, ainsi que la liste qui se balade au milieu, comme cela.

Code:
[/justify][/list]

Peut-être que ça ira mieux ainsi ^^

Kiwi
MessageSujet: Re: Fiche de présentation trop large   Fiche de présentation trop large EmptySam 13 Nov 2010, 13:29
Revenir en haut Aller en bas
http://24nono38.e-monsite.com/
Nono
Nono
{ Membre }
{ Membre }

Féminin Messages : 148



Fiche de présentation trop large Empty
Ok merci beaucoup !
je crois bien que ça marche ^^
MessageSujet: Re: Fiche de présentation trop large   Fiche de présentation trop large EmptySam 13 Nov 2010, 14:09
Revenir en haut Aller en bas
http://www.pixelia.forumactif.org
Caroo'
Caroo'
{ Membre actif }
{ Membre actif }

Féminin Messages : 493



Fiche de présentation trop large Empty
Bonjour,
Votre problème est-il toujours d'actualité ?
Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône Fiche de présentation trop large Resolu3 en éditant votre premier post.
MessageSujet: Re: Fiche de présentation trop large   Fiche de présentation trop large EmptyVen 19 Nov 2010, 19:26
Revenir en haut Aller en bas
http://24nono38.e-monsite.com/
Nono
Nono
{ Membre }
{ Membre }

Féminin Messages : 148



Fiche de présentation trop large Empty
Non, c'est bon !
Le sujet peut être archivé !
MessageSujet: Re: Fiche de présentation trop large   Fiche de présentation trop large EmptyVen 19 Nov 2010, 19:30
Revenir en haut Aller en bas
Contenu sponsorisé




Fiche de présentation trop large Empty
MessageSujet: Re: Fiche de présentation trop large   Fiche de présentation trop large Empty
Revenir en haut Aller en bas
 

Fiche de présentation trop large

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

 Sujets similaires

-
» PA trop large, help me
» Page d'accueil trop large.
» Zone de survol trop large (Terminé !)
» Fiche de presentation [Résolu]
» [RPG] Fiche de présentation

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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 | Forum gratuit