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

JavaScript Discussion :

Suppression d'une bordure en fonction de la position d'une div position


Sujet :

JavaScript

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    284
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 284
    Points : 149
    Points
    149
    Par défaut Suppression d'une bordure en fonction de la position d'une div position
    bonjour,

    J'ai actuellement une page avec une disposition assez classique (un menu à gauche et un corps au milieu), mon menu est collé au corps de ma page et est en position fixe, ainsi le menu "glisse" le long de la bordure gauche du corps de ma page de haut en bas et de bas en haut selon le scroll de l'utilisateur.

    Je voudrais faire un effet entre mon menu et le corps de ma page.

    Comment faire pour que le corps de ma page détecte la présence du menu ? Et comment délimiter une bordure entre ses deux angles de droite ? Je sais que ça sent un peu le javascript tout ça...^^ Je vois déjà les fonctions pour récupérer la hauteur du menu (qui est variable selon les pages), mais après pour gérer le côté détection de la position et suppression de la bordure du corps je ne vois vraiment pas !

    Merci pour l'aide !

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Tu ne peux pas enlever juste une portion de bordure. C'est soit toute la bordure soit rien.
    Le truc est de décaler légèrement ton menu de façon à ce qu'il recouvre ta div corps de façon à masquer la portion de bordure sur laquelle il est positionné.

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    ou une image en background et jouer sur le background position ...

    et un petit effort sur le respect du w3c ferait un peu meilleure figure sur ton site... rien que pour la page cv
    Result: 63 erreurs / 0 avertissements

    line 57 column 41 - Erreur: required attribute "alt" not specified
    line 58 column 41 - Erreur: required attribute "alt" not specified
    line 59 column 41 - Erreur: required attribute "alt" not specified
    line 60 column 41 - Erreur: required attribute "alt" not specified
    line 78 column 38 - Erreur: required attribute "alt" not specified
    line 80 column 38 - Erreur: required attribute "alt" not specified
    line 193 column 29 - Erreur: required attribute "alt" not specified
    line 197 column 13 - Erreur: ID "scribd" already defined
    line 196 column 11 - Info: ID "scribd" first defined here
    line 197 column 45 - Erreur: required attribute "alt" not specified
    line 201 column 64 - Erreur: required attribute "alt" not specified
    line 202 column 114 - Erreur: required attribute "alt" not specified
    line 203 column 113 - Erreur: required attribute "alt" not specified
    line 231 column 96 - Erreur: required attribute "alt" not specified
    line 256 column 75 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 256 column 71 - Info: start tag was here
    line 276 column 143 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 276 column 139 - Info: start tag was here
    line 279 column 120 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 279 column 116 - Info: start tag was here
    line 282 column 137 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 282 column 133 - Info: start tag was here
    line 285 column 165 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 285 column 161 - Info: start tag was here
    line 288 column 182 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 288 column 178 - Info: start tag was here
    line 295 column 65 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 295 column 61 - Info: start tag was here
    line 312 column 238 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 312 column 234 - Info: start tag was here
    line 315 column 177 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 315 column 173 - Info: start tag was here
    line 318 column 249 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 318 column 245 - Info: start tag was here
    line 321 column 329 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 321 column 325 - Info: start tag was here
    line 324 column 337 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 324 column 333 - Info: start tag was here
    line 325 column 81 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 325 column 77 - Info: start tag was here
    line 335 column 97 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 335 column 93 - Info: start tag was here
    line 345 column 70 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 345 column 66 - Info: start tag was here
    line 354 column 114 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 354 column 110 - Info: start tag was here
    line 377 column 136 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 377 column 124 - Info: start tag was here
    line 443 column 70 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 443 column 66 - Info: start tag was here
    line 449 column 55 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 449 column 51 - Info: start tag was here
    line 449 column 159 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 449 column 155 - Info: start tag was here
    line 449 column 196 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 449 column 192 - Info: start tag was here
    line 449 column 265 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 449 column 261 - Info: start tag was here
    line 455 column 99 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 455 column 95 - Info: start tag was here
    line 455 column 149 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 455 column 137 - Info: start tag was here
    line 455 column 262 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 455 column 258 - Info: start tag was here
    line 455 column 323 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 455 column 319 - Info: start tag was here
    line 455 column 413 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 455 column 409 - Info: start tag was here
    line 455 column 565 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 455 column 561 - Info: start tag was here
    line 455 column 744 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 455 column 740 - Info: start tag was here
    line 455 column 889 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 455 column 885 - Info: start tag was here
    line 455 column 986 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 455 column 982 - Info: start tag was here
    line 461 column 66 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 461 column 62 - Info: start tag was here
    line 461 column 130 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 461 column 126 - Info: start tag was here
    line 461 column 224 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 461 column 220 - Info: start tag was here
    line 461 column 282 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 461 column 278 - Info: start tag was here
    line 461 column 334 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 461 column 330 - Info: start tag was here
    line 483 column 42 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 483 column 38 - Info: start tag was here
    line 483 column 51 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 483 column 47 - Info: start tag was here
    line 483 column 75 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 483 column 63 - Info: start tag was here
    line 483 column 148 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 483 column 144 - Info: start tag was here
    line 485 column 49 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 485 column 45 - Info: start tag was here
    line 485 column 74 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 485 column 70 - Info: start tag was here
    line 485 column 102 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 485 column 90 - Info: start tag was here
    line 485 column 170 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 485 column 166 - Info: start tag was here
    line 487 column 49 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 487 column 45 - Info: start tag was here
    line 487 column 90 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 487 column 86 - Info: start tag was here
    line 487 column 125 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 487 column 121 - Info: start tag was here
    line 487 column 194 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 487 column 190 - Info: start tag was here
    line 496 column 81 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 496 column 77 - Info: start tag was here
    line 497 column 98 - Erreur: end tag for "br" omitted, but OMITTAG NO was specified
    line 497 column 94 - Info: start tag was here

  4. #4
    Membre habitué
    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    284
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 284
    Points : 149
    Points
    149
    Par défaut
    Exacte Bovino, il me semblait avoir essayé auparavant et avoir été décut du résultat mais je viens de re-essayé et l'effet et celui que je désirais.

    Désolé pour le poste dans la mauvaise catégorie !

    @SpaceFrog: Ce n'est pas mon site et je n'ai aucun contact avec cette personne Je suis tombé dessus en recherchant des exemple de créations de CV.

    Merci !

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

Discussions similaires

  1. Réponses: 1
    Dernier message: 28/11/2007, 00h18
  2. Réponses: 7
    Dernier message: 13/10/2007, 23h31
  3. Réponses: 2
    Dernier message: 01/06/2007, 08h57
  4. Réponses: 3
    Dernier message: 18/01/2007, 18h19
  5. Position d'une popup en fonction du clic d'appel
    Par lodan dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 08/08/2006, 10h51

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