IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

CSS sur un input inconstant [Fait]


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de dark_vidor
    Homme Profil pro
    Élève
    Inscrit en
    Janvier 2005
    Messages
    321
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Élève

    Informations forums :
    Inscription : Janvier 2005
    Messages : 321
    Par défaut CSS sur un input inconstant
    Bonjour,

    J'ai installer PunBB sur mon site, j'en ai fait l'intégration en partie sur mon site.

    Cependant les input de mon formulaire de connexion ne sont pas contant que je sois sur le site ou sur le forum : les feuilles de styles du PunBB doivent interférées mais je n'arrive pas a déterminer quoi

    J'ai supprimé tout les style input des feuilles du forum mais rien n'y fait

    Voici le lien : http://www.team-gt5net.com/forum/

    Le formulaire de connexion fait pourtant appel a des styles définies et inséré après ceux de PunBB :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
     
    .connexion{
    	width: 400px;
    	height: 50px;
    	overflow: hidden;
    }
     
    .connexion form {
    	padding: 5px 0 0 15px;
    }
     
    .connexion_input {
    	font-family: "Trebuchet MS" !important;
    	font-size: 11px !important;
    	color: #464646;
    	border: 1px solid #666666;
    	width: 100px;
    	height: 18px !important;
    	margin: 2px 0 2px 0;
    	line-height: 0 !important;
    }
     
    .connexion_input:hover {
    	border: 1px solid #3399FF;
    }
     
    .connexion_input:focus {
    	border: 1px solid #969696;
    	background-color: #E1E1E1;
    }
    Je sèche un peu

    Merci pour votre aide

  2. #2
    Membre émérite Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Par défaut
    Bonjour,

    Quand je vais sur ton lien et que je regarde l'apparence des input, cela correspond bien à la feuille de style.

    Quel est ton problème au final ?

  3. #3
    Membre éclairé Avatar de dark_vidor
    Homme Profil pro
    Élève
    Inscrit en
    Janvier 2005
    Messages
    321
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Élève

    Informations forums :
    Inscription : Janvier 2005
    Messages : 321
    Par défaut
    Sur le forum j'obtiens ça :


    Sur le reste du site ça :


    C'est le même 'header' ... c'est le même code css et j'obiens deux choses différentes en hauteur

    Je veux bien sur obtenir partout la même chose que sur le site, mais rien n'y fait

  4. #4
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Bonsoir,
    c'est à cause du mode de rendu Quirks (non standard donc déconseillé) déclenché par un doctype HTML4 incomplet : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    Attention tu es en XHTML 1.0 sur le forum et en HTML4 sur le reste du site
    Il te faudrait tout passer si tu le peux en XHTML 1.0 (tu peux convertir la syntaxe de manière automatisé)

  5. #5
    Membre éclairé Avatar de dark_vidor
    Homme Profil pro
    Élève
    Inscrit en
    Janvier 2005
    Messages
    321
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Élève

    Informations forums :
    Inscription : Janvier 2005
    Messages : 321
    Par défaut
    comment fait on pour le XHTML ? ça m'intéresse autant le faire maintenant j'ai pas beaucoup de page quelles seront les conséquences ?

    edit: j'ai passer l'index en xhtml strict du coup je me retrouve avec mon décalage sur les inputs comment leur donner le même aspect qu'en html ?
    pour les différences j'ai vu c'est des balises a fermer de la sorte />

  6. #6
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Pense à faire des recherches : http://a-pellegrini.developpez.com/tutoriels/xhtml/#L3
    Ce n'est pas le fait que tu sois passé en HTML qui provoque cette différence mais l'utilisation d'un autre mode de rendu plus conformes aux standard et déclenché par le doctype XHTML 1.0.

Discussions similaires

  1. hover sur un input bouton dans le css qui ne fonctionne pas
    Par patricktoulon dans le forum Mise en page CSS
    Réponses: 94
    Dernier message: 18/07/2013, 16h47
  2. Problème de style CSS sur champ input text
    Par elekaj34 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 14/12/2011, 10h53
  3. CSS sur un input type text
    Par darkloy dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 23/07/2009, 11h54
  4. focus sur une input text
    Par mic79 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 05/01/2005, 18h06

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo