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

HTML Discussion :

Fermer d'un DIV Alerte IE6


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    991
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 991
    Par défaut Fermer d'un DIV Alerte IE6
    Bonjour les amis-dév

    J'étais en train de coder un DIV "alerte-ie6" :



    Histoire d'encourager aux visiteurs qui ont des navigateurs préhistorique de mettre à jour.

    Jusqu'à là, pas de problème et maintenant je suis bloqué, je ne suis pas comment on code de sorte dès qu'on clique "fermer", ça fait fermer complètement ce DIV.

    Comment on s'y prend mes amis ?

    En vous remerciant d'avance.

    Bonne journée.

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Bonjour,
    C'est un div en avant plan?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onclick="document.getElementById('idDiv').style.display='none';">Fermer</a>

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    991
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 991
    Par défaut
    Qu'est-ce que tu veux dire par ici "un div en avant plan" ?


    Voici aperçu de code sourde BODY (seulement au début) :

    Code XHTML : 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
    31
    32
    33
    34
    	<body>
    		<div id="cadre_principal">
    			<div id="partie_header">
    				<h1>Handy Mobil</h1>
    				<h2>&raquo; des b&eacute;n&eacute;voles &agrave; votre service !</h2>
    				<?php include ("include/liens.php"); ?>
    				<?php include ("include/compteur_visiteurs.php"); ?>
    			</div>
    			<div id="nav">
    				<ul>
    					<li>		
                        	<!--[if lte IE 6]> 
    							<div class="alert-ie6"> 
    								<span class="alertrouge">ALERTE</span> : la version de votre navigateur ne permet pas d'utiliser ce site dans les meilleurs conditions,<br />vous pouvez cependant continuer la visite du site.<br /><br />
    								Nous vous recommandons de mettre à jour votre navigateur Internet,<br />
                                    vous y gagnerez en Sécurité et Fonctionnalités.<br /><br />
                                    Merci de votre compréhension.<br /><br />
                                    Téléchargements :<br /><br />
                                    FF IE OPERA SAFARI<br /><br />
                                    [fermer]
    							</div> 
    						<![endif]-->
                    	</li>
    				</ul>
    			</div>
    			<div id="partie_corps">
    			<h1>Accueil du site</h1>
                <br />
    				<div class="corps_texte">
                    <h4>Qui sommes-nous ?</h4>
    				    <ul class="style_ul">
            	        	<li class="style_li">Handy Mobil est une association &agrave; but non lucratif (loi de 1901), destin&eacute;e &agrave; aider au d&eacute;placement des personnes &agrave; mobilit&eacute; r&eacute;duite, dans la r&eacute;gion d'Annemasse et la Haute-Savoie.</li>
                            <li class="style_li_sans_bouton"><div class="centrer_image">
    							<img src="images/carte-haute-savoie.gif" alt="Carte de Haute-Savoie" />

    bien merci

  4. #4
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Re,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <div class="alert-ie6" id="alert_ie6"> 
    								<span class="alertrouge">ALERTE</span> : la version de votre navigateur ne permet pas d'utiliser ce site dans les meilleurs conditions,<br />vous pouvez cependant continuer la visite du site.<br /><br />
    								Nous vous recommandons de mettre à jour votre navigateur Internet,<br />
                                    vous y gagnerez en Sécurité et Fonctionnalités.<br /><br />
                                    Merci de votre compréhension.<br /><br />
                                    Téléchargements :<br /><br />
                                    FF IE OPERA SAFARI<br /><br />
                                    <a href="#" onclick="document.getElementById('alert_ie6').style.display='none';">[fermer]</a>
    							</div> 
    						<![endif]-->

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    991
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 991
    Par défaut
    Tout d'abord, merci beaucoup pour ce coup de main

    Reste un petit détail, je voudrais comment ajouter un CSS pour que le "fermer" ne soit plus en noir.



    J'ai essayé d'ajouter une classe CSS sans succès :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <span class="alertfermer"><a href="#" onclick="document.getElementById('alert_ie6').style.display='none';">[fermer]</a></span>
    Donc je pense que je ne dois pas être loin mais je ne vois pas d'où

    bien merci

  6. #6
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    Bonsoir,

    Et ta class="alertfermer", que contient-elle comme code ?

    (et as-tu l'utilité d'une classe alors que tu utilises déjà un id pouvant également référencer ton span en CSS ? )
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

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

Discussions similaires

  1. CSS div sur ie6
    Par Kerweb dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 28/08/2008, 14h49
  2. alert IE6 initialise le timeOut javascript
    Par Christophe P. dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 21/01/2008, 17h18
  3. Positionnement des blocs DIV sous IE6
    Par elekaj34 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 29/11/2007, 18h18
  4. probleme espace entre 2 div sous IE6
    Par tremeur53 dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 31/10/2007, 09h50
  5. Réponses: 3
    Dernier message: 21/11/2006, 01h43

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