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 :

Ordre de calques et liens actif


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    1
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 1
    Par défaut Ordre de calques et liens actif
    Bonjour,

    Je suis entraint de créer un site dont le concept est le suivant:

    une image de font (appeler buste)
    un desing de contour (appeler desing)
    et le contenue.

    Sachant que je veux afficher le contenue par dessus le buste et sous le desing !

    J'ai fai un tableau avec jeu de calque imbriqué.
    Mon probleme est que pour avoir le desing au dessus du contenue je doit metre le calque de desing au dessus du calque de contenue !
    Malheureusement cela empeche les interaction avec le calque du contenue (liens, scroll barre...) j'aurrai aimais savoir si il y aurrai une solution.

    Code html : 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
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Document sans titre</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
     
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
     
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
     
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
     
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>
     
    <body onLoad="MM_preloadImages('lineage2/images/desing/toto/menu/normal/news2.gif','lineage2/images/desing/toto/menu/normal/forum2.gif','lineage2/images/desing/toto/menu/normal/perso2.gif','lineage2/images/desing/toto/menu/normal/stats2.gif')">
    <table width="75%" border="0">
      <tr>
        <td width="389">&nbsp;</td>
        <td><div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:2; left: 373px; top: 74px; visibility: visible;">
            <div id="menu" style="position:absolute; width:413px; height:36px; z-index:7; left: 137px; top: 595px; visibility: visible;"> 
              <table width="117%" border="0">
                <tr> 
                  <td width="26%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('news','','lineage2/images/desing/toto/menu/normal/news2.gif',1)"><img src="lineage2/images/desing/toto/menu/normal/news.gif" name="news" width="77" height="29" border="0"></a></td>
                  <td width="27%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Forum','','lineage2/images/desing/toto/menu/normal/forum2.gif',1)"><img src="lineage2/images/desing/toto/menu/normal/forum.gif" name="Forum" width="80" height="30" border="0"></a></td>
                  <td width="25%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('perso','','lineage2/images/desing/toto/menu/normal/perso2.gif',1)"><img src="lineage2/images/desing/toto/menu/normal/perso.gif" name="perso" width="74" height="27" border="0"></a></td>
                  <td width="22%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('stats','','lineage2/images/desing/toto/menu/normal/stats2.gif',1)"><img src="lineage2/images/desing/toto/menu/normal/stats.gif" name="stats" width="66" height="27" border="0"></a></td>
                </tr>
              </table>
            </div>
            <div id="buste" style="position:absolute; width:663px; height:769px; z-index:2; top: -55px; left: -35px; visibility: visible;"><img src="lineage2/images/desing/toto/desing4.gif" width="771" height="768"></div>
            <div id="desing" style="position:absolute; width:200px; height:115px; z-index:6; left: -185px; top: -55px; visibility: visible;"><img src="lineage2/images/desing/toto/desing1.gif" width="1024" height="768"></div>
            <div id="contenue" style="position:absolute; width:446px; height:560px; overflow:auto; z-index:3; left: 113px; top: -17px; visibility: visible;">
              News<br>
              04/07/2008<br>
              new<br>
              MMOzine Issue #4 - Exclusive in-game item! 
              <p>GamerZines' MMOzine is hosting an exclusive Lineage II promotion 
                in which they are giving out rare white half masks. Check out issue 
                #4 for all the details. Quantities are limited, so don't miss out!<br>
                [Read More]</p>
              <p>04/01/2008<br>
                new<br>
                Hellbound Public Test Server Client Now on FilePlanet</p>
              <p>The full Hellbound Public Test Serve is now up on FilePlanet. Please 
                visit FilePlanet to download the complete Public Test Server client 
                and start experiencing the Hellbound update today! You must be registered 
                on the site to begin the download, but the download is free.<br>
                [Read More]</p>
              <p>03/28/2008<br>
                new<br>
                IGN Hellbound Press Release - Lineage II Gets Hellbound<br>
                Check out the latest Hellbound press release on press release on IGN 
                for a quick recap of what lies in store in the upcoming Lineage II 
                update!<br>
                [Read More]</p>
              <p>04/08/2008<br>
                In Development<br>
                new</p>
              <p>During the maintenance period on Tuesday, April 8, between 10:00 
                AM and 12:00 PM Central Time (4:00 PM GMT+1 to 6:00 PM GMT+1), the 
                following changes will be made:<br>
                [Read More]</p>
            </div>
          </div></td>
        <td width="406">&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td width="80" height="400"><p>&nbsp;</p></td>
        <td>&nbsp;</td>
      </tr>
    </table>
    </body>
    </html>

  2. #2
    Modérateur

    Avatar de kOrt3x
    Homme Profil pro
    Technicien Informatique/Webmaster
    Inscrit en
    Septembre 2006
    Messages
    3 650
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Technicien Informatique/Webmaster
    Secteur : Santé

    Informations forums :
    Inscription : Septembre 2006
    Messages : 3 650
    Par défaut
    Peux-tu utiliser la balise [CODE] pour plus de lisibilité sur ton post.
    Merci
    La rubrique Mac
    Les cours & tutoriels Mac
    Critiques de Livres Mac & iOS
    FAQ Mac & iOS

    ________________________________________________________________________
    QuickEvent : Prise de rendez-vous rapide pour iPhone/iPad et iPod Touch (AppStore)
    Mon Livre sur AppleScript : AppleScript: L'essentiel du langage et de ses applications

Discussions similaires

  1. [FPDF] afficher des liens actifs
    Par fat dans le forum Bibliothèques et frameworks
    Réponses: 3
    Dernier message: 03/11/2010, 18h44
  2. lien actif dans styleTyle
    Par LordDaedalus dans le forum SWT/JFace
    Réponses: 1
    Dernier message: 11/09/2008, 19h17
  3. réécrire le lien actif avec css dans le bandeau
    Par bwwilly dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 06/11/2007, 09h08
  4. Détecter lien actif ou non
    Par BnA dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 06/07/2007, 07h53
  5. Lien actif dans include("menu.inc")
    Par rumpeballe dans le forum Langage
    Réponses: 3
    Dernier message: 31/12/2006, 00h55

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