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 :

BUG IE,contenu décallé


Sujet :

CSS

  1. #1
    Membre actif
    Inscrit en
    Février 2008
    Messages
    457
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 457
    Points : 215
    Points
    215
    Par défaut BUG IE,contenu décallé
    Bon , je reprends

    Sur les photos ci-jointes , on peut voir les écarts que j'ai sous Internet Explorer,
    le 1é vient entre la bannière et la barre de navigation..
    Le 2é est variable , parfois plus grand ou plus petit et concerne la dernière "boite" de mon menu flottant..

    Voici le code qui pourrait vous éclairer pour le 1é cas :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <!-- Bannière-->
    <img width="915" height="250" src="<?php echo DIR_IMAGES."banniere.jpg";?>" alt="Banner"/>
     
    <!-- Barre de navigation -->
    <table class="navigate" width="915" height="30" border="0">
      <tr class="pt">
    Suivi d'une suite de td..
    Pour le CSS :
    Code : 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
     
    body
    {
      font-family:Georgia, "Courier New", "New Roman", Verdana, Serif. 
      background-color:white;
      margin:0px; 
      padding:0px;
      text-align:center; /* pour résoudre le bug de centrage de IE */
    }
    .navigate 
    {
      background-color:#979797;
    }
    .pt
    {
    line-height: 5px;
    }
    2è cas :
    HTML
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
     echo('<!-- ******* DEBUT MENU ********* --> <div id="menu">');
      require(DIR_BOXES ."forum.php");
      require(DIR_BOXES ."clanServ.php");
      require(DIR_BOXES ."dediServ.php");
      //require(DIR_BOXES ."heberg.php");
      require(DIR_BOXES ."teamspeak.php");
      require(DIR_BOXES ."location.php");
      echo('</div><!-- ******* FIN MENU ********* -->');
    CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    #menu
    {
     float:left;
    }
    Simplement ... :s

    Voilà , j'espère que je suis plus claire comme ça..
    Si il vous manque quelque chose , j'ajoute.. merci
    Images attachées Images attachées   

  2. #2
    Membre éclairé Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Points : 747
    Points
    747
    Par défaut
    Bonjour,

    Je n'ai absolument rien compris à ton problème, et je ne vois pas le rapport entre les codes que tu donnes et les captures d'écran fournies.

    Si tu pouvais donner un code suffisament complet et en rapport avec les explications, ou mieux, une page en ligne, ce serait parfait.


    PS : S'il n'y a que moi à ne pas comprendre... désolé...

  3. #3
    Membre expérimenté
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    1 132
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 1 132
    Points : 1 418
    Points
    1 418
    Par défaut


    M'est avis qu'on va pas s'en sortir ...

    Comment veux-tu que l'on puisse t'aider à partir de ça ?

    Citation Envoyé par libuma Voir le message
    2è cas :
    HTML
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
     echo('<!-- ******* DEBUT MENU ********* --> <div id="menu">');
      require(DIR_BOXES ."forum.php");
      require(DIR_BOXES ."clanServ.php");
      require(DIR_BOXES ."dediServ.php");
      //require(DIR_BOXES ."heberg.php");
      require(DIR_BOXES ."teamspeak.php");
      require(DIR_BOXES ."location.php");
      echo('</div><!-- ******* FIN MENU ********* -->');

  4. #4
    Membre actif
    Inscrit en
    Février 2008
    Messages
    457
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 457
    Points : 215
    Points
    215
    Par défaut
    Citation Envoyé par devyan Voir le message


    M'est avis qu'on va pas s'en sortir ...

    Comment veux-tu que l'on puisse t'aider à partir de ça ?
    Le contenu est assez complexe.. je n'ai pas pensé à mettre la source générée.. peut être avec ceci aurez-vous plus facile!
    Code : 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
    101
    102
    103
    104
    105
    106
    107
    108
     
    <!-- ******* DEBUT MENU ********* --> <div id="menu"><table border="0" width="250px" cellspacing="0" cellpadding="0" >
      <tr >
        <td height="31" class="infoBoxHeading"><img src="images/infobox/corner_left.gif" border="0" alt="" title="  " width="" height=""></td>
        <td width="100%" height="31" class="infoBoxHeading">FORUM</td>
        <td height="31" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" title="  " width="11" height="14"></td>
      </tr>
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBox">
      <tr >
        <td ><table border="0" width="250px" cellspacing="0" cellpadding="3" class="infoBoxContents">
      <tr >
        <td ><img src="images/pixel_trans.gif" border="0" alt="" title="  " width="100%" height="1"></td>
      </tr>
      <tr >
        <td align="center" class="boxText" height="140px"><form name="connexion" action="ssforum/upload/login.php?action=in" method="post">
    		<label for="req_username"> Login </label><br/>
    		<input type="text" id="req_username" name="req_username" size="12"/><br/>
    		<label for="req_password"> Mot de passe </label><br/>
    		<input type="password" id="req_password" name="req_password" size="12"/><br/>
    		<input type="submit" id="connect" name="connect" value="Envoyer"/>
    		<input type="hidden" name="form_sent" value="1" />
    		</form>
    		<a href="ssforum/upload/register.php">S'inscrire</a><br/>
    		<a href="ssforum/upload/login.php?action=forget">Mot de passe oublié</a></form></td>
      </tr>
      <tr >
        <td ><img src="images/pixel_trans.gif" border="0" alt="" title="  " width="100%" height="1"></td>
      </tr>
    </table>
    </td>
      </tr>
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" >
      <tr >
        <td height="31" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt="" title="  " width="" height=""></td>
        <td width="100%" height="31" class="infoBoxHeading">CLAN SERVEURS</td>
        <td height="31" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" title="  " width="11" height="14"></td>
      </tr>
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBoxImg">
      <tr >
        <td ><table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBoxImgContents">
      <tr >
        <td align="center" class="boxText" height="140px"><a href="index.php?section=cs"><object type="application/x-shockwave-flash" data="images/cs.swf" width="250px" height="220px">
    <param name="movie" value="images/cs.swf"/>
    </object></a></form></td>
      </tr>
    </table>
    </td>
      </tr>
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" >
      <tr >
        <td height="31" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt="" title="  " width="" height=""></td>
        <td width="100%" height="31" class="infoBoxHeading">SERVEURS DEDIES</td>
        <td height="31" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" title="  " width="11" height="14"></td>
      </tr>
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBoxImg">
      <tr >
        <td ><table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBoxImgContents">
      <tr >
        <td align="center" class="boxText" height="140px"><a href="index.php?section=ds"><object type="application/x-shockwave-flash" data="images/ds.swf" width="250px" height="220px">
    <param name="movie" value="images/ds.swf" />
    </object></a></form></td>
      </tr>
    </table>
    </td>
      </tr>
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" >
      <tr >
        <td height="31" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt="" title="  " width="" height=""></td>
        <td width="100%" height="31" class="infoBoxHeading">TEAMSPEAK</td>
        <td height="31" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" title="  " width="11" height="14"></td>
      </tr>
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBoxImg">
      <tr >
        <td ><table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBoxImgContents">
      <tr >
        <td align="center" class="boxText" height="140px"><object type="application/x-shockwave-flash" data="images/ts.swf" width="250px" height="140px">
    <param name="movie" value="images/ts.swf"/>
    </object></form></td>
      </tr>
    </table>
    </td>
      </tr>
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" >
      <tr >
        <td height="31" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt="" title="  " width="" height=""></td>
        <td width="100%" height="31" class="infoBoxHeading">Localisation des serveurs</td>
        <td height="31" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" title="  " width="11" height="14"></td>
      </tr>
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBoxImg">
      <tr >
        <td ><table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBoxImgContents">
      <tr >
        <td align="center" class="boxText" height="140px"><a href="index.php?section=locate"><img  src="images/carte.bmp" alt="carte"/></a></form></td>
      </tr>
    </table>
    </td>
      </tr>
    </table>
    </div><!-- ******* FIN MENU ********* -->
    Pas top comme programmation , mais récup d'anciennes classes

  5. #5
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut
    Bonsoir,
    pourrais tu fournir la TOTALITÉ du code HTML généré et le code CSS complet stp. Sans ça il va être difficile de t'aider.

  6. #6
    Membre actif
    Inscrit en
    Février 2008
    Messages
    457
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 457
    Points : 215
    Points
    215
    Par défaut
    HTML
    Code : 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
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
    187
    188
    189
    190
    191
    192
    193
    194
    195
    196
    197
    198
    199
    200
    201
    202
    203
    204
    205
    206
    207
    208
    209
    210
    211
    212
    213
    214
    215
    216
    217
    218
    219
    220
    221
    222
    223
    224
    225
    226
    227
    228
    229
    230
    231
    232
    233
    234
    235
    236
    237
    238
    239
    240
    241
    242
    243
    244
    245
    246
    247
    248
    249
    250
    251
    252
    253
    254
    255
    256
    257
    258
    259
    260
    261
    262
    263
    264
    265
    266
    267
    268
    269
    270
    271
    272
    273
    274
    275
    276
    277
    278
    279
    280
    281
    282
    283
     
    <script type="text/javascript">
    var details=new Array(1,2,3,4,5);
     
    var pubserv=new Array(10,12,14,16,20,32,40,64);
    var privserv=new Array(10,12,14,16,20,"x","x","x");
     
     
     
     
    		function ScreenshotView(num)
    		{ 
    		    document.getElementById('screenshot_view').style.visibility="visible";
    			document.getElementById('screenshot_view').style.display = "block";
    			document.getElementById('screenshot_img').src = "images/tarif_"+num+".jpg";
     
    		}
     
    		function ScreenshotClose()
    		{
    			document.getElementById('screenshot_view').style.display = "none";
    		}
     
    		function descript(type)
    		{
    		  document.getElementById("ServDescript").innerHTML = "Description " + type;
    		  for(i=1;i<=3;i++)
    		  {
    		  document.getElementById("prix"+i).innerHTML = details[type];
    		  document.getElementById("prix"+i+""+i).innerHTML = details[type];
    		  document.getElementById("mois"+i).innerHTML = details[type];
    		  }
     
    		}
    		function init()
    		{
    		   document.getElementById('screenshot_view').style.visibility="hidden";
    		}
     
     
    		function ChoixJeu(form) 
    		{ 
    		 i = form.jeu.selectedIndex;
    		 document.getElementById("choosedgame").src="images/jeux/"+form.jeu.options[i].text+".jpg";
    		}
    		function Choix(form) 
    		{ 
    		i = form.Rubrique.selectedIndex; 
    		if (i == 0) 
    		{ 
    		form.slots.options[i].text="Aucun Type de serveur séléctionné"; 
    		for (j=0;j<pubserv.length;j++) 
    		{ 
    		   form.slots.options[j+1].style.display="none";	
    		}
            return;		
    		}
    		switch (i) 
    		{ 
    		case 1 : var txt = pubserv;
    		break; 
    		case 2 : var txt = privserv;
    		break;
    		} 
     
    		for (i=0;i<pubserv.length;i++) 
    		{
            form.slots.options[i].style.display="block";		
    		form.slots.options[i].style.visibility="visible";
    		form.slots.options[i].text=txt[i]; 
     
    		 if(txt[i]=="x")
    		 {
    		  form.slots.options[i].style.display="none";	
    		  }
    		} 
    		}
     
            function checkme()
            {
     
    		 if(document.orderg.mycheckbox.checked==true)
    		   document.orderg.Submit.disabled=false;
    		 else document.orderg.Submit.disabled=true;
     
            }
    		function checkedf()
    		{
    		document.orderg.Submit.disabled=true;
    		document.getElementById("choosedgame").src="images/jeux/"+document.orderg.jeu.options[0].text+".jpg";
    		}
     
    	</script><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
    <head>
     
           <link rel="stylesheet" media="screen" type="text/css" title="Design" href="ssdesign.css" />
    <script type="text/javascript" src="includes/js/prototype.js"></script>
    <script type="text/javascript" src="includes/js/scriptaculous.js?load=effects,builder"></script>
     
    <script type="text/javascript" src="includes/js/lightbox.js"></script>
     
    </head>
     
    <body onload="init()">
    <div class="centrer">
     
    <!-- Bannière-->
    <img width="915" height="250" src="images/banniere.jpg" alt="Banner"/>
     
    <!-- Barre de navigation -->
    <table class="navigate" width="915" height="30" border="0">
      <tr class="pt">
        <td width="36" rowspan="3"><div align="center"><a href="./index.php?language=fr"><img src="images/lang_fr.png" width="32" height="18" /></div></td>
     
        <td width="36" rowspan="3"><div align="center"><a href="./index.php?language=uk"><img src="images/lang_uk.png" width="30" height="18" /></a></div></td>
        <td width="200" rowspan="3"><form id="form1" name="form1" method="post" action="./index.php?section=cpanel">
          <div align="center">
            <input type="submit" name="Submit" value="control panel" />
            </div>
        </form></td>
        <td width="105"></td>
        <td width="105">&nbsp;</td>
        <td width="140">&nbsp;</td>
     
        <td width="138">&nbsp;</td>
    	<td width="36" >&nbsp;</td>
      </tr>
      <tr>
        <td width="105"><div align="center"><a href="./index.php"> ACCUEIL</a></div></td>
        <td width="105"><div align="center"><a href="./index.php?section=games"> JEUX</a></div></td>
        <td width="140"><div align="center"><a href="./index.php?section=support">SUPPORT</a></div></td>
     
        <td width="138"><div align="center"><a href="./index.php?section=about">A PROPOS DE </div></td>
        <td width="36" >&nbsp;</td>
      </tr>
      <tr class="pt">
        <td width="105"><div align="center"></div></td>
        <td width="105">&nbsp;</td>
        <td width="140">&nbsp;</td>
        <td width="138">&nbsp;</td>
     
    	<td width="36" >&nbsp;</td>
      </tr>
    </table>
    <!-- FIN BARRE DE NAVIGATON -->
    <!-- ******* DEBUT MENU ********* --> <div id="menu"><table border="0" width="250px" cellspacing="0" cellpadding="0" >
      <tr >
        <td height="31" class="infoBoxHeading"><img src="images/infobox/corner_left.gif" border="0" alt="" title="  " width="" height=""></td>
        <td width="100%" height="31" class="infoBoxHeading">FORUM</td>
        <td height="31" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" title="  " width="11" height="14"></td>
     
      </tr>
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBox">
      <tr >
        <td ><table border="0" width="250px" cellspacing="0" cellpadding="3" class="infoBoxContents">
      <tr >
        <td ><img src="images/pixel_trans.gif" border="0" alt="" title="  " width="100%" height="1"></td>
      </tr>
      <tr >
        <td align="center" class="boxText" height="140px"><form name="connexion" action="ssforum/upload/login.php?action=in" method="post">
     
    		<label for="req_username"> Login </label><br/>
    		<input type="text" id="req_username" name="req_username" size="12"/><br/>
    		<label for="req_password"> Mot de passe </label><br/>
    		<input type="password" id="req_password" name="req_password" size="12"/><br/>
    		<input type="submit" id="connect" name="connect" value="Envoyer"/>
    		<input type="hidden" name="form_sent" value="1" />
    		</form>
     
    		<a href="ssforum/upload/register.php">S'inscrire</a><br/>
    		<a href="ssforum/upload/login.php?action=forget">Mot de passe oublié</a></form></td>
      </tr>
      <tr >
        <td ><img src="images/pixel_trans.gif" border="0" alt="" title="  " width="100%" height="1"></td>
      </tr>
    </table>
    </td>
      </tr>
     
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" >
      <tr >
        <td height="31" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt="" title="  " width="" height=""></td>
        <td width="100%" height="31" class="infoBoxHeading">CLAN SERVEURS</td>
        <td height="31" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" title="  " width="11" height="14"></td>
      </tr>
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBoxImg">
      <tr >
     
        <td ><table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBoxImgContents">
      <tr >
        <td align="center" class="boxText" height="140px"><a href="index.php?section=cs"><object type="application/x-shockwave-flash" data="images/cs.swf" width="250px" height="220px">
    <param name="movie" value="images/cs.swf"/>
    </object></a></form></td>
      </tr>
    </table>
    </td>
      </tr>
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" >
      <tr >
     
        <td height="31" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt="" title="  " width="" height=""></td>
        <td width="100%" height="31" class="infoBoxHeading">SERVEURS DEDIES</td>
        <td height="31" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" title="  " width="11" height="14"></td>
      </tr>
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBoxImg">
      <tr >
        <td ><table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBoxImgContents">
      <tr >
     
        <td align="center" class="boxText" height="140px"><a href="index.php?section=ds"><object type="application/x-shockwave-flash" data="images/ds.swf" width="250px" height="220px">
    <param name="movie" value="images/ds.swf" />
    </object></a></form></td>
      </tr>
    </table>
    </td>
      </tr>
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" >
      <tr >
        <td height="31" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt="" title="  " width="" height=""></td>
        <td width="100%" height="31" class="infoBoxHeading">TEAMSPEAK</td>
     
        <td height="31" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" title="  " width="11" height="14"></td>
      </tr>
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBoxImg">
      <tr >
        <td ><table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBoxImgContents">
      <tr >
        <td align="center" class="boxText" height="140px"><object type="application/x-shockwave-flash" data="images/ts.swf" width="250px" height="140px">
    <param name="movie" value="images/ts.swf"/>
    </object></form></td>
      </tr>
     
    </table>
    </td>
      </tr>
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" >
      <tr >
        <td height="31" class="infoBoxHeading"><img src="images/infobox/corner_right_left.gif" border="0" alt="" title="  " width="" height=""></td>
        <td width="100%" height="31" class="infoBoxHeading">Localisation des serveurs</td>
        <td height="31" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" title="  " width="11" height="14"></td>
      </tr>
     
    </table>
    <table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBoxImg">
      <tr >
        <td ><table border="0" width="250px" cellspacing="0" cellpadding="0" class="infoBoxImgContents">
      <tr >
        <td align="center" class="boxText" height="140px"><a href="index.php?section=locate"><img  src="images/carte.bmp" alt="carte"/></a></form></td>
      </tr>
    </table>
    </td>
      </tr>
    </table>
     
    </div><!-- ******* FIN MENU ********* -->
     
    <div class="contenu">
     
    <div id="blackhole">
    <object type="application/x-shockwave-flash" data="images/trounoir.swf" width="600" height="400">
    <param name="movie" value="images/trounoir.swf" />
    </object>
    </div>
    <br/><br/><br/>
    <a href="images/tarif_01.jpg" title="Clan Servers" rel="lightbox[price]"> <img src="images/tarif_01.jpg" width="100" height="40" alt="" /></a>
    <a href="images/tarif_02.jpg" title="Dedicated Servers" rel="lightbox[price]"> <img src="images/tarif_02.jpg" width="100" height="40" alt="" /></a>
     </div>
     
     
     
     
    </div>
    </body>
    </html>
    CSS
    Code : 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
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
    187
    188
    189
    190
    191
    192
    193
    194
    195
    196
    197
    198
    199
    200
    201
    202
    203
    204
    205
    206
    207
    208
    209
    210
    211
    212
    213
    214
    215
    216
    217
    218
    219
    220
    221
    222
    223
    224
    225
    226
    227
    228
    229
    230
    231
    232
    233
    234
    235
    236
    237
    238
    239
    240
    241
    242
    243
    244
     
     
    body
    {
      font-family:Georgia, "Courier New", "New Roman", Verdana, Serif. 
      background-color:white;
      margin:0px; 
      padding:0px;
      text-align:center; /* pour résoudre le bug de centrage de IE */
    }
     
    a:visited ,a:link
    {
     color:black;
     text-decoration: none;
    }
     
    img { border:none; }
    .red
    {
     color:red;
    }
    a:hover 
    {
    text-decoration: underline overline;
    color: red;
    }
     
     
    a:visited img,a:link img
    {
      color:#b8b8b8;
    }
    #selectgame
    {
      margin-top:50px;
      margin-left:250px;
     border:4px double black;
     background-color:#b8b8b8;
    }
     
    #choosedgame
    {
     position:absolute;
     top:380px;
     left:810px;
    }
     
     
    .centrer
     {
     background-color:#b8b8b8;
     border:4px double black;
      margin:auto;
      width:915px;
      height:1357px;
      text-align:left;  /* pour résoudre le bug de centrage de IE */
    }
     
    .tab ,.tab td
    {
    /*background-color:#979797;*/background-color:#cbd66c;
    }
     
    .tab th
    {background-color:#ffc813;
     /*background-color:#c03535;*/
    }
     
    .contenu
    {
    /*position:relative;*/
     
     /*left:100px;*/
     text-align:center;
     
    }
    #blackhole
    {
    margin-left:260px;
    margin-top:20px;
    background-color:black;
    border:4px double red;
    }
    .pt
    {
    line-height: 5px;
    }
    .navigate 
    {
      background-color:#979797;
    }
    .sim td
    {
      background-color:red;
    }
     
     
    /* ¨***********************   BOXES ********************************** */
    .boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
     
     
    .infoBox {
      background: #b6b7cb;
    }
     
    .infoBoxContents {
      background: #f8f8f9;
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
    }
     
    .infoBoxNotice {
      background: #FF8E90;
    }
     
    .infoBoxNoticeContents {
      background: #FFE6E6;
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
    }
     
    TD.infoBoxHeading {
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
      font-weight: bold;
      background: #bbc3d3;
      color: #ffffff;
    }
     
    TD.infoBox, SPAN.infoBox {
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
    }
    #menu
    {
     float:left;
    }
     
    #rentInfos
    {
     height:150px;
     width:600px;
     background-color:#979797;
    }
     
    #timelenght
    {
     height:150px;
     width:500px;
     background-color:#979797;
    }
     
    .chiffre
    {
    font-size: 72px;
    }
    .prixTot
    {
    font-size: 28px;
    color:#ec262c;
    }
     
    #formsupport
    {
     border:4px ridge blue;
    }
     
     
    /*********************** LIGHTBOX ************************************/
    #lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
    #lightbox img{ width: auto; height: auto;}
    #lightbox a img{ border: none; }
     
    #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
    #imageContainer{ padding: 10px; }
     
    #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
    #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
    #imageContainer>#hoverNav{ left: 0;}
    #hoverNav a{ outline: none;}
     
    #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
    #prevLink { left: 0; float: left;}
    #nextLink { right: 0; float: right;}
    #prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
    #nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
     
    #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
     
    #imageData{	padding:0 10px; color: #666; }
    #imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
    #imageData #caption{ font-weight: bold;	}
    #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
    #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
     
    #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
     
     
    .jaune {
      float: left;
      width: 210px;
      text-align: center;
      margin: 0;
      margin-top:5px;
    }
    .jaune2 {
      float: right;
      width: 210px;
      height:400px;
      text-align: center;
      margin-right:200px;
      margin-top:5px;
    }
    .bugie
    {
     background-color:pink;
     
    }
    .verte {
      margin-left:250px;
      height:25%;
     
      background-color: white;
      border:4px ridge blue;
    }
    .verte2 {
      margin-left:250px;
      position:relative;
      border:4px ridge blue;
      background-color: white;
     
    }
    .spacer {
     
      clear: both;
    }
     
    .titleleft
    {
      text-align:left;
      margin-left:20px;
      text-decoration: underline
    }

  7. #7
    Membre actif
    Inscrit en
    Février 2008
    Messages
    457
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 457
    Points : 215
    Points
    215
    Par défaut
    Il vous manque encore quelque chose ?

  8. #8
    Membre expérimenté
    Profil pro
    Inscrit en
    Mars 2002
    Messages
    1 132
    Détails du profil
    Informations personnelles :
    Âge : 52
    Localisation : France

    Informations forums :
    Inscription : Mars 2002
    Messages : 1 132
    Points : 1 418
    Points
    1 418
    Par défaut
    Salut,

    <DOCTYPE> et <html> devraient être les 2 premières lignes de ton source...

    <html> est toujours la racine XML de ton source...

    Le bloc de scripts n'est donc pas bien placé (modifie cela pour voir si le problème n'est pas causé par ça)

  9. #9
    Membre actif
    Inscrit en
    Février 2008
    Messages
    457
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 457
    Points : 215
    Points
    215
    Par défaut
    Citation Envoyé par devyan Voir le message
    Salut,

    <DOCTYPE> et <html> devraient être les 2 premières lignes de ton source...

    <html> est toujours la racine XML de ton source...

    Le bloc de scripts n'est donc pas bien placé (modifie cela pour voir si le problème n'est pas causé par ça)
    Hello , oui je l'ai remarqué , j'ai modifié et maintenant , j'ai un écart aussi sur firefox entre la banniere et ma barre de navigation

  10. #10
    Membre actif
    Inscrit en
    Février 2008
    Messages
    457
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 457
    Points : 215
    Points
    215
    Par défaut
    Lorsque je fais dans le css pour la classe navigate (ma barre de navigation sous la bannière) margin-top:-3px; alors là , je n'ai plus d'espace

  11. #11
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut
    Bonjour,
    enlève la marge négative (pas assez robuste) et remplace ton doctype strict par un transitionnal:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    car tu as des attributs de présentation invalide en strict comme align).

    D'autre part le passage en transitionnal aura pour effet de supprimer les espaces sous les images sur la plupart des navigateurs alternatifs (Opera, Safari et les navigateurs Gecko).
    Pour IE tu dois ajouter un la déclaration display:block à ta bannière

    Pour ton menu flottant, pourquoi utiliser des tableaux à l'intérieur?
    Sais tu que les tableaux ne sont plus fait pour faire de la mise en forme?

  12. #12
    Membre actif
    Inscrit en
    Février 2008
    Messages
    457
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 457
    Points : 215
    Points
    215
    Par défaut
    Citation Envoyé par Erwan31 Voir le message
    Bonjour,
    enlève la marge négative (pas assez robuste) et remplace ton doctype strict par un transitionnal:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    car tu as des attributs de présentation invalide en strict comme align).

    D'autre part le passage en transitionnal aura pour effet de supprimer les espaces sous les images sur la plupart des navigateurs alternatifs (Opera, Safari et les navigateurs Gecko).
    Pour IE tu dois ajouter un la déclaration display:block à ta bannière

    Pour ton menu flottant, pourquoi utiliser des tableaux à l'intérieur?
    Sais tu que les tableaux ne sont plus fait pour faire de la mise en forme?
    Bonjour,
    Merci beaucoup!!
    En effet , lorsque je me testais le site avec W3C , j'étais étonné de voir tout ce qu'il n'acceptait pas !

    Je suis passé en transitional et en effet , les espaces ont disparus
    Pour les menus , j'ai retiré pas mal de tableaux , j'utilisais des classes existantes de créations de boxes..

    Les tables sont quand même parfois indispensables , non ?

    En tout cas merci pour la réponse

  13. #13
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut
    Citation Envoyé par libuma Voir le message
    Les tables sont quand même parfois indispensables , non ?
    Indispensable pour mettre en forme des données tabulaires (calendrier etc)
    mais beaucoup moins pour de la mise en forme de données non tabulaires
    Un tableau de mise en forme c-a-d sans attributs facilitant l'interprétation des données par les aides techniques (logiciels de synthèse vocale principalement) et améliorant le référencement des données du tableau (via l'attribut summary) ne devrait être implémenté que si les possibilité de mise en forme issue des propriétés CSS2.1 se montrent trop limitées ou pas suffisamment robustes, ce qui est de moins en moins souvent le cas.
    Désolé si c'est pas très clair, pas trop le temps d'expliquer de manière plus détaillée.

  14. #14
    Membre actif
    Inscrit en
    Février 2008
    Messages
    457
    Détails du profil
    Informations forums :
    Inscription : Février 2008
    Messages : 457
    Points : 215
    Points
    215
    Par défaut
    Citation Envoyé par Erwan31 Voir le message
    Indispensable pour mettre en forme des données tabulaires (calendrier etc)
    mais beaucoup moins pour de la mise en forme de données non tabulaires
    Un tableau de mise en forme c-a-d sans attributs facilitant l'interprétation des données par les aides techniques (logiciels de synthèse vocale principalement) et améliorant le référencement des données du tableau (via l'attribut summary) ne devrait être implémenté que si les possibilité de mise en forme issue des propriétés CSS2.1 se montrent trop limitées ou pas suffisamment robustes, ce qui est de moins en moins souvent le cas.
    Désolé si c'est pas très clair, pas trop le temps d'expliquer de manière plus détaillée.
    J'avoue que je dois m'accrocher pour comprendre tout , mais merci pour l'information

  15. #15
    Membre émérite Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Points : 2 444
    Points
    2 444
    Par défaut
    Citation Envoyé par libuma Voir le message
    J'avoue que je dois m'accrocher pour comprendre tout , mais merci pour l'information
    Oui pardon, je m'aperçois que ma phrase est trop longue et sa tournure trop alambiquée pour faciliter sa compréhension.

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

Discussions similaires

  1. Bug : Mon contenu actionne onmouseout :(
    Par westernz dans le forum Général JavaScript
    Réponses: 23
    Dernier message: 28/12/2011, 15h58
  2. VC++ 2010, bug avec contenu htm
    Par BBric dans le forum C++
    Réponses: 2
    Dernier message: 24/10/2011, 21h01
  3. ComboBox: définir la valeur du contenu = bug
    Par icare_1er dans le forum IHM
    Réponses: 1
    Dernier message: 12/07/2007, 21h19
  4. Bug contenu d'une zone de texte invisible
    Par Aerofly dans le forum Access
    Réponses: 5
    Dernier message: 13/12/2006, 15h27
  5. Réponses: 1
    Dernier message: 29/11/2005, 17h32

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