Problème de div je crois --> Bouton_activeProblème de div je crois --> Bouton_hoverProblème de div je crois --> Fb-hoverProblème de div je crois --> 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 de div je crois --> EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème de div je crois --> EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème de div je crois --> EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème de div je crois --> EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème de div je crois --> EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème de div je crois --> EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème de div je crois --> EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème de div je crois --> EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
LEGO Icons 10331 – Le martin-pêcheur
35 €
Voir le deal

Partagez
 

Problème de div je crois -->

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://hogwarts-chronicles.bbactif.com
LASTBREATH.
LASTBREATH.
{ Membre }
{ Membre }

Féminin Messages : 92



Problème de div je crois --> Empty
Bonjour ou bonsoir chers membres de css-actif. Je reviens avec un autre problème avec un tuto again – pour changer xD
En fait, j'ai trouvé un tuto assez sympa pour faire une pa en onglet... sauf que voilà, celle-ci n'accepte pas les class -->
Je vous donne le forum où j'ai fait le test :



le html de la pa :



la partie css concernée :



et le javascript :



Merci d'avance de votre aide en tout cas Problème de div je crois --> 577704309
MessageSujet: Problème de div je crois -->   Problème de div je crois --> EmptyVen 16 Nov 2012, 08:25
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Problème de div je crois --> Empty
Ouch !

Bonjour Lastbreath !

Alors, je dis ouch parce-qu'il y a quelques grosses erreurs dans le CSS et le JS.

Le CSS


La propriété @-ms-keyframes n'existe pas. Tu peux déjà commencer par retirer ce bloc inutile.

Ensuite un petit soucis avec une valeur qui n'existe pas, float ne peux pas valoir la valeur center (seulement left, right, none et inherit). Ligne 33 de ton code :
Code:
29   .tabs label {
30     font-size: 15px;
31     line-height: 40px;
32     position: relative;
33       float: center;
34     font-family: Times New Roman;
35     display: inline-block;
36     color: #999999;
 ...


Le Javascript


Beh ça m'étonnerais que ça marche, y'a un ; qui se balade au début du script et qui n'a rien à faire là... Etrange ?

Cela dit, c'est l'utilité du script qui me laisse perplexe. Sauf erreur de ma part, il s'agit de la librairie Modernizr qui permet de détecter (et d'ajouter certaines classes aux éléments en fonction) si les propriétés CSS/HTML (5) sont reconnues par le navigateur.
Ca permet de créer des alternatives pour les navigateurs qui ne reconnaissent pas la propriété, mais il ne me semble pas que Modernizr réalise lui-même une quelconque alternative.

Après il s'agit peut-être d'un script particulier qui a été modifié, j'suis pas rentré dans le détail, mais pour info : quel est censé être son rôle ?


Au passage, ton forum n'autorise pas l'affichage pour les visiteurs, donc difficile de constater de visu !

Voilà Smile
MessageSujet: Re: Problème de div je crois -->   Problème de div je crois --> EmptyVen 16 Nov 2012, 09:48
Revenir en haut Aller en bas
http://hogwarts-chronicles.bbactif.com
LASTBREATH.
LASTBREATH.
{ Membre }
{ Membre }

Féminin Messages : 92



Problème de div je crois --> Empty
Oups, désolée Espeon, j'ai tendance à oublier que je cache les catégories xD autant pour moi, je crois que là c'est bon normalement pour que tu puisses voir l'effet en question Problème de div je crois --> 577704309
MessageSujet: Re: Problème de div je crois -->   Problème de div je crois --> EmptyVen 16 Nov 2012, 09:53
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Problème de div je crois --> Empty
Hmmm oui je vois, les onglets fonctionnent bien (donc laisse le JS comme il l'est, j'imagine qu'elle est construite exprès).


Par contre du coup, je ne comprends pas quel est ton problème ? scratch
MessageSujet: Re: Problème de div je crois -->   Problème de div je crois --> EmptyVen 16 Nov 2012, 10:48
Revenir en haut Aller en bas
http://hogwarts-chronicles.bbactif.com
LASTBREATH.
LASTBREATH.
{ Membre }
{ Membre }

Féminin Messages : 92



Problème de div je crois --> Empty
Bah en fait, quand j'mets une classe dedans, genre :

Code:
<div class="prename">texte parce que blabla</div>

Bah ça ne me met pas la classe, et ça m'efface le texte ou ce que j'ai mis dedans xD (je ne sais pas si c'est plus clair là xD)
MessageSujet: Re: Problème de div je crois -->   Problème de div je crois --> EmptyVen 16 Nov 2012, 10:51
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Problème de div je crois --> Empty
Hmmm c'est étrange car avec ce que tu me donne il n'y a pas de raison que ça fasse cela.

Par curiosité, où est-ce-que tu essaies de placer ta <div> (et qu'il te l'enlève) ?

La seule raison à cela serait que le JS vienne modifier ton HTML, mais il ne me semble pas avoir vu une telle opération dans le script, que je vais ré-étudier de ce pas..
A et le ; au début du script est normal, je me suis renseigné à ce sujet donc pas de soucis avec la syntaxe Smile
MessageSujet: Re: Problème de div je crois -->   Problème de div je crois --> EmptyLun 19 Nov 2012, 09:06
Revenir en haut Aller en bas
http://hogwarts-chronicles.bbactif.com
LASTBREATH.
LASTBREATH.
{ Membre }
{ Membre }

Féminin Messages : 92



Problème de div je crois --> Empty
À la place de :



et après je sais pas, ça s'efface ><
MessageSujet: Re: Problème de div je crois -->   Problème de div je crois --> EmptyLun 19 Nov 2012, 17:07
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Problème de div je crois --> Empty
Alors pour y avoir regardé de plus près je peux te dire déjà que :
  • Ce n'est pas le javascript qui réalise l'effet. D'ailleurs il n'est pas même pas chargé dans la page donc je ne sais pas ce que tu en as fait (où l'as-tu mis) mais il n'apparaît pas.
  • C'est le CSS qui réalise le changement d'onglet en considérant les champs checkés en HTML (ce qui est très moche puisque ça correspond à un formulaire normalement



Personnellement je ne saurais que trop te conseiller de chercher un autre (vrai) système d'onglets, celui-ci étant complètement bancal et plus ou moins compatible, même avec Modernizr (je ne sais pas qui a fait ce truc mais c'est un petit rigolo en tout cas Smile).


Sinon pour ton problème de div qui disparaît, ça ne devrait pas et le HTML/CSS n'a rien à voir avec ça. Soit c'est un script qui modifie (et impose) ton HTML (mais je n'en ai pas vu), soit c'est ton template (donc FA) qui fait des siennes, peut-être parce-qu'il n'est pas valide... Ou bien à cause du navigateur : ça avait tendance à m'arriver quand le template était un peu gros et que j'étais sous Firefox, j'arrivais pas à modifier mon template, l'enregistrement n'aboutissait pas, page blanche à chaque fois...


Ah et sinon, si tu garde ce CSS, ce serait pas mal que tu fasse les petits correctifs que je t'ai détaillé dans mon premier message Wink
MessageSujet: Re: Problème de div je crois -->   Problème de div je crois --> EmptyMar 20 Nov 2012, 05:01
Revenir en haut Aller en bas
http://hogwarts-chronicles.bbactif.com
LASTBREATH.
LASTBREATH.
{ Membre }
{ Membre }

Féminin Messages : 92



Problème de div je crois --> Empty
Alors en fait, j'ai enlevé ce que tu m'as dit, sauf que ça modifie les onglets... et en allant demander à un forum qui a la même PA que moi, comment ils ont pu modifier le tout, on m'a conseillé de faire le contenu de mes onglets en iframe pour être sûr que cela soit pris en compte. Ensuite, on m'a confirmé que ça n'était pas adapté aux forums, mais à des sites, donc normal que cela ne semble pas si correct. Donc je vais essayer tout ça par iframe, et si j'ai un problème... bah je reviendrais demander de l'aide Problème de div je crois --> 577704309
MessageSujet: Re: Problème de div je crois -->   Problème de div je crois --> EmptyJeu 22 Nov 2012, 17:34
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Problème de div je crois --> Empty
Ah ouais... Sauf cas extrêmes (et encore, plus de nos jours) je persiste à penser qu'un truc qui fait appel à une iframe c'est un truc bancal. Notamment parce-que la page qui affiche l'iframe n'a aucun contrôle sur le contenu de l'iframe, justement.

Autant dire que pour un effet aussi simple qu'un menu avec des onglets, c'est très très très mal Razz (que ce soit pour un site ou pour un forum, ça fait pas de différence, un forum n'est qu'un site web après tout).

Par exemple, sans aller chercher très loin, le forum des forums propose un tutoriel clair et efficace de base pour faire un tableaux à onglets personnalisable en CSS à souhait. Et ça me laisse songer qu'il faudra qu'on fasse un tutoriel sur le principe de base d'un affichage par onglet sur CSSActif pour couper court à ces solutions exotiques (le plus simple ça reste des div identifiées, masquées qui s'affichent au clic sur un autre élément lié, pas d'iframe ou de javascript en dur dans le HTML et autres alternatives bizzaroïdes).


Bref, si ton soucis est résolu, je t'invite à l'indiquer dans le titre du sujet pour les modérateurs Wink
Je reste à disposition si tu as des questions cela étant !
MessageSujet: Re: Problème de div je crois -->   Problème de div je crois --> EmptyLun 26 Nov 2012, 11:18
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Problème de div je crois --> Empty
Bonjour,

Suite aux explications d'Espeon, pouvons-nous considérer votre problème comme "résolu" ? Smile
Merci.
MessageSujet: Re: Problème de div je crois -->   Problème de div je crois --> EmptySam 01 Déc 2012, 05:35
Revenir en haut Aller en bas
http://hogwarts-chronicles.bbactif.com
LASTBREATH.
LASTBREATH.
{ Membre }
{ Membre }

Féminin Messages : 92



Problème de div je crois --> Empty
Ouip ! Désolée, j'ai eu une semaine très chargée >< et je n'arrivais pas à modifier le titre ! Merci à Espeon pour sa patience en tout cas Problème de div je crois --> 577704309
MessageSujet: Re: Problème de div je crois -->   Problème de div je crois --> EmptySam 01 Déc 2012, 09:01
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Problème de div je crois --> Empty
Hello !
Puisque c'est résolu, je classe ! (:
MessageSujet: Re: Problème de div je crois -->   Problème de div je crois --> EmptyDim 02 Déc 2012, 13:47
Revenir en haut Aller en bas
Contenu sponsorisé




Problème de div je crois --> Empty
MessageSujet: Re: Problème de div je crois -->   Problème de div je crois --> Empty
Revenir en haut Aller en bas
 

Problème de div je crois -->

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

 Sujets similaires

-
» Problème d'affichage de HTML (Je crois que c'est du HTML enfait...)
» problème couleur texte + un autre problème de ... "thème".
» petit probleme avec mon QEEl :S [Probleme CLOS]
» Problème de code ou problème venant de moi ^^
» Problème d'affichage [PROBLÈME RÉSOLU]

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