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 :

SVG logo et CSS Browser Selector


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Janvier 2011
    Messages
    81
    Détails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 81
    Par défaut SVG logo et CSS Browser Selector
    Bonjour à tous,

    Tout a commençé l'orsque j'ai voulu intégrer mon logo au format SVG.
    J'ai du bidouiller pour adapter un tuto trouvé sur un autre site.
    Il faut que j'utilise max-width sinon le logo reste petit.

    Il a donc fallu que je décale d'autre tag et là je m'en sors plus, j'ai déjà plus beaucoup de cheveux...

    Je me demandais si il y avait une âme charitable pour m'aider

    Malgré CSS Browser Selector.php le rendu est une vraie catastrophe.
    Avec Chrome c'est le moins moche.

    rendu lien cassé

    Merci

  2. #2
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Bonjour,

    Il y un rendu correct sur FF (uniquement pour le svg) mais pas sur Safari (MAc), je n'ai pas regardé en détail mais regardez du côté des préfixes peut-être.

    Par contre il y a du ménage à faire de tous vos codes.

    Le Html n'est pas trop cohérent.
    17 feuilles de styles et 24 scripts

  3. #3
    Membre confirmé
    Inscrit en
    Janvier 2011
    Messages
    81
    Détails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 81
    Par défaut
    Merci d'avoir jeter un oeil.
    En effet le site démarre tout juste, 15 jours que je dors peu...
    Je suis loin de vouloir optimiser pour le moment.

    Pour ce qui est du rendu FF je te confirme que ce n'est pas ok.

    En fait, je ne veux pas de la margin/padding tout en haut.
    J'arrive pas à voir d'ou ça vient.

    Puis ya le menu aussi, même remarque, il devrait être juste sous le diapo.

    C'est vrai que le SVG s'affiche pas trop mal (...) mais à quel prix!
    (Le HTML c'est du Joomla 3.0.3/Gantry template)

    J'ai testé sur W3C CSS Validation service the result = 820 erreurs !! - lien cassé
    C'est grave docteur?
    Elle proviennent essentiellement du Gantry Framework.
    Est-ce normal autant d'erreurs?

    Encore merci Rodolphe

  4. #4
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Il y a beaucoup d'erreurs de syntaxe.

    Concernant le svg et le slideshow. Faire un float left pour les deux.

    Il y a des display table, positions relatives imbriquées qui ne vont pas ensemble.

    Le svg m'a l'air bien grand pour la place qu'il occupe!

    Isolez vos éléments et section par section nettoyez cela petit à petit puis repostez des questions précises. Parce que là à moins d'y passer beaucoup de temps (je viens d'y passer au moins une demi-heure) je ne pourrai pas vous aider plus.

  5. #5
    Membre confirmé
    Inscrit en
    Janvier 2011
    Messages
    81
    Détails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 81
    Par défaut
    Super, c'est vraiment sympa d'avoir passé autant de temps pour moi.
    Je prend note de vos remarques. Je vais m'y pencher now.

    Désolé pour mon manque de précision, chose qui n'est pas mon habitude.
    Mais j'avoue également que le CSS et moi...on a jamais été pote. Jamais jamais.
    Je sais pas pourquoi mais j'ai tjrs eu du mal avec. Ça me passera j'espère.
    Je vais y remédier dans mon prochain post (imprécision).

    Vous êtes un chef Rodolphe. Bonne soirée

    Je ne sais pas si c'est rassurant mais le site www.gantry-framework.org génère 251 erreurs de CSS sur ce même validator.
    "Ils" font pourtant un boulot de dingue et le rendu est plutôt bien.
    Comment expliquer ceci?

  6. #6
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Non

    J'ai 2 erreurs sur le validateur: http://validator.w3.org/check?uri=ht...Inline&group=0

    D'abord travaillez votre code puis obtenez le rendu que vous souhaitez et enfin seulement passer le tout au validateur.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. logo dynamic css
    Par gearsofcha dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 15/05/2012, 17h46
  2. [CSS & SVG] Appel de class
    Par deY! dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 12/03/2007, 11h07
  3. Browser et CSS
    Par Schtroumpf81 dans le forum SWT/JFace
    Réponses: 1
    Dernier message: 12/09/2006, 11h03
  4. [Cross Browser] CSS Dans option
    Par CUCARACHA dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 24/11/2005, 15h10
  5. [Javascript][CSS]Documentation Cross browser
    Par ld9474 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 22/11/2005, 17h23

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