(problème) cadre non centrer. Bouton_active(problème) cadre non centrer. Bouton_hover(problème) cadre non centrer. Fb-hover(problème) cadre non centrer. 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
(problème) cadre non centrer. EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
(problème) cadre non centrer. EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
(problème) cadre non centrer. EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
(problème) cadre non centrer. EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
(problème) cadre non centrer. EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
(problème) cadre non centrer. EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
(problème) cadre non centrer. EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
(problème) cadre non centrer. EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

Partagez
 

(problème) cadre non centrer.

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



(problème) cadre non centrer. Empty
Alors bonsoir à tous.
J'aurais besoin de votre aide, car ça fait très longtemps que je n'ai pas coder, et lorsque je m'y remets, j'ai un soucie de codage. Je n'ai pas mis center, mais même lorsque je le mets, un seul cadre centre, et non l'autre, il reste toujours sur le côté de l'autre cadre qui au-dessus de lui. J'aimerai savoir comment centrer l'autre aussi pour qu'il soit au centre du premier cadre qui est au-dessus de lui.

Spoiler:
MessageSujet: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyMer 16 Jan 2013, 18:44
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



(problème) cadre non centrer. Empty
Bonjour Kyou !

Je pense que ce tutoriel te sera utile du coup si j'ai bien compris ce que tu souhaites faire Smile

Pour info, c'est visiblement le texte que tu veux centrer dans le deuxième cadre (puisque le cadre en soit fait 430px de largeur au total, comme celui qui le contient). Pour cela, il faut changer la propriété text-align: justify par la valeur center (le texte sera centré dans le bloc).

Enfin, je te conseille de séparer le CSS du HTML. Au lieu d'avoir <div style="blablabla"> c'est mieux d'avoir simplement <div class="ma-classe"> et de créer dans la feuille de CSS de ton forum :
Code:
.ma-classe {
    blablabla...
}
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyJeu 17 Jan 2013, 04:41
Revenir en haut Aller en bas
http://xseiteki-gakuen.forumactif.org/
Kyou
Kyou
{ Membre }
{ Membre }

Féminin Messages : 164



(problème) cadre non centrer. Empty
Je veux qu'en gros, que mes deux cadres soient centrer, et non le texte. Je vais te montrer un exemple : modèle. tu vois le cadre 1 et centrer au milieu du cadre 2 dans le modèle.
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyJeu 17 Jan 2013, 12:02
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



(problème) cadre non centrer. Empty
Tout d'abord, je ne vois pas de quel cadre tu parle avec ton lien : il y a tout plein d'éléments sur ta page, soit plus explicite s'il te plait Smile

Sinon, tu peux centrer tant que tu veux ton deuxième cadre dans le premier mais il s'avère que les 2 cadres ont visiblement la même largeur... Prend 2 boites de même largeur et essaye de placer la première boite au centre de la deuxième et tu verra vite d'où vient ton problème ^_^

Ah et, juste pour être sûr, la largeur du cadre se calcule avec width + padding-left + padding-right (et on rajoute également les margins si tu veux la place globale qu'il prend).
Ton premier cadre fait 430px de largeur et le deuxième fait 390 + 20 + 20 = 430px également bom


P.S: Mais tout cela je te l'ai déjà expliqué dans mon premier message qui contient tout ce qu'il faut pour résoudre ton problème et même plus Wink
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyJeu 17 Jan 2013, 12:33
Revenir en haut Aller en bas
http://xseiteki-gakuen.forumactif.org/
Kyou
Kyou
{ Membre }
{ Membre }

Féminin Messages : 164



(problème) cadre non centrer. Empty
Je te montre, mon problème en image :
maintenant :
https://nsa29.casimages.com/img/2013/01/17/130117061157293354.png

ce que je veux :
https://nsa29.casimages.com/img/2013/01/17/130117061324434640.png

est-ce que tu comprends ce que je te demande, maintenant.
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyJeu 17 Jan 2013, 13:12
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



(problème) cadre non centrer. Empty
Oui oui d'accord, l'exotisme réside dans le fait que c'est le premier cadre que tu souhaites centrer sous le deuxième, mais mes explications restent les mêmes à savoir pour commencer :
  • Nettoie le CSS de ton HTML pour que ce soit plus lisible (si tu ne comprends toujours pas de quoi je parle sur ce point dis le moi)
  • Sers-toi du tutoriel dont je t'ai donné le lien pour centrer le bloc du dessous déjà, c'est une bonne base
  • Fais en sorte que les 2 blocs n'aient pas la même taille sinon l'effet ne sera pas probant/celui désiré


Une fois que tu auras fait ça, tu devrait avoir tes deux blocs centrés mais pas tout à fait comme tu le souhaites (vu que le bloc du dessus commencera toujours au même endroit que son conteneur).
Pour régler ce dernier détail c'est pas très compliqué vu que tu fixe les tailles de tes blocs : tu calcule la différence de largeur entre tes deux blocs, tu divise cette valeur par 2 et tu applique un margin-left: (DIFFERENCE DE LARGEUR / 2); au bloc supérieur, ça te donnera le résultat escompté à savoir par exemple :



xxxxxxxxxxxxxxx


MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyVen 18 Jan 2013, 04:37
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



(problème) cadre non centrer. Empty
Hello,

Ça ne serait pas plus "propre" de créer un décalage relatif ? '_' (Les marges négatives c'est le mal)
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyVen 18 Jan 2013, 04:52
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



(problème) cadre non centrer. Empty
Tout à fait exact.

Pour la dernière étape, oublie le margin-left et remplace-le par position: relative; suivi de left: (DIFFERENCE DE LARGEUR / 2);.

Comme le dit 'Christa, c'est bien plus propre Smile
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyVen 18 Jan 2013, 05:10
Revenir en haut Aller en bas
http://xseiteki-gakuen.forumactif.org/
Kyou
Kyou
{ Membre }
{ Membre }

Féminin Messages : 164



(problème) cadre non centrer. Empty
D'accord, je vais essayer ça de suite.
Je vous tiens au courant.
Au faite, si je ne peux pas le mettre en "css" c'est que ce n'est pas sur mon forum que je compte le mettre.
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptySam 19 Jan 2013, 09:00
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



(problème) cadre non centrer. Empty
Dans ce cas c'est effectivement légitime, rien à redire Wink

J'attends donc de tes nouvelles pour savoir si tu t'en es sortie avec le code (ou non) Smile
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyLun 21 Jan 2013, 06:16
Revenir en haut Aller en bas
http://xseiteki-gakuen.forumactif.org/
Kyou
Kyou
{ Membre }
{ Membre }

Féminin Messages : 164



(problème) cadre non centrer. Empty
Oh est-ce que je peux poser une question ici, mais qui a un autre rapport avec un css, pour ne pas utiliser un autre sujet. J'aimerai savoir comment on fait pour qu'au passage les lettres s'écartent petit à petit comme ce forum : http://www.bazzart.org/
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyVen 25 Jan 2013, 01:39
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



(problème) cadre non centrer. Empty
Ce code t'explique quelle propriété changer et ce tutoriel (même s'il n'a pas encore été repris pour être plus pédagogique, il reste assez clair et concis) t'explique comment appliquer une transition sur un effet (= que cet effet se fasse petit à petit et pas d'un coup).

Normalement tu devrais t'en sortir avec ça Smile

J'attends des nouvelles de ton code ensuite aussi (histoire de rester sur le sujet initial ^_^) : tu t'en sors ?
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyVen 25 Jan 2013, 03:26
Revenir en haut Aller en bas
http://luanthe.tumblr.com
Enceladus
Enceladus
{ Membre }
{ Membre }

Masculin Messages : 10



(problème) cadre non centrer. Empty
Juste pour dire (si je le puis) qu'on peut séparer html et css sur forumactif même si on n'est pas admin du forum. Pour un post, faire un petit fichier css, l'héberger et le mettre en haut du post avec ceci :
Code:
<link href="http://liendemonpetitfichier.css" rel="stylesheet" type="text/css" />
ne m'a jamais posé de problème. J'imagine qu'on peut généraliser cette pratique, non ?
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyVen 25 Jan 2013, 07:57
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



(problème) cadre non centrer. Empty
Tout à fait Enceladus est c'est une bien meilleure pratique.

Après c'est à Kyou de voir si elle peut/sait/veut héberger son fichier CSS ou non Wink

Notez d'ailleurs que en théorie, placer un <style type="text/css"> ou un <link /> dans un message (= en dehors du <head> de la page) n'est pas vraiment valide et que en théorie, dans ce cas là, il faudrait utiliser les attributs style="" (mais bon je comprends le besoin de recourir à une feuille externe et, en définitive, on peut dire que ça passe, mais c'est bien de le savoir).
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyVen 25 Jan 2013, 08:45
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



(problème) cadre non centrer. Empty
Mais (et c'est là que le bât blesse) il faut pouvoir héberger le fichier CSS de façon stable et c'est moins facile T_T J'ai demandé à FA s'ils pouvaient créer un système de gestion de feuilles de style tout comme ils ont créé un système de gestion de pages HTML et Javascript, mais le temps qu'ils mettent ça en place...
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyVen 25 Jan 2013, 10:20
Revenir en haut Aller en bas
http://luanthe.tumblr.com
Enceladus
Enceladus
{ Membre }
{ Membre }

Masculin Messages : 10



(problème) cadre non centrer. Empty
Pour l'hébergement, j'utilisais archivehost par le passé, maintenant dropbox. Ce sont deux hébergeurs différents qui nécessitent tous les deux une inscription. Gratuitement, l'un offre un stockage de 200Mo, l'autre de 2Go (un peu plus en parrainant des gens... j'vous donne mon identifiant dropbox si vous êtes intéressé ? (problème) cadre non centrer. 3333627970). Ils ont le même point commun : quand on ré-héberge un fichier sans modifier son nom, son url ne change pas d'un caractère. C'est assez pratique. ^^'

Je note ton info, Espeon, très intéressante... Les deux règles se contredisent presque, c'est drôle.
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyVen 25 Jan 2013, 10:42
Revenir en haut Aller en bas
http://xseiteki-gakuen.forumactif.org/
Kyou
Kyou
{ Membre }
{ Membre }

Féminin Messages : 164



(problème) cadre non centrer. Empty
WOUAH, et non je ne sais pas faire ça ._.
Je peux avoir tes identifiants, enfin je veux dire, que je veux bien (:
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptySam 26 Jan 2013, 15:40
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



(problème) cadre non centrer. Empty
@Kyou : ce qu'Enceladus t'explique c'est qu'il peut te parrainer pour ouvrir un compte Dropbox, pas de te donner ses identifiants pour te connecter à sa place (c'est peut-être ce que tu voulais dire, mais je préfère éviter les quiprocos).

Quoiqu'il en soit, ton problème est-il résolu/peut-on clore le sujet ? Si oui je t'invite à l'indiquer dans le titre du sujet pour faciliter le travail des modérateurs Kyou Wink
En ce qui concerne les détails de comment héberger ton CSS sur Dropbox et te faire parrainer par Enceladus, je vous laisse traiter ça par MP (ce sera plus approprié) Smile
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyLun 28 Jan 2013, 05:32
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



(problème) cadre non centrer. Empty
Hello !
Je viens aux nouvelles : le sujet est-il toujours d'actualité ?
Si nous n'avons pas de réponse dans 4 jours, il sera considéré comme résolu !
Merci de ta compréhension (problème) cadre non centrer. 926145
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptySam 02 Fév 2013, 19:15
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



(problème) cadre non centrer. Empty
Yop !
N'ayant toujours pas obtenu de réponse, je considère ce sujet comme résolu !
Merci de ta compréhension (problème) cadre non centrer. 926145
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. EmptyDim 10 Fév 2013, 15:17
Revenir en haut Aller en bas
Contenu sponsorisé




(problème) cadre non centrer. Empty
MessageSujet: Re: (problème) cadre non centrer.   (problème) cadre non centrer. Empty
Revenir en haut Aller en bas
 

(problème) cadre non centrer.

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

 Sujets similaires

-
» Centrer le contenu d'un cadre
» Probleme : Sa veut pas se centrer !
» Centrer titres des forums problème ...
» Problème qeel image, centrer le texte
» Problème Cadre

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