Liens contextuels :
| Auteur | |
|---|---|
| indochuugoku | # 21 Apr 2008 - 16:28:59  |
| 5 Posts |
Bonjour, J'ai adapté se tuto pour mon site qui fonctionnerais trés bien mais j'ai un problème de présentation la balise "span" passe en arrière plan, au centre de ma page j'ai placé une image de fond et elle est masqué par cette image quelqu'un peut il m'aider svp merci  |
  |
|
| Felipe | # 21 Apr 2008 - 17:31:30 |
 Administrateur 4276 Posts |
Bonjour et bienvenue, sans une page en ligne, non je doute que qui que ce soit puisse t'aider  Felipe Supercalifragilisticexpealidocious |
| |
|
| indochuugoku | # 22 Apr 2008 - 11:58:33 |
| 5 Posts |
Voila ci-joint une partie du code source, c'est une sorte d'info bull. J'aimerais qu'elle s'affiche quand je passe sur chaque onglets et qu'elle soit positionnée au même endroit, ce qui semblerais fonctionner comme il faut le seule problème c'est que elle est positionner en arrière plan par rapport a mon <div id="centre"></div>, et il me la faudrait en premier plan. Pour voir ce que cela donne j'ai envoyé l'image dans mon premier poste Merci -----------------css------------------------- /*debut des parametres des onglets de navigations*/ #nav { width: 800px; height: 37px; background-repeat: no-repeat; background-image: url("Images/nav2.png"); } .conteneur { padding-left: 40px; } ul#onglets { list-style-type: none; position: absolute; margin-top: 0.75em; } ul#onglets li { float: left; } ul#onglets a { display: block; width: 9em; height: 2em; font-family: Verdana, sans-serif; font-size: 70%; font-weight: bold; text-align: center; text-decoration: none; line-height:20px; float:left; } ul#onglets a:link, ul#onglets a:visited { color: #041623; border-top: 1px solid #7f8fbb; border-left: 1px solid #002472; border-right: 2px solid #bac2cb; } ul#onglets a:active, ul#onglets a.here:link, ul#onglets a.here:visited, ul#onglets a:hover { color: #ffffff; background-color: #b73135; border-bottom: 1px solid #b73135; border-top: 2px solid #002472; border-right: 1px solid #bac2cb; border-left: 2px solid #002472; } ul#onglets a span { display: none; } ul#onglets a:hover span { display: inline; position: absolute; top: 40px; left: -20px; width: 200px; height: 100px; background: green; text-align: center; color: white; } /*fin des parametres des onglets de navigations*/ /*debut des parametres du blocmiddle*/ #middle{ background-image: url("Images/millieu.png"); background-repeat: repeat-y; height: 300px; } /*debut du texte centre, dans le bloc middle*/ #etiquettemenu { top: 210px; left: 260px; width: 130px; height:20px; color:#041623; position: absolute; text-align: center; font-size: 80%; font-weight: bold; font-family: Verdana, sans-serif; line-height:21px; background-image: url("Images/etiquette_menu.png"); background-repeat: no-repeat; } #conteneurcentre { position: absolute; top: 210px; left: 410px; margin: 0; padding-left: 10px; padding-right: 10px; height: 270px; width: 580px; /*border: 1px dashed #002472;*/ background-image: url("Images/fond_centre.png"); background-repeat: no-repeat; } #centre { top: 210px; left: 260px; width: 750px; height: 280px; position: absolute; background-image: url("Images/fond_centre_acc.png"); background-repeat: no-repeat; } -----------------css------------------------- -----------------html------------------------- <!-- debut des onglets de navigations --> <div id="nav"> <div class="conteneur"> <ul id="onglets"> <li><a href="#" class="here">Accueil</a></li> <li><a href="competences.html">Compétences<span>Texte ici</span></a></li> <li><a href="projets.html">Projets<span>Images ici</span></a></li> <li><a href="parcours.html">Parcours</a></li> <li><a href="realisations.html">Réalisations</a></li> <li><a href="contact.php">Contact</a></li> </ul> </div> </div> <!-- fin des onglets de navigations --> <!-- debut du blocmiddle --> <div id="middle"> <div id="centre"> </div> </div> <!-- fin du blocmiddle --> -----------------html------------------------- |
| |
|
| indochuugoku | # 22 Apr 2008 - 13:47:57 |
| 5 Posts |
Merci Pour l'aide qui ma été ou qui aurait pu mettre apporté mais j'ai trouvé la solution. J'ai rajouté la balise "z-index" qui me permet si j'ai bien compris de placer ma balise span en avant ou en arrière par rapport au div |
| |
|
| indochuugoku | # 26 Apr 2008 - 21:58:06 |
| 5 Posts |
Je reviens sur le sujet, En faite cela fonctionne sous Firefox mais pas sous IE7, le code XHTML/CSS je l'ai déja mis sur le second poste et pour visualiser ce que cela donne vous pouvez voir ça à l'adresse suivante, http://www.philippesoriano.net merci pour vos réponse. |
| |
|
Les références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org
Nos partenaires : Editions Eyrolles - Location vacances France - Location vacances Europe
Nikozen : Hébergement - Réalisation : Alsacreations.fr