Cadre et barre HTML Bouton_activeCadre et barre HTML Bouton_hoverCadre et barre HTML Fb-hoverCadre et barre HTML 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
Cadre et barre HTML EmptySam 30 Mar 2024, 22:07 par Peyton972

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

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

» Qui Est En Ligne - Utopia
Cadre et barre HTML EmptyDim 24 Déc 2023, 18:16 par romee

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

» Formulaire de connexion rapide amélioré
Cadre et barre HTML EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Cadre et barre HTML EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Cadre et barre HTML EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le deal à ne pas rater :
Cartes Pokémon : la prochaine extension Pokémon sera EV6.5 Fable ...
Voir le deal

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

Cadre et barre HTML

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

Féminin Messages : 16



Cadre et barre HTML Empty
Bonjour, bonsoir

Je fais appel à vous car j'ai un souci de code html. Enfin, plutôt deux soucis. J'ai parcouru les pages des problèmes résolus et je n'ai rien vu qui pourrait m'avancer, d'où la raison pour laquelle j'ouvre le topic.

Le code est utilisé sur un FA en phbb 2, avec l'opérateur Opéra v10. Pour l'instant, tout est posté sur mon forum test, car j'attends d'avoir fini tous mes préparatifs pour installer la v2 de mon RPG. X
Voici le code :
Spoiler:

Et l'aperçu (attention, il est très grand car j'ai un 22 pouces) screen

Je voudrais tout d'abord faire un cadre autour de ma fiche de présentation (pour ce qui est des "décorations", je connais les codes, c'est juste pour le cadre en lui-même).

Ensuite, là où j'ai mis une flèche, la barre de fond prend toute la largeur du message, alors que là où c'est des points, ça ne le fait pas. Pourtant, le code est exactement le même, je n'arrive pas à voir ce qui cloche.

Merci d'avance pour l'aide que vous pourrez m'apporter.
MessageSujet: Cadre et barre HTML   Cadre et barre HTML EmptyMer 09 Juin 2010, 16:36
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Cadre et barre HTML Empty
    Bonjour, je me permets de poster pour te dire qu'il faut être inscrit pour voir ton forum et qu'il te faut donc modifier ce "détail". Merci à toi.
MessageSujet: Re: Cadre et barre HTML   Cadre et barre HTML EmptyMer 09 Juin 2010, 16:44
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Cadre et barre HTML Empty
Bonsoir,
Alors ton code en lui même est un peu en désordre ^^"
Il faut éviter de mélanger comme ça le bbcode et le html. De plus il y a pas mal d'oubli de ";" ou de guillemets.

Par rapport aux barres qui ne vont pas jusqu'au bout c'est à cause de la balise
Code:
<blockquote>

Que tu as ouverte par deux fois sans la refermer.
MessageSujet: Re: Cadre et barre HTML   Cadre et barre HTML EmptyMer 09 Juin 2010, 16:53
Revenir en haut Aller en bas
Katreuh
Katreuh
{ Membre }
{ Membre }

Féminin Messages : 16



Cadre et barre HTML Empty
Le forum est (en partie) visible maintenant.

Quant au code, je l'ai fait à l'arrache, donc effectivement, qu'il soit en désordre, c'est un euphémisme.
En tous, cas, merci pour la balise déjà ^^
MessageSujet: Re: Cadre et barre HTML   Cadre et barre HTML EmptyMer 09 Juin 2010, 17:17
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Cadre et barre HTML Empty
Pour le cadre, tu recherches quelque chose comme ça ?

Code:
<div style="border: 5px solid #729179;"><br>[center]<DIV style="BACKGROUND-COLOR: #729179; TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY:PalatinoLinotype"><FONT face=georgia size=7 color=#EFFBFF>Nom & Prénom</FONT></SPAN><BR></DIV>[/center]

<center>[list][table border=0][tr][td][font=Georgia][img]http://moe.mabul.org/up/moe/2010/05/25/img-114256nf70d.png[/img]
[size=9]Avatar 200x320 ©️ Crédit[/size]
[/font]
[/td][td][list]

[list][size=9][*][color=#EFFBFF]NOM :[/color]
[*][color=#EFFBFF]PRÉNOM(S) :[/color]
[*][color=#EFFBFF]NATIONALITÉ :[/color]
[*][color=#EFFBFF]ÂGE :[/color]
[*][color=#EFFBFF]ANNÉE :[/color]
[/size][/list]
[/list][/td][/tr][/table][/list]</center>



[center]<DIV style="BACKGROUND-COLOR: #729179; TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY:PalatinoLinotype"><FONT face=georgia size=7 color=#EFFBFF>Apparence & Personnalité</FONT></SPAN><BR></DIV>[/center]



<div style="background-color: #EFFBFF; font-variant: small-caps; border: dotted 1px  #2F574D;">[center][size=11][color=#2F574D][font=Georgia]Ton texte ici : Séparez le physique du caractère. Un paragraphe de 7 lignes minimum pour chaque.[/font][/color][/size][/center]</div>


[center]<DIV style="BACKGROUND-COLOR: #729179; TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY:PalatinoLinotype"><FONT face=georgia size=7 color=#EFFBFF>Histoire</FONT></SPAN><BR></DIV>[/center]


<div style="background-color: #EFFBFF; font-variant: small-caps; border: dotted 1px  #2F574D; ">[center][size=11][color=#2F574D] [font=Georgia]Ton texte ici : 15 lignes minimum[/font][/color][/size][/center]</div>

[center]<DIV style="BACKGROUND-COLOR: #729179; TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY:PalatinoLinotype"><FONT face=georgia size=7 color=#EFFBFF>Expérience & Répartition</FONT></SPAN><BR></DIV>[/center]

<center>[list][table border=0][tr][td][center][font=Georgia][img]http://moe.mabul.org/up/moe/2010/05/25/img-115634yz5n6.png[/img] [img]http://moe.mabul.org/up/moe/2010/05/25/img-115634yz5n6.png[/img]
[size=9]©️ Crédit[/size]
[/font][/center]
[/td][td][list][list]
[/list]
[/list][/td][/tr][/table][/list]</center>


[center]<DIV style="BACKGROUND-COLOR: #729179; TEXT-ALIGN: center" align=center><SPAN style="FONT-FAMILY:PalatinoLinotype"><FONT face=georgia size=7 color=#EFFBFF>Et dans la vie réelle ?</FONT></SPAN><BR></DIV>[/center]

<center>[list][table border=0][tr][td][center][font=Georgia][img]http://moe.mabul.org/up/moe/2010/05/25/img-115634yz5n6.png[/img]
[size=9]©️ Crédit[/size]
[/font][/center][/td][td][list]
[list][size=9][*][color=#EFFBFF]PRENOM :[/color]
[*][color=#EFFBFF]AGE:[/color]]
[*][color=#EFFBFF]COMMENT AVEZ VOUS CONNU LE FORUM :[/color]
[*][color=#EFFBFF]QUE PENSES-TU DU FORUM ?[/color]
[*][color=#EFFBFF]PERSONNALITÉ DE VOTRE AVATAR : [/color]
[*][color=#EFFBFF]CODE DU REGLEMENT : [/color]
[spoiler]...[/spoiler]
[/size][/list]
[/list][/td][/tr][/table][/list]</center></div>
MessageSujet: Re: Cadre et barre HTML   Cadre et barre HTML EmptyMer 09 Juin 2010, 17:52
Revenir en haut Aller en bas
Katreuh
Katreuh
{ Membre }
{ Membre }

Féminin Messages : 16



Cadre et barre HTML Empty
Oui, c'était quelque chose comme ça, merci.
Par contre, est-ce que tu sais comment je peux faire pour que les barres de "titres" ne touchent pas le cadre ? Ca fait assez laid de cette manière...
MessageSujet: Re: Cadre et barre HTML   Cadre et barre HTML EmptyJeu 10 Juin 2010, 02:43
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Cadre et barre HTML Empty
J'ai rajouté des marges dans tes DIV

Code:
<div style="border: 5px solid #729179;"><br>[center]<DIV style="BACKGROUND-COLOR: #729179; TEXT-ALIGN: center; margin-left: 10px; margin-right: 10px;" align=center><SPAN style="FONT-FAMILY:PalatinoLinotype;"><FONT face=georgia size=7 color=#EFFBFF>Nom & Prénom</FONT></SPAN><BR></DIV>[/center]

<center>[list][table border=0][tr][td][font=Georgia][img]http://moe.mabul.org/up/moe/2010/05/25/img-114256nf70d.png[/img]
[size=9]Avatar 200x320 ©️ Crédit[/size]
[/font]
[/td][td][list]

[list][size=9][*][color=#EFFBFF]NOM :[/color]
[*][color=#EFFBFF]PRÉNOM(S) :[/color]
[*][color=#EFFBFF]NATIONALITÉ :[/color]
[*][color=#EFFBFF]ÂGE :[/color]
[*][color=#EFFBFF]ANNÉE :[/color]
[/size][/list]
[/list][/td][/tr][/table][/list]</center>



[center]<DIV style="BACKGROUND-COLOR: #729179; margin-left: 10px; margin-right: 10px; TEXT-ALIGN: center;" align=center><SPAN style="FONT-FAMILY:PalatinoLinotype"><FONT face=georgia size=7 color=#EFFBFF>Apparence & Personnalité</FONT></SPAN><BR></DIV>[/center]



<div style="background-color: #EFFBFF; font-variant: small-caps; border: dotted 1px  #2F574D; margin-left: 10px; margin-right: 10px;">[center][size=11][color=#2F574D][font=Georgia]Ton texte ici : Séparez le physique du caractère. Un paragraphe de 7 lignes minimum pour chaque.[/font][/color][/size][/center]</div>


[center]<DIV style="BACKGROUND-COLOR: #729179; TEXT-ALIGN: center; margin-left: 10px; margin-right: 10px;" align=center><SPAN style="FONT-FAMILY:PalatinoLinotype"><FONT face=georgia size=7 color=#EFFBFF>Histoire</FONT></SPAN><BR></DIV>[/center]


<div style="background-color: #EFFBFF; font-variant: small-caps; border: dotted 1px  #2F574D; margin-left: 10px; margin-right: 10px;">[center][size=11][color=#2F574D] [font=Georgia]Ton texte ici : 15 lignes minimum[/font][/color][/size][/center]</div>

[center]<DIV style="BACKGROUND-COLOR: #729179; TEXT-ALIGN: center; margin-left: 10px; margin-right: 10px;" align=center><SPAN style="FONT-FAMILY:PalatinoLinotype"><FONT face=georgia size=7 color=#EFFBFF>Expérience & Répartition</FONT></SPAN><BR></DIV>[/center]

<center>[list][table border=0][tr][td][center][font=Georgia][img]http://moe.mabul.org/up/moe/2010/05/25/img-115634yz5n6.png[/img] [img]http://moe.mabul.org/up/moe/2010/05/25/img-115634yz5n6.png[/img]
[size=9]©️ Crédit[/size]
[/font][/center]
[/td][td][list][list]
[/list]
[/list][/td][/tr][/table][/list]</center>


[center]<DIV style="BACKGROUND-COLOR: #729179; TEXT-ALIGN: center; margin-left: 10px; margin-right: 10px;" align=center><SPAN style="FONT-FAMILY:PalatinoLinotype"><FONT face=georgia size=7 color=#EFFBFF>Et dans la vie réelle ?</FONT></SPAN><BR></DIV>[/center]

<center>[list][table border=0][tr][td][center][font=Georgia][img]http://moe.mabul.org/up/moe/2010/05/25/img-115634yz5n6.png[/img]
[size=9]©️ Crédit[/size]
[/font][/center][/td][td][list]
[list][size=9][*][color=#EFFBFF]PRENOM :[/color]
[*][color=#EFFBFF]AGE:[/color]]
[*][color=#EFFBFF]COMMENT AVEZ VOUS CONNU LE FORUM :[/color]
[*][color=#EFFBFF]QUE PENSES-TU DU FORUM ?[/color]
[*][color=#EFFBFF]PERSONNALITÉ DE VOTRE AVATAR : [/color]
[*][color=#EFFBFF]CODE DU REGLEMENT : [/color]
[spoiler]...[/spoiler]
[/size][/list]
[/list][/td][/tr][/table][/list]</center></div>
MessageSujet: Re: Cadre et barre HTML   Cadre et barre HTML EmptyJeu 10 Juin 2010, 08:44
Revenir en haut Aller en bas
Katreuh
Katreuh
{ Membre }
{ Membre }

Féminin Messages : 16



Cadre et barre HTML Empty
Merci beaucoup Kimy.

Je marque le problème en résolu ^^
MessageSujet: Re: Cadre et barre HTML   Cadre et barre HTML EmptyJeu 10 Juin 2010, 09:03
Revenir en haut Aller en bas
Contenu sponsorisé




Cadre et barre HTML Empty
MessageSujet: Re: Cadre et barre HTML   Cadre et barre HTML Empty
Revenir en haut Aller en bas
 

Cadre et barre HTML

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

 Sujets similaires

-
» Remonter le bas d'un cadre HTML
» Cadre barre de navigation
» Barre de navigation+ handicapé du Html = casse tête
» Coller corps forum / modifier cadre en-tête / barre de liens
» Problème d'affichage de HTML (Je crois que c'est du HTML enfait...)

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