T_T Bouton_activeT_T Bouton_hoverT_T Fb-hoverT_T 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
T_T EmptyLun 03 Juin 2024, 17:20 par birds

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

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

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

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

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

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

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

-33%
Le deal à ne pas rater :
Trottinette électrique pliable Ninebot E2 E Segway à 199€
199 € 299 €
Voir le deal

Partagez
 

T_T

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://chained-memories.1fr1.net/
Regan
{ Membre }
{ Membre }

Féminin Messages : 131



T_T Empty
Bonsoir !
Alors voilà, j'ai essayé de réaliser une mise en page pour mon forum et ça... a comment dire? Englobé les éléments de ma page. Est-ce que j'ai mal fermé une balise?

Message normal :
Spoiler:

Message avec mon texte mis en page :
Spoiler:

HTML du message :
Spoiler:

Au passage, quelqu'un pourrait m'expliquer précisément comment ce système de " mise en page " fonctionne? J'ai un peu du mal, on m'a expliqué vaguement en me donnant pour exemple un code que j'ai bidouillé à ma guise m'enfin bon...
Si l'on pouvait me détailler les principales balises à utiliser Smile

Merci =)
MessageSujet: T_T   T_T EmptyDim 15 Aoû 2010, 18:22
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



T_T Empty
Donc ton code a quelques erreurs. Je vais les mettre en rouge, et mettre en bleu ce qui manque~
Citation :
<table width="520" <align="center" ><tr> <align="center"><tr><fieldset style="border:#221b18 4px double ;-moz-border-radius-bottomleft:7px;-moz-border-radius-bottomright:0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:7px;"><legend><fi> Contexte</fi></legend><blockquote>
Contexte à venir.

</blockquote></fieldset>[color=blue]</td></tr></table>[color]

Donc:
<table width="520" <align="center"> : Ceci est une erreur parce que le align devrait être à l'intérieur de la balise table, et non pas à part. De plus, la balise table n'est pas fermée.
Le code exact serait:
<table width="520" align="center">

<tr><align="center"> : C'est le même principe que le code d'avant, sauf qu'ici tu as fermé la balise tr.
Le code exact serait:
<tr align="center">

<tr> : Ici je parle du deuxième tr. C'est une erreur car tr signifie que que tu ouvre une nouvelle ligne, alors que tu en as déjà ouvert une sans la refermer avant. Ce que j'ai compris en voyant ton code, c'est que tu as essayé de mettre une cellule, donc tu contenu.
Le code exact serait:
<td>

</td></tr></table> : Là, les balises n'étaient tout simplement pas fermées. On ferme d'abord la cellule avec /td, puis la ligne avec /tr, et finalement le tableau en tant que tel avec /table.

Le code entier exact:
Code:
<table width="520" align="center" ><tr align="center"><td><fieldset style="border:#221b18 4px double ;-moz-border-radius-bottomleft:7px;-moz-border-radius-bottomright:0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:7px;"><legend><fi>[size=18][font=courier new] Contexte[/font][/size]</fi></legend><blockquote>[size=12][font=Times New Roman][justify]Contexte à venir.[/justify][/font][/size]
</blockquote></fieldset></td></tr></table>

MessageSujet: Re: T_T   T_T EmptyDim 15 Aoû 2010, 18:32
Revenir en haut Aller en bas
http://chained-memories.1fr1.net/
Regan
{ Membre }
{ Membre }

Féminin Messages : 131



T_T Empty
Oh merci Iko ** ça marche =') !
*émue*

Est-ce que c'est possible de créer une class afin que tous mes messages possèdent cette forme?
MessageSujet: Re: T_T   T_T EmptyDim 15 Aoû 2010, 18:36
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



T_T Empty
Ouep, c'est possible~
Donc toute cette partie:
"border:#221b18 4px double ;-moz-border-radius-bottomleft:7px;-moz-border-radius-bottomright:0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:7px;"

Va être convertie en class~
Ça devrait donner ça:
Code:
.message {
border: 4px double #221b18;
-moz-border-radius: 0px 7px 0px 7px;
-webkit-border-radius: 0px 7px 0px 7px;
border-radius: 0px 7px 0px 7px;
}
J'ai dit message mais ça pourrait être n'importe quoi xD

Doc avec la class message, ça donnerait ça:
Code:
<table width="520" align="center" ><tr align="center"><td><fieldset class="message""><legend><fi>[size=18][font=courier new] Contexte[/font][/size]</fi></legend><blockquote>[size=12][font=Times New Roman][justify]Contexte à venir.[/justify][/font][/size]
</blockquote></fieldset></td></tr></table>
PS: Je t'ai un peu simplifié le code des arrondis tout en ajoutant le code pour Safari, Google Chrome et Opera.
Ça devrait marcher~

EDIT: J'ai répondu à ton sujet de problèmes existentiels au fait xD
MessageSujet: Re: T_T   T_T EmptyDim 15 Aoû 2010, 18:41
Revenir en haut Aller en bas
http://chained-memories.1fr1.net/
Regan
{ Membre }
{ Membre }

Féminin Messages : 131



T_T Empty
HALLELUJIAH CA MARCHE *_____________*
épouse-moi T_T 306373 Love

non j'déconne, il est tard j'pars en cacahuètes xDD

merci d'être si agréable Smile
MessageSujet: Re: T_T   T_T EmptyDim 15 Aoû 2010, 18:49
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



T_T Empty
Je suis déjà mariée à plusieurs personnes T_T 465622

Mais de rien voyons **
C'est mon travail de super flash modo codeur admin par intérim xD T_T 510527
Donc je classe ton sujet =D
MessageSujet: Re: T_T   T_T EmptyDim 15 Aoû 2010, 18:58
Revenir en haut Aller en bas
http://chained-memories.1fr1.net/
Regan
{ Membre }
{ Membre }

Féminin Messages : 131



T_T Empty
MDR ^^'
oui classe Smile
MessageSujet: Re: T_T   T_T EmptyLun 16 Aoû 2010, 07:05
Revenir en haut Aller en bas
Contenu sponsorisé




T_T Empty
MessageSujet: Re: T_T   T_T Empty
Revenir en haut Aller en bas
 

T_T

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

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