Vide coloré Bouton_activeVide coloré Bouton_hoverVide coloré Fb-hoverVide coloré 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
» Système d'onglets simple et personnalisable
Vide coloré EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Vide coloré EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Vide coloré EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Vide coloré EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Vide coloré EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Vide coloré EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Vide coloré EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Vide coloré EmptySam 11 Fév 2023, 06:04 par Krager


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

Vide coloré

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://hawthorn-ranch.forumactif.com/forum.htm
aquarell.
{ Membre }
{ Membre }

Féminin Messages : 11



Vide coloré Empty
(Ok, titre qui résume pas, mais osef, c'est ce qui convient le mieux)

Bon, alors voilà, ça fait 4h que je sue sang et eau sur cette 🎅 🎅 🎅 🎅 🎅 🎅 🎅 de fiche de présentations. A la prévisualisation, WAHOUH TROP BEAUU et bam quand c'est envoyé c'est moche moche et moche. Déjà c'est pas centré (alors que le code y est cqfd) puis après y'a des espèces de néants bleus. Et moi, quiche comme je suis, bah je sais pas ou ça cloche : D Donc si quelqu'un connait la solution du problème... Svoupléé /o/

Vlà le screen
Vide coloré 2nb7fgn
(donc c'est relativement moche, voir laid, voir hideux, voir abominablement laid, moche et hideux)

Et vlà l'code \o/

Code:
[center]<div style="margin: auto; text-align: center; width: 100%;"> <div style="opacity: 0.5;"><table width="-20%"><tbody><tr><td align="left" width="0"><div style="padding: 10px; background-color: rgb(69, 79, 190);"><font color="#c3c3c3"><span style="font-size: 18px; line-height: normal;">nom & prénom de votre personnage.</span></font></div></td></tr></tbody></table></div> 
<ul><table border="0"><tbody><tr><td align="left"><div style="margin: auto; text-align: center; width: 100%;"><div style="opacity: 0.5;"><table width="-20%"><tbody><tr><td align="left" width="0"><div style="padding: 10px; background-color: rgb(69, 79, 190);"><font color="#c3c3c3"><span style="font-size: 18px; line-height: normal;"><img src="http://uppix.net/2/2/9/141905349ba518abe152a64870f70.png" alt="" border="0"></span></font></div></td></tr></tbody></table></div></div></td><td align="left"><div style="opacity: 0.5;"><table width="-20%"><tbody><tr><td align="left" width="0"><div style="padding: 10px; background-color: rgb(69, 79, 190);"><font color="#c3c3c3"><span style="font-size: 10px; line-height: normal;"><strong>nom ;</strong>
<strong>prénom ;</strong>
<strong>âge ;</strong>
<strong>sexe ;</strong>
<strong>orientation sexuelle ;</strong>
<strong>type de logement choisi ;</strong> ( maison, appartement, studio... )</span></font></div></td></tr></tbody></table></div>
</td></tr></tbody></table></ul>
<div style="opacity: 0.5;"><table width="-20%"><tbody><tr><td align="left" width="0"><div style="padding: 10px; background-color: rgb(69, 79, 190);"><font color="#c3c3c3"><span style="font-size: 10px; line-height: normal;"><font color="#454fbe">__________________</font><strong>caractère ( 1o l. ) et physique ( 1o l. ) ; <font color="#454fbe">__________________</font></strong><div style="padding: 4px; overflow: auto; width: 450px; height: 110px; background-color: rgb(69, 79, 190); -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;"><div class="defilement">
Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah,
Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah,
Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah</div></span></font></div></td></div>
</tr><tr><td style="vertical-align: top;"><br></td></tr></tbody></table></div> </div><br>
<div style="opacity: 0.5;"><table width="-20%"><tbody><tr><td align="left" width="0"><div style="padding: 10px; background-color: rgb(69, 79, 190);"><font color="#c3c3c3"><span style="font-size: 10px; line-height: normal;"><font color="#454fbe">__________________</font><strong>histoire ( 15 l. ) ; <font color="#454fbe">__________________</font></strong><div style="padding: 4px; overflow: auto; width: 450px; height: 110px; background-color: rgb(69, 79, 190); -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;"><div class="defilement">
Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah,
Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah,
Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah, Blah</div></span></font></div></td></div>
</tr><tr><td style="vertical-align: top;"><br></td></tr></tbody></table></div> </div><br> [/center]

merci à l'âme charitable qui aidera une personne qui a même réussi à rater un tableau (cqfd) I love you I love you I love you

edit : c'est sous phpBB2 :geek:


Dernière édition par aquarell. le Sam 01 Jan 2011, 17:09, édité 1 fois
MessageSujet: Vide coloré   Vide coloré EmptyVen 31 Déc 2010, 14:30
Revenir en haut Aller en bas
http://art-of-cats.forums-actifs.com/forum.htm
#_Holigan
#_Holigan
{ Membre }
{ Membre }

Féminin Messages : 79



Vide coloré Empty
Pourquoi faire tous ces tableaux o.O
Fais en un seul, avec deux colonnes.
Utilise le colspan sur les première, troisième et quatrième lignes.


Un seul tableau, sous cette forme :
Code:
<table align="center">
<tr><th colspan="2" align="center"><div style="width:80%"></div></th></tr>
<tr><td width="30%"></td><td width="70%"></td></tr>
<tr><td colspan="2"></td></tr>
<tr><td colspan="2"></td></tr>
</table>
MessageSujet: Re: Vide coloré   Vide coloré EmptyVen 31 Déc 2010, 15:59
Revenir en haut Aller en bas
http://hawthorn-ranch.forumactif.com/forum.htm
aquarell.
{ Membre }
{ Membre }

Féminin Messages : 11



Vide coloré Empty
Bah c'pour une fiche de présentation tsé. Et comme y'a d'jà 10 commandes jpeux pas attendre 2 mois qu'une place se libère. :/ (VDM)
Mais en fait là c'est +/- moins mais quand je poste bah y'a ce grand vide moche (hideux, laid, répugnant [...]) et ça centre pas. ;_;
C'est à placer où, le code là ? oO
MessageSujet: Re: Vide coloré   Vide coloré EmptyVen 31 Déc 2010, 16:42
Revenir en haut Aller en bas
http://art-of-cats.forums-actifs.com/forum.htm
#_Holigan
#_Holigan
{ Membre }
{ Membre }

Féminin Messages : 79



Vide coloré Empty
Ce que je voulais dire c'ets pas ça x)

Le vide est du à la couleur de texte que tu as mise, c'ets la même que celle du background.

Autrement, ce que je disais donc, c'ets que tu as 6 tableaux dans ton code.
Pas normal.
ta div opacity est répétée plusieurs fois, alors qu'il suffit de la mettre une fois, en englobant tout.
Tu as donné des largeurs négatives à tes tableaux, et tes cases sont à 0px de large.

Voilà ton code un peu moins embrouillé, mais je suis incapable de gérer les espaces entre les lignes, je suis pas arrivée à les contrôler x)
Au moins le code est "plus propre".


Le fond de la première ligne est due au css d'ici Wink









nom & prénom de votre personnage.

nom ;
prénom ;
âge ;
sexe ;
orientation sexuelle ;
type de logement choisi ; ( maison, appartement, studio... )


__________________caractère ( 1o l. ) et physique ( 1o l. ) __________________

Lorem ipsum dolor sit amet consectetuer lacus orci tempus tincidunt mus. Pellentesque justo Donec tortor ac sed ut Curabitur Lorem feugiat wisi. Volutpat molestie convallis nibh Praesent tincidunt felis et metus tincidunt sodales. Magna Pellentesque Nam convallis. Eu Nam elit nonummy dignissim ullamcorper ipsum ligula justo orci.Lorem ipsum dolor sit amet consectetuer lacus orci tempus tincidunt mus. Pellentesque justo Donec tortor ac sed ut Curabitur Lorem feugiat wisi. Volutpat molestie convallis nibh Praesent tincidunt felis et metus tincidunt sodales. Magna Pellentesque Nam convallis. Eu Nam elit nonummy dignissim ullamcorper ipsum ligula justo orci.

Lorem ipsum dolor sit amet consectetuer lacus orci tempus tincidunt mus. Pellentesque justo Donec tortor ac sed ut Curabitur Lorem feugiat wisi. Volutpat molestie convallis nibh Praesent tincidunt felis et metus tincidunt sodales. Magna Pellentesque Nam convallis. Eu Nam elit nonummy dignissim ullamcorper ipsum ligula justo orci.Lorem ipsum dolor sit amet consectetuer lacus orci tempus tincidunt mus. Pellentesque justo Donec tortor ac sed ut Curabitur Lorem feugiat wisi. Volutpat molestie convallis nibh Praesent tincidunt felis et metus tincidunt sodales. Magna Pellentesque Nam convallis. Eu Nam elit nonummy dignissim ullamcorper ipsum ligula justo orci.


__________________histoire ( 15 l. ) ; __________________
Lorem ipsum dolor sit amet consectetuer lacus orci tempus tincidunt mus. Pellentesque justo Donec tortor ac sed ut Curabitur Lorem feugiat wisi. Volutpat molestie convallis nibh Praesent tincidunt felis et metus tincidunt sodales. Magna Pellentesque Nam convallis. Eu Nam elit nonummy dignissim ullamcorper ipsum ligula justo orci.Lorem ipsum dolor sit amet consectetuer lacus orci tempus tincidunt mus. Pellentesque justo Donec tortor ac sed ut Curabitur Lorem feugiat wisi. Volutpat molestie convallis nibh Praesent tincidunt felis et metus tincidunt sodales. Magna Pellentesque Nam convallis. Eu Nam elit nonummy dignissim ullamcorper ipsum ligula justo orci.

Lorem ipsum dolor sit amet consectetuer lacus orci tempus tincidunt mus. Pellentesque justo Donec tortor ac sed ut Curabitur Lorem feugiat wisi. Volutpat molestie convallis nibh Praesent tincidunt felis et metus tincidunt sodales. Magna Pellentesque Nam convallis. Eu Nam elit nonummy dignissim ullamcorper ipsum ligula justo orci.Lorem ipsum dolor sit amet consectetuer lacus orci tempus tincidunt mus. Pellentesque justo Donec tortor ac sed ut Curabitur Lorem feugiat wisi. Volutpat molestie convallis nibh Praesent tincidunt felis et metus tincidunt sodales. Magna Pellentesque Nam convallis. Eu Nam elit nonummy dignissim ullamcorper ipsum ligula justo orci.



Code:

<center><div style="opacity: 0.5; width: 80%;">
<table align="center">
<tr><th colspan="2" align="center"><div style="padding: 10px;  line-height: normal; background-color: rgb(69, 79, 190); color:#c3c3c3; width: 70%;"><span style="font-size: 18px; line-height: normal;">nom & prénom de votre personnage.</span></div></th></tr>

<tr><td width="30%"><center><div style="padding: 10px; background-color: rgb(69, 79, 190); "><img src="http://uppix.net/2/2/9/141905349ba518abe152a64870f70.png"></div></center></td>
<td width="70%"><div style="padding: 10px; background-color: rgb(69, 79, 190); color:#c3c3c3;"><span style="font-size: 10px; line-height:normal;">
<strong>nom ;</strong>
<strong>prénom ;</strong>
<strong>âge ;</strong>
<strong>sexe ;</strong>
<strong>orientation sexuelle ;</strong>
<strong>type de logement choisi ;</strong> ( maison, appartement, studio... )</span></div></td></tr>
<tr><td colspan="2">
<div style="padding: 10px; background-color: rgb(69, 79, 190); color:#c3c3c3;">
<span><strong>__________________caractère ( 1o l. ) et physique ( 1o l. )  __________________</strong></span>
<div style="height: 200px; overflow: auto;">
Lorem ipsum dolor sit amet consectetuer lacus orci tempus tincidunt mus. Pellentesque justo Donec tortor ac sed ut Curabitur Lorem feugiat wisi. Volutpat molestie convallis nibh Praesent tincidunt felis et metus tincidunt sodales. Magna Pellentesque Nam convallis. Eu Nam elit nonummy dignissim ullamcorper ipsum ligula justo orci.Lorem ipsum dolor sit amet consectetuer lacus orci tempus tincidunt mus. Pellentesque justo Donec tortor ac sed ut Curabitur Lorem feugiat wisi. Volutpat molestie convallis nibh Praesent tincidunt felis et metus tincidunt sodales. Magna Pellentesque Nam convallis. Eu Nam elit nonummy dignissim ullamcorper ipsum ligula justo orci.

Lorem ipsum dolor sit amet consectetuer lacus orci tempus tincidunt mus. Pellentesque justo Donec tortor ac sed ut Curabitur Lorem feugiat wisi. Volutpat molestie convallis nibh Praesent tincidunt felis et metus tincidunt sodales. Magna Pellentesque Nam convallis. Eu Nam elit nonummy dignissim ullamcorper ipsum ligula justo orci.Lorem ipsum dolor sit amet consectetuer lacus orci tempus tincidunt mus. Pellentesque justo Donec tortor ac sed ut Curabitur Lorem feugiat wisi. Volutpat molestie convallis nibh Praesent tincidunt felis et metus tincidunt sodales. Magna Pellentesque Nam convallis. Eu Nam elit nonummy dignissim ullamcorper ipsum ligula justo orci.</div>
</div>
</td></tr>
<tr><td colspan="2"><div style="padding:10px; background-color: rgb(69, 79, 190); color:#c3c3c3;"><span><strong>__________________histoire ( 15 l. ) ; __________________</strong>
</span><div style="height: 200px; overflow: auto;">Lorem ipsum dolor sit amet consectetuer lacus orci tempus tincidunt mus. Pellentesque justo Donec tortor ac sed ut Curabitur Lorem feugiat wisi. Volutpat molestie convallis nibh Praesent tincidunt felis et metus tincidunt sodales. Magna Pellentesque Nam convallis. Eu Nam elit nonummy dignissim ullamcorper ipsum ligula justo orci.Lorem ipsum dolor sit amet consectetuer lacus orci tempus tincidunt mus. Pellentesque justo Donec tortor ac sed ut Curabitur Lorem feugiat wisi. Volutpat molestie convallis nibh Praesent tincidunt felis et metus tincidunt sodales. Magna Pellentesque Nam convallis. Eu Nam elit nonummy dignissim ullamcorper ipsum ligula justo orci.

Lorem ipsum dolor sit amet consectetuer lacus orci tempus tincidunt mus. Pellentesque justo Donec tortor ac sed ut Curabitur Lorem feugiat wisi. Volutpat molestie convallis nibh Praesent tincidunt felis et metus tincidunt sodales. Magna Pellentesque Nam convallis. Eu Nam elit nonummy dignissim ullamcorper ipsum ligula justo orci.Lorem ipsum dolor sit amet consectetuer lacus orci tempus tincidunt mus. Pellentesque justo Donec tortor ac sed ut Curabitur Lorem feugiat wisi. Volutpat molestie convallis nibh Praesent tincidunt felis et metus tincidunt sodales. Magna Pellentesque Nam convallis. Eu Nam elit nonummy dignissim ullamcorper ipsum ligula justo orci.</div></div></td></tr>
</table></div></center>
MessageSujet: Re: Vide coloré   Vide coloré EmptyVen 31 Déc 2010, 17:24
Revenir en haut Aller en bas
http://hawthorn-ranch.forumactif.com/forum.htm
aquarell.
{ Membre }
{ Membre }

Féminin Messages : 11



Vide coloré Empty
Hanwé ! Merci beaucoup I love you
MessageSujet: Re: Vide coloré   Vide coloré EmptyVen 31 Déc 2010, 17:29
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Vide coloré Empty
Bonjour,
Votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci d'éditer votre premier post en cochant l'icône Vide coloré Resolu3.
Merci (:
MessageSujet: Re: Vide coloré   Vide coloré EmptySam 01 Jan 2011, 14:06
Revenir en haut Aller en bas
Contenu sponsorisé




Vide coloré Empty
MessageSujet: Re: Vide coloré   Vide coloré Empty
Revenir en haut Aller en bas
 

Vide coloré

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

 Sujets similaires

-
» Profil Coloré
» Graphisme: Art Coloré
» Fond d'un lien coloré (messages)
» [Résolu] Colonne vide à droite dans les catégories
» [Liens] Liens avec fond coloré

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