Page d'aceuil qui change selon la résolution.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Page d'aceuil qui change selon la résolution.

Message par Censure le Jeu 10 Fév 2011 - 10:22

Bonjour, J'ai une page html qui me sert comme page d'accueil, seul problème c'est que les bloc ne sont pas fixe, et change donc avec la résolution.
cette page est composé de 7 bloc.
La page html
Code:

<!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="en" >

<meta http-equiv="content-language" content="fr" />
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<?xml version='1.0' encoding='charset=UTF-8' ?>
<head>
</script>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="Content-Language" content="en"/>
<title>L'integrale D'Enemy Territory</title>
<META NAME="TITLE" CONTENT="LiDET">
<META NAME="DESCRIPTION" CONTENT="LiDET est un site d'un jeu en ligne de type Fps entièrement gratuit">
<META NAME="KEYWORDS" CONTENT="LiDET, Fps, gratuit, Wolfenstein, enemy territory,">
<META NAME="LANGUAGE" CONTENT="FR">

<META NAME="SUBJECT" CONTENT="LiDET">
<META NAME="ROBOTS" CONTENT="Index">
<META NAME="AUTHOR" CONTENT="LiDET>
<META NAME="RATING" CONTENT="jeux en ligne">
<META NAME="ABSTRACT" CONTENT="LiDET est un site d'un jeu en ligne de type Fps entièrement gratuit">
</head>
<body>

<div class="bandeau">
<span style="display: inline-block;height: 50%;width: 1px;">
</span>
<a href="http://lidet.bbactif.com/login">
<font color="#BFC6D2">Connexion</font></a>
      
<a href="http://lidet.bbactif.com/index.htm">
<font color="#BFC6D2">Acceuil Forum</font>

</a>      
<a href="http://lidet.bbactif.com/">
<font color="#BFC6D2">Accueil Site</font>
</a>      
<a href="http://lidet.bbactif.com/register">
<font color="#BFC6D2">S'enregistrer</font>
</a>      
<a href="http://lidet.bbactif.com/privmsg?folder=inbox&tt=1">
<font color="#BFC6D2">Messages privês</font>
</a>      
</div> 
 
   <div id="bandeau"></div>

   <div id="loginzone">

<br/>
<form action="http://lidet.bbactif.com/login.forum" method="post">
    <table border="0" cellspacing="1" cellpadding="3">
    <tr>
    <td align="right" width="19%">ID</td>
    <td>
    <input type="text" name="username" value="" size="25" maxlength="40">
    </td></tr>
    <tr><td align="right">MdP:</td><td>

    <input type="password" name="password" size="25" maxlength="32">
    </td></tr>
    <tr align="center">
    <td colspan="2">Connexion auto: <input type="checkbox" name="autologin" checked="checked"></td>
    </tr><tr align="center"><td colspan="2">
    <input class="mainoption" type="submit" name="login" value="Connexion">
<script language="JavaScript" src="http://cf.geocities.com/js_source/gadget/day.js">
</script></center>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

<center>
Vous êtes connecter en tant que  <span class="USERNAME";'></span><br/>
    </td></tr></table></form>
   
    <div class="main-content"><form action="/search.forum" method="get"><b>Rechercher :</b>  <input type="text" class="inputbox medium" name="search_keywords" size="24" /> <input type="submit" class="button1" value="Go" /> </div></div>
   <div id="menu">

      <div id="menu_haut">
<div class="h2menu">

<br/> 
</div>

<ul>
<li><a href="http://lidet.bbactif.com/Preambule-h13.htm" class="lien1">Préambule</a></li>
<li><a href="http://lidet.bbactif.com/Les-cfg-h2.htm"class="lien1">Cfg</a></li>
<li><a href="http://lidet.bbactif.com/Armes-et-classes-h35.htm" class="lien1">Armes Et Classes</a></li>
<li><a href="http://lidet.bbactif.com/Serveur-et-Creation-du-profil-h37.htm" class="lien1">Serveur/Profil</a></li>
<li><a href="http://lidet.bbactif.com/Touches-du-jeu-h16.htm" class="lien1">Les Touches</a></li>
<li><a href="http://lidet.bbactif.com/Instaler-Xfire-h32.htm" class="lien1">Xfire</a></li>

<li><a href="http://lidet.bbactif.com/Messages-d-erreur-double-parties-h40.htm" class="lien1">Messages d'erreur</a></li>
<li><a href="http://lidet.bbactif.com/Punkbuster-h21.htm" class="lien1">Punkbuster</a></li>
<li><a href="http://lidet.bbactif.com/Vocabulaires-et-lexiques-h20.htm" class="lien1">Vocabulaires</a></li>
<li><a href="http://lidet.bbactif.com/Codes-couleurs-h29.htm" class="lien1">Couleurs</a></li>
<li><a href="http://lidet.bbactif.com/Telechargements-h44.htm" class="lien1">Téléchargements</a></li>
<li><a href="http://lidet.bbactif.com/ETpro-h25.htm" class="lien1">Etpro</a></li>
<li><a href="http://lidet.bbactif.com/h26-etpub.htm" class="lien1">Etpub</a></li>
<li><a href="http://lidet.bbactif.com/NoQuarter-h28.htm" class="lien1">NoQuarter</a></li>
<li><a href="http://lidet.bbactif.com/h22-kmod" class="lien1">Kmod</a></li>
<li><a href="http://et.splatterladder.com/" class="lien1">Splatterladder</a></li>

<li><a href="http://et.trackbase.net/" class="lien1">Et.tracbase.net</a></li>
<li><a href="http://lidet.bbactif.com/Tracker-h41.htm" class="lien1">Tracker</a></li>
</ul></div>

      <div id="menu_bas">
<div class="h2menu">
<br/> 
</div>
<object width="480" height="385">
<param name="movie" value="http://www.youtube.com/v/rFWZGhYLs9A?fs=1&amp;hl=fr_FR">
</param>
<param name="allowFullScreen" value="true">
</param>

<param name="allowscriptaccess" value="always">
</param>
<embed src="http://www.youtube.com/v/rFWZGhYLs9A?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="375" height="345">
</embed>
</object>
</div>

   </div>

   <div id="contenu"><h3><span>Ennemy Territory</span></h3>

         <p class="p1"><span>Petite explications du fonctionnement de ce jeu..</span></p>

         <p class="p2"><span>Tout comme ce dernier, Wolfenstein: Enemy Territory s’appuie sur l'id Tech 3, le moteur de jeu de Quake III Arena.
Depuis début 2004, la société chargée du développement de l'aspect réseau du jeu (Splash Damage) fournit le code source gratuitement , mais le jeu n'en est pas pour autant un logiciel libre. L'utilisateur doit accepter la licence d'id Software qui est très permissive par rapport à celle de la majorité des logiciels propriétaires.
Le jeu est disponible sur les trois principaux systèmes d'exploitation : Windows, Linux et Mac OS.
Malgré la gratuité du jeu, Splash Damage a suivi la vie du logiciel après sa mise en circulation et a ainsi créé plusieurs patches résolvant les quelques bugs présents dans la version d'origine. La version 2.60 est sortie le 21 mars 2005 et la version 2.60b a été rendue disponible le 8 mai 2006.
<br>Source Wikipedia</span></p>

<script type="text/javascript">
// Méthode pour changer la visiblité d'une balise dont l'ID est passée en paramètre
function toggleVisibility(tagId) {
if (!document.getElementById) {
msg = 'Votre navigateur est trop ancien pour profiter de votre visite\n';
msg += 'Veuillez le mettre à jour ou vous en procurer un autre';
return false;
}
var tagToToggle;
try { // On tente de récupérer la balise cible dont on doit changer la visibilité
tagToToggle = document.getElementById(tagId);
} catch (e) { // Si échec de la récupération de la balise cible
alert('Je n\'ai pas pu trouver la balise cible');
}
try { // Seulement pour les non IE
if (tagToToggle.style.display == 'none') {
tagToToggle.style.display = 'inline';
} else {
tagToToggle.style.display = 'none';
}
} catch (e) {
}
// Pour IE
if (tagToToggle.style.visibility == 'hidden') {
tagToToggle.style.visibility = 'visible';
} else {
tagToToggle.style.visibility = 'hidden';
}
}
</script>

<div>
<a href="javascript:toggleVisibility('texte2')">
En savoir plus . . .
</a>

</div>
<div id="texte2" style="visibility: hidden; display: none;">

Ont dit qu'Enemy Territory est en voix de disparition.. mais c'est faux il y a de plus en plus d'adepte à ce jeu !
o
</div>

</td>
</div></div>
        <div id="contenu2"><h3><span>Qu'est-ce que LiDET ?</span></h3>
         <p class="p1"><span>LiDET est tout d'abord un site d'entraide.</span></p>

         <p class="p2"><span><acronym title="L'integrale D'Enemy Territory">LiDET</acronym> Vous a concocter toutes une séries de liens qui vous aiderons dans  votre développement, que se soit du téléchargement, à la création de votre futur profil..</span></p>


<script type="text/javascript">
// Méthode pour changer la visiblité d'une balise dont l'ID est passée en paramètre
function toggleVisibility(tagId) {
if (!document.getElementById) {
msg = 'Votre navigateur est trop ancien pour profiter de votre visite\n';
msg += 'Veuillez le mettre à jour ou vous en procurer un autre';
return false;
}
var tagToToggle;
try { // On tente de récupérer la balise cible dont on doit changer la visibilité
tagToToggle = document.getElementById(tagId);
} catch (e) { // Si échec de la récupération de la balise cible
alert('Je n\'ai pas pu trouver la balise cible');
}
try { // Seulement pour les non IE
if (tagToToggle.style.display == 'none') {
tagToToggle.style.display = 'inline';
} else {
tagToToggle.style.display = 'none';
}
} catch (e) {
}
// Pour IE
if (tagToToggle.style.visibility == 'hidden') {
tagToToggle.style.visibility = 'visible';
} else {
tagToToggle.style.visibility = 'hidden';
}
}
</script>

<div>
<a href="javascript:toggleVisibility('texte3')">
En savoir plus . . .
</a>
</div>
<div id="texte3" style="visibility: hidden; display: none;">
Notre idée etait de pouvoir aidé les joueurs qui galérer, nous commençons à avoir une bonne bases de données, mais ce n'est pa encore suffisant !

</div>
<br/></div>
   <div id="pied_page">&nbsp</div>

   <div id="pied_page2">Toute reproduction Est interdite, merci de respecter notre travail. [L'equipe LiDET ©2009-2011]
<br/>
<a href="http://www.forumactif.com" target="_blank">Forumactif.com</a> /
<a href="http://lidet.bbactif.com/admin/index.forum?part=admin&sid=e5d62335e3cb93cc2d75ea31b75ef091">Admin</a></div>
</body>
</html>
le Css
Code:

<style type="text/css">
*{
  padding: 0;
  margin:0;
}

body {
   background-color: #0a0a0a;
   background-image: url("http://forum.i3d.net/attachments/main-bad-company-2/943203530d1268403572-battlefield-bad-company-2-wallpapers-bfbc2_wookie_art.jpg");
   background-attachment: fixed; center;
        background-repeat: no-repeat ;
margin-top: 80px;
   }

div {
   text-align:center;
   }
div#bandeau {
        margin-left:550px;
   width:672px;
   height:180px;
   background-color:#000;
        background: url(http://www.wolfarea.org/wiki/images/7/76/Wiki_wet.jpg);
        border:2px solid #fff;
   }
div#loginzone {
      background-color:#515E78;
      background: url(http://www.falxleagues.net/home/img/map_thumbnails/et/supply.gif)no-repeat;
      font-size: 11px;
      border:2px solid #fff;
      color: #000;
      margin-left:1234px;
      margin-top:-183px;
      width:251px;
        height:179px;
        position: absolute;
}
div#menu {
   float:left;
   width:100px;
   height:200px;
   background-color:#FF6699;
        margin-left:550px;
        margin-top:5px;
   }
div#menu_haut {
   width:378px;
   height:auto;
   background-color:#0000000;
        background: url(http://img50.xooimage.com/files/8/5/d/enemyterritory_wallpaper15-24a8228.jpg);
        border:2px solid #fff;
   }
div#menu_bas {
   width:378px;
   height:auto;
   background-color:#ccc;
        margin-top:5px;
        border:2px solid #fff;
   }
div#contenu {
   float:left;
   width:545px;
   height:auto;
   background-color:#ccc;
        margin-left:290px;
        margin-top:5px;
        border:2px solid #fff;
   }
div#contenu2 {
   clear:both;
   float:left;
   width:545px;
   height:auto;
   background-color:#ccc;
        margin-left:940px;
        margin-top:5px;
        border:2px solid #fff;
margin-bottom: 10px;
   }

div#pied_page2 {
   clear:both;
   width:545px;
   height:80px;
   background-color:#000;
        margin-left:940px;
        margin-top:-87px;
        color:#fff;
        border:2px solid #fff;
}

      a:link, a:visited {
      color: #fff;
        text-decoration: none;
   }

h3{
    text-align: center; /* Pour centrer le titre */
    font-family: "Arial Black", Arial, Verdana, serif;
    font-size:15px;
    color:#ff0000;
    background: url(http://i34.servimg.com/u/f34/14/84/87/27/bfbc2_12.jpg);
    width:543px;
    height:68px;}

.h2menu{
      background: url(http://i34.servimg.com/u/f34/14/84/87/27/le_sit12.jpg);
      width:374px;   
        height:53px;color:#fff;
}

p{
  text-align:left;
  margin-left:3px;
  margin-right:3px;
}

.titre{
  background: url(http://i37.servimg.com/u/f37/15/97/01/87/gris10.png)repeat;
  color:#fff;
  font-size:15px;
  padding:auto;
}
a.lien1 {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  background-attachment:no-repeat;
  font-size:12px;
}

ul{margin-left:30px;margin-top:5px;}

li{ 
  list-style-image : url(http://www.deuil-suicide.org/IMG/puce_fil_forum.jpg);
  text-align: left;
}

li:hover{ 
  list-style-image : url(http://www.nantes.fr/webdav/site/nantesfr/shared/fileadmin/images/Puces/Titres/puce_titres_culture.gif);
  text-align: left;
}
.bandeau{
  position: fixed;
  z-index: 2; /* place ce div au dessus des autres */
  top: 0%;
  left:0px;
  width: 100%;
  height:37px;
    background-color: #000; /* couleur du fond */
    color: #fff;
  font-family: "Comic Sans MS", Arial, Verdana, serif;
    text-align: center;
  font-size: 12px; /* Paragraphes de 14 pixels */
  vertical-align: middle; display: inline;
  border: 2px solid #fff;
}
Images:


Le forum en question : http://lidet.bbactif.com/

Bloc non fixe (résolution:1024x768)

Bloc fixe (résolution:1920x1080)

Est-ce un probléme de code manquant ou autres?

Merci de Votre aide.

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'aceuil qui change selon la résolution.

Message par Censure le Ven 11 Fév 2011 - 18:22

Un petit peu d'aide ne serais pas de refus.

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'aceuil qui change selon la résolution.

Message par Censure le Sam 12 Fév 2011 - 16:24

Bonjour,
De l'aide me serait utile.

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'aceuil qui change selon la résolution.

Message par Censure le Dim 13 Fév 2011 - 10:23

Quelqu'un aurait essayer? Aurait-il eu les mêmes problèmes ? est-ce un problème de positionnement: float?
Aurais-je oublier un code de positionnement?

Merci de votre aide.

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'aceuil qui change selon la résolution.

Message par Censure le Mar 15 Fév 2011 - 18:11

Bonsoir,Un petit up.
Une piste, un bout de script me serait utile Sad

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'aceuil qui change selon la résolution.

Message par Censure le Mer 16 Fév 2011 - 8:49

Toujours personne pour m'aider? bounce

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'aceuil qui change selon la résolution.

Message par Censure le Mer 16 Fév 2011 - 14:22

Re-Bonjour.
Le problème des div qui bouge est résolu, maintenant j'ai un problème du centrage de la page d'accueil via différent résolution d'écran.
Code:
<!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="en" >

<meta http-equiv="content-language" content="fr" />
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<?xml version='1.0' encoding='charset=UTF-8' ?>
<head>
</script>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="Content-Language" content="en"/>
<title>L'integrale D'Enemy Territory</title>
<META NAME="TITLE" CONTENT="LiDET">
<META NAME="DESCRIPTION" CONTENT="LiDET est un site d'un jeu en ligne de type Fps entièrement gratuit">
<META NAME="KEYWORDS" CONTENT="LiDET, Fps, gratuit, Wolfenstein, enemy territory,">
<META NAME="LANGUAGE" CONTENT="FR">

<META NAME="SUBJECT" CONTENT="LiDET">
<META NAME="ROBOTS" CONTENT="Index">
<META NAME="AUTHOR" CONTENT="LiDET>
<META NAME="RATING" CONTENT="jeux en ligne">
<META NAME="ABSTRACT" CONTENT="LiDET est un site d'un jeu en ligne de type Fps entièrement gratuit">
</head>
<body>

<div class="bandeau">
<span style="display: inline-block;height: 50%;width: 1px;">
</span>
<a href="http://lidet.bbactif.com/login">
<font color="#BFC6D2">Connexion</font></a>
      
<a href="http://lidet.bbactif.com/index.htm">
<font color="#BFC6D2">Acceuil Forum</font>

</a>      
<a href="http://lidet.bbactif.com/">
<font color="#BFC6D2">Accueil Site</font>
</a>      
<a href="http://lidet.bbactif.com/register">
<font color="#BFC6D2">S'enregistrer</font>
</a>      
<a href="http://lidet.bbactif.com/privmsg?folder=inbox&tt=1">
<font color="#BFC6D2">Messages privês</font>
</a>      
</div> 
 
   <div id="bandeau"></div>

   <div id="loginzone">

<br/>
<form action="http://lidet.bbactif.com/login.forum" method="post">
    <table border="0" cellspacing="1" cellpadding="3">
    <tr>
    <td align="right" width="19%">ID</td>
    <td>
    <input type="text" name="username" value="" size="25" maxlength="40">
    </td></tr>
    <tr><td align="right">MdP:</td><td>

    <input type="password" name="password" size="25" maxlength="32">
    </td></tr>
    <tr align="center">
    <td colspan="2">Connexion auto: <input type="checkbox" name="autologin" checked="checked"></td>
    </tr><tr align="center"><td colspan="2">
    <input class="mainoption" type="submit" name="login" value="Connexion">
<script language="JavaScript" src="http://cf.geocities.com/js_source/gadget/day.js">
</script></center>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

<center>
Vous êtes connecter en tant que  <span class="USERNAME";'></span><br/>
    </td></tr></table></form>
   
    <div class="main-content"><form action="/search.forum" method="get"><b>Rechercher :</b>  <input type="text" class="inputbox medium" name="search_keywords" size="24" /> <input type="submit" class="button1" value="Go" /> </div></div>
   <div id="menu">

      <div id="menu_haut">
<div class="h2menu">

<br/> 
</div>

<ul>
<li><a href="http://lidet.bbactif.com/Preambule-h13.htm" class="lien1">Préambule</a></li>
<li><a href="http://lidet.bbactif.com/Les-cfg-h2.htm"class="lien1">Cfg</a></li>
<li><a href="http://lidet.bbactif.com/Armes-et-classes-h35.htm" class="lien1">Armes Et Classes</a></li>
<li><a href="http://lidet.bbactif.com/Serveur-et-Creation-du-profil-h37.htm" class="lien1">Serveur/Profil</a></li>
<li><a href="http://lidet.bbactif.com/Touches-du-jeu-h16.htm" class="lien1">Les Touches</a></li>
<li><a href="http://lidet.bbactif.com/Instaler-Xfire-h32.htm" class="lien1">Xfire</a></li>

<li><a href="http://lidet.bbactif.com/Messages-d-erreur-double-parties-h40.htm" class="lien1">Messages d'erreur</a></li>
<li><a href="http://lidet.bbactif.com/Punkbuster-h21.htm" class="lien1">Punkbuster</a></li>
<li><a href="http://lidet.bbactif.com/Vocabulaires-et-lexiques-h20.htm" class="lien1">Vocabulaires</a></li>
<li><a href="http://lidet.bbactif.com/Codes-couleurs-h29.htm" class="lien1">Couleurs</a></li>
<li><a href="http://lidet.bbactif.com/Telechargements-h44.htm" class="lien1">Téléchargements</a></li>
<li><a href="http://lidet.bbactif.com/ETpro-h25.htm" class="lien1">Etpro</a></li>
<li><a href="http://lidet.bbactif.com/h26-etpub.htm" class="lien1">Etpub</a></li>
<li><a href="http://lidet.bbactif.com/NoQuarter-h28.htm" class="lien1">NoQuarter</a></li>
<li><a href="http://lidet.bbactif.com/h22-kmod" class="lien1">Kmod</a></li>
<li><a href="http://et.splatterladder.com/" class="lien1">Splatterladder</a></li>

<li><a href="http://et.trackbase.net/" class="lien1">Et.tracbase.net</a></li>
<li><a href="http://lidet.bbactif.com/Tracker-h41.htm" class="lien1">Tracker</a></li>
</ul></div>

      <div id="menu_bas">
<div class="h2menu">
<br/> 
</div>
<object width="480" height="385">
<param name="movie" value="http://www.youtube.com/v/rFWZGhYLs9A?fs=1&amp;hl=fr_FR">
</param>
<param name="allowFullScreen" value="true">
</param>

<param name="allowscriptaccess" value="always">
</param>
<embed src="http://www.youtube.com/v/rFWZGhYLs9A?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="375" height="345">
</embed>
</object>
</div>

   </div>

   <div id="contenu"><h3><span>Ennemy Territory</span></h3>

         <p class="p1"><span>Petite explications du fonctionnement de ce jeu..</span></p>

         <p class="p2"><span>Tout comme ce dernier, Wolfenstein: Enemy Territory s’appuie sur l'id Tech 3, le moteur de jeu de Quake III Arena.
Depuis début 2004, la société chargée du développement de l'aspect réseau du jeu (Splash Damage) fournit le code source gratuitement , mais le jeu n'en est pas pour autant un logiciel libre. L'utilisateur doit accepter la licence d'id Software qui est très permissive par rapport à celle de la majorité des logiciels propriétaires.
Le jeu est disponible sur les trois principaux systèmes d'exploitation : Windows, Linux et Mac OS.
Malgré la gratuité du jeu, Splash Damage a suivi la vie du logiciel après sa mise en circulation et a ainsi créé plusieurs patches résolvant les quelques bugs présents dans la version d'origine. La version 2.60 est sortie le 21 mars 2005 et la version 2.60b a été rendue disponible le 8 mai 2006.
<br>Source Wikipedia</span></p>

<script type="text/javascript">
// Méthode pour changer la visiblité d'une balise dont l'ID est passée en paramètre
function toggleVisibility(tagId) {
if (!document.getElementById) {
msg = 'Votre navigateur est trop ancien pour profiter de votre visite\n';
msg += 'Veuillez le mettre à jour ou vous en procurer un autre';
return false;
}
var tagToToggle;
try { // On tente de récupérer la balise cible dont on doit changer la visibilité
tagToToggle = document.getElementById(tagId);
} catch (e) { // Si échec de la récupération de la balise cible
alert('Je n\'ai pas pu trouver la balise cible');
}
try { // Seulement pour les non IE
if (tagToToggle.style.display == 'none') {
tagToToggle.style.display = 'inline';
} else {
tagToToggle.style.display = 'none';
}
} catch (e) {
}
// Pour IE
if (tagToToggle.style.visibility == 'hidden') {
tagToToggle.style.visibility = 'visible';
} else {
tagToToggle.style.visibility = 'hidden';
}
}
</script>

<div>
<a href="javascript:toggleVisibility('texte2')">
En savoir plus . . .
</a>

</div>
<div id="texte2" style="visibility: hidden; display: none;">

Ont dit qu'Enemy Territory est en voix de disparition.. mais c'est faux il y a de plus en plus d'adepte à ce jeu !
o
</div>

</td>
</div></div>
        <div id="contenu2"><h3><span>Qu'est-ce que LiDET ?</span></h3>
         <p class="p1"><span>LiDET est tout d'abord un site d'entraide.</span></p>

         <p class="p2"><span><acronym title="L'integrale D'Enemy Territory">LiDET</acronym> Vous a concocter toutes une séries de liens qui vous aiderons dans  votre développement, que se soit du téléchargement, à la création de votre futur profil..</span></p>


<script type="text/javascript">
// Méthode pour changer la visiblité d'une balise dont l'ID est passée en paramètre
function toggleVisibility(tagId) {
if (!document.getElementById) {
msg = 'Votre navigateur est trop ancien pour profiter de votre visite\n';
msg += 'Veuillez le mettre à jour ou vous en procurer un autre';
return false;
}
var tagToToggle;
try { // On tente de récupérer la balise cible dont on doit changer la visibilité
tagToToggle = document.getElementById(tagId);
} catch (e) { // Si échec de la récupération de la balise cible
alert('Je n\'ai pas pu trouver la balise cible');
}
try { // Seulement pour les non IE
if (tagToToggle.style.display == 'none') {
tagToToggle.style.display = 'inline';
} else {
tagToToggle.style.display = 'none';
}
} catch (e) {
}
// Pour IE
if (tagToToggle.style.visibility == 'hidden') {
tagToToggle.style.visibility = 'visible';
} else {
tagToToggle.style.visibility = 'hidden';
}
}
</script>

<div>
<a href="javascript:toggleVisibility('texte3')">
En savoir plus . . .
</a>
</div>
<div id="texte3" style="visibility: hidden; display: none;">
Notre idée etait de pouvoir aidé les joueurs qui galérer, nous commençons à avoir une bonne bases de données, mais ce n'est pa encore suffisant !

</div>
<br/></div>
   <div id="pied_page">&nbsp</div>

   <div id="pied_page2">Toute reproduction Est interdite, merci de respecter notre travail. [L'equipe LiDET ©2009-2011]
<br/>
<a href="http://www.forumactif.com" target="_blank">Forumactif.com</a> /
<a href="http://lidet.bbactif.com/admin/index.forum?part=admin&sid=e5d62335e3cb93cc2d75ea31b75ef091">Admin</a>
<br/>
<a href="http://www.gametracker.com/server_info/188.165.210.205:27981/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/188.165.210.205:27981/b_350_20_000000_000000_E6E6E6_FAFAFA.png" border="0" width="350" height="20"  alt=""/></a>
</div>
</body>
</html>

<style type="text/css">

html
{
height: 100%;
}

*{
  padding: 0;
  margin:0;
}

body {
   background-color: #0a0a0a;
   background-image: url("");
   background-attachment: fixed; center;
        background-repeat: no-repeat ;
        margin-top: 80px;
        height: 100%;
        padding: 0;
   }

div {
   text-align:center;
   }
div#bandeau {
        margin-left:469px;
        display: block;
   width:672px;
   height:180px;
   background-color:#000;
        background: url(http://www.wolfarea.org/wiki/images/7/76/Wiki_wet.jpg);
        border:2px solid #fff;
   }
div#loginzone {
      background-color:#515E78;
      background: url(http://www.falxleagues.net/home/img/map_thumbnails/et/supply.gif)no-repeat;
      font-size: 11px;
      border:2px solid #fff;
      color: #000;
      margin-left:1149px;
      margin-top:-183px;
      width:251px;
        height:179px;
        position: absolute;
      display: block;
        float: left;

}
div#menu {
   float:left;
   width:100px;
   height:200px;
   background-color:#FF6699;
        margin-left:469px;
        margin-top:5px;
        display: block;
        float: left;
   }
div#menu_haut {
   width:378px;
   height:auto;
   background-color:#0000000;
        background: url(http://img51.xooimage.com/files/4/9/4/menu_haut-25a2336.jpg);
        border:2px solid #fff;
        display: block;
        float: left;
   }
div#menu_bas {
   width:378px;
   height:auto;
   background-color:#ccc;
        margin-top:5px;
        border:2px solid #fff;
        display: block;
        float: left;
   }
div#contenu {
         clear:both;
   float:left;
   width:545px;
   height:auto;
   background-color:#ccc;
        margin-left:855px;
        margin-top:-200px;
        border:2px solid #fff;
        margin-bottom: 10px;
        display: block;
        float: left;
}
div#contenu2 {
   clear:both;
   float:left;
   width:545px;
   height:auto;
   background-color:#ccc;
        margin-left:855px;
        margin-top:-5px;
        border:2px solid #fff;
        margin-bottom: 10px;
        display: block;
        float: left;
   }

div#pied_page2 {
   clear:both;
   width:545px;
   height:80px;
   background-color:#000;
        margin-left:855px;
        margin-top:-5px;
        color:#fff;
        border:2px solid #fff;
        display: block;
        float: left;
}

      a:link, a:visited {
      color: #fff;
        text-decoration: none;
   }

h3{
    text-align: center; /* Pour centrer le titre */
    font-family: "Arial Black", Arial, Verdana, serif;
    font-size:15px;
    color:#ff0000;
    background: url(http://i34.servimg.com/u/f34/14/84/87/27/bfbc2_12.jpg);
    width:543px;
    height:68px;}

.h2menu{
      background: url(http://i70.servimg.com/u/f70/15/50/49/37/le_sit11.jpg);
      width:374px;   
        height:53px;color:#fff;
}

p{
  text-align:left;
  margin-left:3px;
  margin-right:3px;
}

.titre{
  background: url(http://i37.servimg.com/u/f37/15/97/01/87/gris10.png)repeat;
  color:#fff;
  font-size:15px;
  padding:auto;
}
a.lien1 {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  background-attachment:no-repeat;
  font-size:12px;
}

ul{margin-left:30px;margin-top:5px;}

li{ 
  list-style-image : url(http://www.deuil-suicide.org/IMG/puce_fil_forum.jpg);
  text-align: left;
}

li:hover{ 
  list-style-image : url(http://www.nantes.fr/webdav/site/nantesfr/shared/fileadmin/images/Puces/Titres/puce_titres_culture.gif);
  text-align: left;
}
.bandeau{
  position: fixed;
  z-index: 2; /* place ce div au dessus des autres */
  top: 0%;
  left:0px;
  width: 100%;
  height:37px;
    background-color: #000; /* couleur du fond */
    color: #fff;
  font-family: "Comic Sans MS", Arial, Verdana, serif;
    text-align: center;
  font-size: 12px; /* Paragraphes de 14 pixels */
  vertical-align: middle; display: inline;
  border: 2px solid #fff;
}

</style>

C'est du fait maison, alors ce n'est pas parfait.
Je vous joint si dessous 2 images.



Voyez par vous même la différence de centrage.

_________________
Nous utilisons: Mozilla.

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'aceuil qui change selon la résolution.

Message par Censure le Jeu 17 Fév 2011 - 18:33

Up du jour.
Merci de bien vouloir m'aider.

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'aceuil qui change selon la résolution.

Message par Censure le Jeu 17 Fév 2011 - 20:23

Même en la modifiant je n'y arrive toujours pas.
C'est assez important. Si quelqu'un veut m'aider..
Code:
<!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="en" >

<meta http-equiv="content-language" content="fr" />
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<?xml version='1.0' encoding='charset=UTF-8' ?>
<head>
</script>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="Content-Language" content="en"/>
<title>L'integrale D'Enemy Territory</title>
<META NAME="TITLE" CONTENT="LiDET">
<META NAME="DESCRIPTION" CONTENT="LiDET est un site d'un jeu en ligne de type Fps entièrement gratuit">
<META NAME="KEYWORDS" CONTENT="LiDET, Fps, gratuit, Wolfenstein, enemy territory,">
<META NAME="LANGUAGE" CONTENT="FR">

<META NAME="SUBJECT" CONTENT="LiDET">
<META NAME="ROBOTS" CONTENT="Index">
<META NAME="AUTHOR" CONTENT="LiDET>
<META NAME="RATING" CONTENT="jeux en ligne">
<META NAME="ABSTRACT" CONTENT="LiDET est un site d'un jeu en ligne de type Fps entièrement gratuit">

<style type="text/css">
/* CSS issu des tutoriels www.alsacreations.com/articles */
body {
margin: 0;
padding: 0;
   background-color: #0a0a0a;
}

#global {
        position:absolute;
        left: 50%;
        top: 30%;
        width: 1000px;
        height: auto;
        margin-top: -100px; /* moitié de la hauteur */
        margin-left: -360px; /* moitié de la largeur */
        border: 0px solid #333;
        background-color: #eee;
}
div#bandeau {
        position: absolute; /* on positionne le conteneur */
        top:45%;
        left: 36%;
   width:672px;
   height:180px;
        margin-top: -90px; /* moitié de la hauteur */
        margin-left: -461px; /* moitié de la largeur */
   background-color:#000;
        background: url(http://www.wolfarea.org/wiki/images/7/76/Wiki_wet.jpg);
        border:2px solid #fff;
   }

div#loginzone {
      top:-1%;
      left: 50%;
      margin-left:342px;
      background-color:#515E78;
      background: url(http://www.falxleagues.net/home/img/map_thumbnails/et/supply.gif);
      background-attchment:no-repeat;
      font-size: 11px;
      border:2px solid #fff;
      color: #000;
      width:251px;
      height:180px;
      position: absolute; /* on positionne le conteneur */
      display: block;
      text-align: left; /* on rétablit l'alignement normal du texte */
}

div#menu {
        top:30%;
        left: 21%;
   width:100px;
   height:200px;
   background-color:#FF6699;
        margin-left: 92px;
        display: block;
        text-align: left; /* on rétablit l'alignement normal du texte */
        position: absolute; /* on positionne le conteneur */
   }
div#menu_haut {
   width:378px;
   height:auto;
   background-color:#0000000;
        background: url(http://img51.xooimage.com/files/4/9/4/menu_haut-25a2336.jpg);
        border:2px solid #fff;
        display: block;
        margin-left: auto;
        margin-right: auto; 
        text-align: left; /* on rétablit l'alignement normal du texte */
        position: absolute; /* on positionne le conteneur */
   }

div#menu_bas {
        top:50%;
   width:378px;
   height:auto;
   background-color:#ccc;
        border:2px solid #fff;
        display: block;
        text-align: left; /* on rétablit l'alignement normal du texte */
        position: absolute; /* on positionne le conteneur */
        margin-left:auto;
        margin-right:auto;
        margin-top:365px;
   }

.h2menu{
      background: url(http://i70.servimg.com/u/f70/15/50/49/37/le_sit11.jpg);
      width:374px;   
        height:53px;color:#fff;
}

div#contenu {
        top:30%;
        left: 25%;
         clear:both;
   width:545px;
   height:auto;
   background-color:#ccc;
        margin-left:403px;
        margin-top:;
        border:2px solid #fff;
        display: block;
        text-align: left; /* on rétablit l'alignement normal du texte */
        position: absolute; /* on positionne le conteneur */
        margin-bottom: -60px;
   clear:both;
        display: block;
        text-align: left; /* on rétablit l'alignement normal du texte */
}

div#contenu2 {
       clear:both;
   width:545px;
   height:auto;
   background-color:#ccc;
        margin-left:-2px;
        margin-top:9px;
        border:2px solid #fff;
        margin-bottom: 10px;
        display: block;
        float: left; 
        text-align: left; /* on rétablit l'alignement normal du texte */
        position: absolute; /* on positionne le conteneur */
   }
div#pied_page2 {
   clear:both;
   width:545px;
   height:80px;
   background-color:#000;
        margin-left: -2px;
        margin-right: auto;
        margin-top:10px;
        color:#fff;
        border:2px solid #fff;
        display: block;
        text-align: left; /* on rétablit l'alignement normal du texte */
        position: absolute; /* on positionne le conteneur */
}

      a:link, a:visited {
      color: #fff;
        text-decoration: none;
   }

h3{
    text-align: center; /* Pour centrer le titre */
    font-family: "Arial Black", Arial, Verdana, serif;
    font-size:15px;
    color:#ff0000;
    background: url(http://i34.servimg.com/u/f34/14/84/87/27/bfbc2_12.jpg);
    width:543px;
    height:68px;}

.h2menu{
      background: url(http://i70.servimg.com/u/f70/15/50/49/37/le_sit11.jpg);
      width:374px;   
        height:53px;color:#fff;
}

p{
  text-align:left;
  margin-left:3px;
  margin-right:3px;
}

.titre{
  background: url(http://i37.servimg.com/u/f37/15/97/01/87/gris10.png)repeat;
  color:#fff;
  font-size:15px;
  padding:auto;
}
a.lien1 {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  background-attachment:no-repeat;
  font-size:12px;
}

ul{
      margin-left:30px;
      margin-top:5px;}

li{ 
  list-style-image : url(http://www.deuil-suicide.org/IMG/puce_fil_forum.jpg);
  text-align: left;
}

li:hover{ 
          list-style-image : url(http://www.nantes.fr/webdav/site/nantesfr/shared/fileadmin/images/Puces/Titres/puce_titres_culture.gif);
          text-align: left;
}

.bandeau{
  position: fixed;
  z-index: 2; /* place ce div au dessus des autres */
  top: 0%;
  left:0px;
  width: 100%;
  height:37px;
  background-color: #000; /* couleur du fond */
  color: #fff;
  font-family: "Comic Sans MS", Arial, Verdana, serif;
  text-align: center;
  font-size: 12px; /* Paragraphes de 14 pixels */
  vertical-align: middle; display: inline;
  border: 2px solid #fff;
}
</style>
</head>

<div class="bandeau">
<span style="display: inline-block;height: 50%;width: 1px;">
</span>
<a href="http://lidet.bbactif.com/login">
<font color="#BFC6D2">Connexion</font></a>
      
<a href="http://lidet.bbactif.com/index.htm">
<font color="#BFC6D2">Acceuil Forum</font>

</a>      
<a href="http://lidet.bbactif.com/">
<font color="#BFC6D2">Accueil Site</font>
</a>      
<a href="http://lidet.bbactif.com/register">
<font color="#BFC6D2">S'enregistrer</font>
</a>      
<a href="http://lidet.bbactif.com/privmsg?folder=inbox&tt=1">
<font color="#BFC6D2">Messages privês</font>
</a>      
</div> 
<body><div id="global"><div id="bandeau">
   <div id="loginzone">

<br/>
<form action="http://lidet.bbactif.com/login.forum" method="post">
    <table border="0" cellspacing="1" cellpadding="3">

    <tr>
    <td align="right" width="19%">ID</td>
    <td>
    <input type="text" name="username" value="" size="25" maxlength="40">
    </td></tr>
    <tr><td align="right">MdP:</td><td>

    <input type="password" name="password" size="25" maxlength="32">

    </td></tr>
    <tr align="center">
    <td colspan="2">Connexion auto: <input type="checkbox" name="autologin" checked="checked"></td>
    </tr><tr align="center"><td colspan="2">
    <input class="mainoption" type="submit" name="login" value="Connexion">
<script language="JavaScript" src="http://cf.geocities.com/js_source/gadget/day.js">
</script></center>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

<center>

Vous êtes connecter en tant que  <span class="USERNAME";'></span><br/>
    </td></tr></table></form>
   
    <div class="main-content"><form action="/search.forum" method="get"><b>Rechercher :</b>  <input type="text" class="inputbox medium" name="search_keywords" size="14" /> <input type="submit" class="button1" value="Go" /> </div></div></div>
</div>
   <div id="menu">

      <div id="menu_haut"><div class="h2menu">

<br/> 
</div>

<ul>
<li><a href="http://lidet.bbactif.com/Preambule-h13.htm" class="lien1">Préambule</a></li>
<li><a href="http://lidet.bbactif.com/Les-cfg-h2.htm"class="lien1">Cfg</a></li>
<li><a href="http://lidet.bbactif.com/Armes-et-classes-h35.htm" class="lien1">Armes Et Classes</a></li>
<li><a href="http://lidet.bbactif.com/Serveur-et-Creation-du-profil-h37.htm" class="lien1">Serveur/Profil</a></li>
<li><a href="http://lidet.bbactif.com/Touches-du-jeu-h16.htm" class="lien1">Les Touches</a></li>
<li><a href="http://lidet.bbactif.com/Instaler-Xfire-h32.htm" class="lien1">Xfire</a></li>
<li><a href="http://lidet.bbactif.com/Messages-d-erreur-double-parties-h40.htm" class="lien1">Messages d'erreur</a></li>

<li><a href="http://lidet.bbactif.com/Punkbuster-h21.htm" class="lien1">Punkbuster</a></li>
<li><a href="http://lidet.bbactif.com/Vocabulaires-et-lexiques-h20.htm" class="lien1">Vocabulaires</a></li>
<li><a href="http://lidet.bbactif.com/Codes-couleurs-h29.htm" class="lien1">Couleurs</a></li>
<li><a href="http://lidet.bbactif.com/Telechargements-h44.htm" class="lien1">Téléchargements</a></li>
<li><a href="http://lidet.bbactif.com/ETpro-h25.htm" class="lien1">Etpro</a></li>
<li><a href="http://lidet.bbactif.com/h26-etpub.htm" class="lien1">Etpub</a></li>
<li><a href="http://lidet.bbactif.com/NoQuarter-h28.htm" class="lien1">NoQuarter</a></li>
<li><a href="http://lidet.bbactif.com/h22-kmod" class="lien1">Kmod</a></li>
<li><a href="http://et.splatterladder.com/" class="lien1">Splatterladder</a></li>

<li><a href="http://et.trackbase.net/" class="lien1">Et.tracbase.net</a></li>
<li><a href="http://lidet.bbactif.com/Tracker-h41.htm" class="lien1">Tracker</a></li>
<li><a href="http://lidet.bbactif.com/h43-map" class="lien1">Nos Maps/Packs</a></li>
</ul></div>


      <div id="menu_bas">
<div class="h2menu">
<br/> 
</div>
<object width="375" height="345">
<param name="movie" value="http://www.youtube.com/v/rFWZGhYLs9A?fs=1&amp;hl=fr_FR">
</param>

<param name="allowFullScreen" value="true">
</param>
<param name="allowscriptaccess" value="always">
</param>
<embed src="http://www.youtube.com/v/rFWZGhYLs9A?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="375" height="345">
</embed>
</object>
</div>


</div>

   <div id="contenu"><h3><span>Ennemy Territory</span></h3>

         <p class="p1"><span>Petite explications du fonctionnement de ce jeu..</span></p>

         <p class="p2"><span>Tout comme ce dernier, Wolfenstein: Enemy Territory s’appuie sur l'id Tech 3, le moteur de jeu de Quake III Arena.
Depuis début 2004, la société chargée du développement de l'aspect réseau du jeu (Splash Damage) fournit le code source gratuitement , mais le jeu n'en est pas pour autant un logiciel libre. L'utilisateur doit accepter la licence d'id Software qui est très permissive par rapport à celle de la majorité des logiciels propriétaires.
Le jeu est disponible sur les trois principaux systèmes d'exploitation : Windows, Linux et Mac OS.
Malgré la gratuité du jeu, Splash Damage a suivi la vie du logiciel après sa mise en circulation et a ainsi créé plusieurs patches résolvant les quelques bugs présents dans la version d'origine. La version 2.60 est sortie le 21 mars 2005 et la version 2.60b a été rendue disponible le 8 mai 2006.
<br>Source Wikipedia</span></p>

<script type="text/javascript">
// Méthode pour changer la visiblité d'une balise dont l'ID est passée en paramètre
function toggleVisibility(tagId) {
if (!document.getElementById) {
msg = 'Votre navigateur est trop ancien pour profiter de votre visite\n';
msg += 'Veuillez le mettre à jour ou vous en procurer un autre';
return false;
}
var tagToToggle;
try { // On tente de récupérer la balise cible dont on doit changer la visibilité
tagToToggle = document.getElementById(tagId);
} catch (e) { // Si échec de la récupération de la balise cible
alert('Je n\'ai pas pu trouver la balise cible');
}
try { // Seulement pour les non IE
if (tagToToggle.style.display == 'none') {
tagToToggle.style.display = 'inline';
} else {
tagToToggle.style.display = 'none';
}
} catch (e) {
}
// Pour IE
if (tagToToggle.style.visibility == 'hidden') {
tagToToggle.style.visibility = 'visible';
} else {
tagToToggle.style.visibility = 'hidden';
}
}
</script>

<div>
<a href="javascript:toggleVisibility('texte2')">
En savoir plus . . .
</a>

</div>
<div id="texte2" style="visibility: hidden; display: none;">

Ont dit qu'Enemy Territory est en voix de disparition.. mais c'est faux il y a de plus en plus d'adepte à ce jeu !
o
</div>
</td>
<div id="contenu2"><h3><span>Qu'est-ce que LiDET ?</span></h3>
         <p class="p1"><span>LiDET est tout d'abord un site d'entraide.</span></p>

         <p class="p2"><span><acronym title="L'integrale D'Enemy Territory">LiDET</acronym> Vous a concocter toutes une séries de liens qui vous aiderons dans  votre développement, que se soit du téléchargement, à la création de votre futur profil..</span></p>


<script type="text/javascript">
// Méthode pour changer la visiblité d'une balise dont l'ID est passée en paramètre
function toggleVisibility(tagId) {
if (!document.getElementById) {
msg = 'Votre navigateur est trop ancien pour profiter de votre visite\n';
msg += 'Veuillez le mettre à jour ou vous en procurer un autre';
return false;
}
var tagToToggle;
try { // On tente de récupérer la balise cible dont on doit changer la visibilité
tagToToggle = document.getElementById(tagId);
} catch (e) { // Si échec de la récupération de la balise cible
alert('Je n\'ai pas pu trouver la balise cible');
}
try { // Seulement pour les non IE
if (tagToToggle.style.display == 'none') {
tagToToggle.style.display = 'inline';
} else {
tagToToggle.style.display = 'none';
}
} catch (e) {
}
// Pour IE
if (tagToToggle.style.visibility == 'hidden') {
tagToToggle.style.visibility = 'visible';
} else {
tagToToggle.style.visibility = 'hidden';
}
}

</script>

<div>
<a href="javascript:toggleVisibility('texte3')">
En savoir plus . . .
</a>
</div>
<div id="texte3" style="visibility: hidden; display: none;">
Notre idée etait de pouvoir aidé les joueurs qui galérer, nous commençons à avoir une bonne bases de données, mais ce n'est pa encore suffisant !

</div>
</td>
<div id="pied_page2">Toute reproduction Est interdite, merci de respecter notre travail. [L'equipe LiDET ©2009-2011]
<br/>
<a href="http://www.forumactif.com" target="_blank">Forumactif.com</a> /
<a href="http://lidet.bbactif.com/admin/index.forum?part=admin&sid=e5d62335e3cb93cc2d75ea31b75ef091">Admin</a>
<br/>
<a href="http://www.gametracker.com/server_info/188.165.210.205:27981/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/188.165.210.205:27981/b_350_20_000000_000000_E6E6E6_FAFAFA.png" border="0" width="350" height="20"  alt=""/></a>
</div>
</div></div>

   
</body>

</html>

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'aceuil qui change selon la résolution.

Message par Censure le Ven 18 Fév 2011 - 18:22

Up, faut-il un rendez vous pour pouvoir attendre une réponse?^^

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'aceuil qui change selon la résolution.

Message par Censure le Ven 18 Fév 2011 - 19:30

Résolu, histoire de deux petit </div> qui me décaler tous.

Code:
<!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="en" >

<meta http-equiv="content-language" content="fr" />
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<?xml version='1.0' encoding='charset=UTF-8' ?>
<head>
</script>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="Content-Language" content="en"/>
<title>L'integrale D'Enemy Territory</title>
<META NAME="TITLE" CONTENT="LiDET">
<META NAME="DESCRIPTION" CONTENT="LiDET est un site d'un jeu en ligne de type Fps entièrement gratuit">
<META NAME="KEYWORDS" CONTENT="LiDET, Fps, gratuit, Wolfenstein, enemy territory,">
<META NAME="LANGUAGE" CONTENT="FR">

<META NAME="SUBJECT" CONTENT="LiDET">
<META NAME="ROBOTS" CONTENT="Index">
<META NAME="AUTHOR" CONTENT="LiDET>
<META NAME="RATING" CONTENT="jeux en ligne">
<META NAME="ABSTRACT" CONTENT="LiDET est un site d'un jeu en ligne de type Fps entièrement gratuit">

<style type="text/css">
/* CSS issu des tutoriels www.alsacreations.com/articles */
body {
margin: 0;
padding: 0;
   background-color: #0a0a0a;
}

#global {
        position:absolute;
        left: 50%;
        top: 30%;
        width: 1000px;
        height: auto;
        margin-top: -100px; /* moitié de la hauteur */
        margin-left: -360px; /* moitié de la largeur */
        border: 1px solid #;
        background-color: #;
}
div#bandeau {
        position: absolute; /* on positionne le conteneur */
        top:45%;
        left: 36%;
   width:672px;
   height:180px;
        margin-top: -90px; /* moitié de la hauteur */
        margin-left: -461px; /* moitié de la largeur */
   background-color:#000;
        background: url(http://www.wolfarea.org/wiki/images/7/76/Wiki_wet.jpg);
        border:2px solid #fff;
   }

div#loginzone {
      top:-1%;
      left: 50%;
      margin-left:345px;
      background-color:#515E78;
      background: url(http://www.falxleagues.net/home/img/map_thumbnails/et/supply.gif);
      background-attchment:no-repeat;
      font-size: 11px;
      border:2px solid #fff;
      color: #000;
      width:251px;
      height:180px;
      position: absolute; /* on positionne le conteneur */
      display: block;
      text-align: left; /* on rétablit l'alignement normal du texte */
}

div#menu {
        top:55%;
        left: 36%;
   width:100px;
   height:200px;
   background-color:#FF6699;
        margin-left:-242px;
        margin-top:90px;
        display: block;
        text-align: left; /* on rétablit l'alignement normal du texte */
        position: absolute; /* on positionne le conteneur */
   }
div#menu_haut {
   width:375px;
   height:auto;
   background-color:#0000000;
        background: url(http://img51.xooimage.com/files/4/9/4/menu_haut-25a2336.jpg);
        border:2px solid #fff;
        display: block;
        margin-left: auto;
        margin-right: auto; 
        text-align: left; /* on rétablit l'alignement normal du texte */
        position: absolute; /* on positionne le conteneur */
   }

div#menu_bas {
        top:50%;
   width:375px;
   height:auto;
   background-color:#ccc;
        border:2px solid #fff;
        display: block;
        text-align: left; /* on rétablit l'alignement normal du texte */
        position: absolute; /* on positionne le conteneur */
        margin-left:auto;
        margin-right:auto;
        margin-top:365px;
   }

.h2menu{
      background: url(http://i70.servimg.com/u/f70/15/50/49/37/le_sit11.jpg);
      width:374px;   
        height:53px;color:#fff;
}

div#contenu {
        top:30%;
        left: 25%;
         clear:both;
   width:545px;
   height:auto;
   background-color:#ccc;
        margin-left:220px;
        margin-top:135px;
        border:2px solid #fff;
        display: block;
        text-align: left; /* on rétablit l'alignement normal du texte */
        position: absolute; /* on positionne le conteneur */
        margin-bottom: -60px;
   clear:both;
        display: block;
        text-align: left; /* on rétablit l'alignement normal du texte */
}

div#contenu2 {
       clear:both;
   width:545px;
   height:auto;
   background-color:#ccc;
        margin-left:-2px;
        margin-top:9px;
        border:2px solid #fff;
        margin-bottom: 10px;
        display: block;
        float: left; 
        text-align: left; /* on rétablit l'alignement normal du texte */
        position: absolute; /* on positionne le conteneur */
   }
div#pied_page2 {
   clear:both;
   width:545px;
   height:80px;
   background-color:#000;
        margin-left: -2px;
        margin-right: auto;
        margin-top:10px;
        color:#fff;
        border:2px solid #fff;
        display: block;
        text-align: left; /* on rétablit l'alignement normal du texte */
        position: absolute; /* on positionne le conteneur */
}

      a:link, a:visited {
      color: #fff;
        text-decoration: none;
   }

h3{
    text-align: center; /* Pour centrer le titre */
    font-family: "Arial Black", Arial, Verdana, serif;
    font-size:15px;
    color:#ff0000;
    background: url(http://i34.servimg.com/u/f34/14/84/87/27/bfbc2_12.jpg);
    width:543px;
    height:68px;}

.h2menu{
      background: url(http://i70.servimg.com/u/f70/15/50/49/37/le_sit11.jpg);
      width:374px;   
        height:53px;color:#fff;
}

p{
  text-align:left;
  margin-left:3px;
  margin-right:3px;
}

.titre{
  background: url(http://i37.servimg.com/u/f37/15/97/01/87/gris10.png)repeat;
  color:#fff;
  font-size:15px;
  padding:auto;
}
a.lien1 {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  background-attachment:no-repeat;
  font-size:12px;
}

ul{margin-left:30px;margin-top:5px;}

li{ 
  list-style-image : url(http://www.deuil-suicide.org/IMG/puce_fil_forum.jpg);
  text-align: left;
}

li:hover{ 
  list-style-image : url(http://www.nantes.fr/webdav/site/nantesfr/shared/fileadmin/images/Puces/Titres/puce_titres_culture.gif);
  text-align: left;
}
</style>
</head>

<body>
<div id="global">
<div id="bandeau">
   <div id="loginzone">

<br/>
<form action="http://lidet.bbactif.com/login.forum" method="post">
    <table border="0" cellspacing="1" cellpadding="3">

    <tr>
    <td align="right" width="19%">ID</td>
    <td>
    <input type="text" name="username" value="" size="25" maxlength="40">
    </td></tr>
    <tr><td align="right">MdP:</td><td>

    <input type="password" name="password" size="25" maxlength="32">

    </td></tr>
    <tr align="center">
    <td colspan="2">Connexion auto: <input type="checkbox" name="autologin" checked="checked"></td>
    </tr><tr align="center"><td colspan="2">
    <input class="mainoption" type="submit" name="login" value="Connexion">
<script language="JavaScript" src="http://cf.geocities.com/js_source/gadget/day.js">
</script></center>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>

<center>

Vous êtes connecter en tant que  <span class="USERNAME";'></span><br/>
    </td></tr></table></form>
   
    <div class="main-content"><form action="/search.forum" method="get"><b>Rechercher :</b>  <input type="text" class="inputbox medium" name="search_keywords" size="14" /> <input type="submit" class="button1" value="Go" /> </div>
</div>
   <div id="menu">

      <div id="menu_haut"><div class="h2menu">

<br/> 
</div>

<ul>
<li><a href="http://lidet.bbactif.com/Preambule-h13.htm" class="lien1">Préambule</a></li>
<li><a href="http://lidet.bbactif.com/Les-cfg-h2.htm"class="lien1">Cfg</a></li>
<li><a href="http://lidet.bbactif.com/Armes-et-classes-h35.htm" class="lien1">Armes Et Classes</a></li>
<li><a href="http://lidet.bbactif.com/Serveur-et-Creation-du-profil-h37.htm" class="lien1">Serveur/Profil</a></li>
<li><a href="http://lidet.bbactif.com/Touches-du-jeu-h16.htm" class="lien1">Les Touches</a></li>
<li><a href="http://lidet.bbactif.com/Instaler-Xfire-h32.htm" class="lien1">Xfire</a></li>
<li><a href="http://lidet.bbactif.com/Messages-d-erreur-double-parties-h40.htm" class="lien1">Messages d'erreur</a></li>

<li><a href="http://lidet.bbactif.com/Punkbuster-h21.htm" class="lien1">Punkbuster</a></li>
<li><a href="http://lidet.bbactif.com/Vocabulaires-et-lexiques-h20.htm" class="lien1">Vocabulaires</a></li>
<li><a href="http://lidet.bbactif.com/Codes-couleurs-h29.htm" class="lien1">Couleurs</a></li>
<li><a href="http://lidet.bbactif.com/Telechargements-h44.htm" class="lien1">Téléchargements</a></li>
<li><a href="http://lidet.bbactif.com/ETpro-h25.htm" class="lien1">Etpro</a></li>
<li><a href="http://lidet.bbactif.com/h26-etpub.htm" class="lien1">Etpub</a></li>
<li><a href="http://lidet.bbactif.com/NoQuarter-h28.htm" class="lien1">NoQuarter</a></li>
<li><a href="http://lidet.bbactif.com/h22-kmod" class="lien1">Kmod</a></li>
<li><a href="http://et.splatterladder.com/" class="lien1">Splatterladder</a></li>

<li><a href="http://et.trackbase.net/" class="lien1">Et.tracbase.net</a></li>
<li><a href="http://lidet.bbactif.com/Tracker-h41.htm" class="lien1">Tracker</a></li>
<li><a href="http://lidet.bbactif.com/h43-map" class="lien1">Nos Maps/Packs</a></li>
</ul></div>


      <div id="menu_bas">
<div class="h2menu">
<br/> 
</div>
<object width="375" height="345">
<param name="movie" value="http://www.youtube.com/v/rFWZGhYLs9A?fs=1&amp;hl=fr_FR">
</param>

<param name="allowFullScreen" value="true">
</param>
<param name="allowscriptaccess" value="always">
</param>
<embed src="http://www.youtube.com/v/rFWZGhYLs9A?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="375" height="345">
</embed>
</object>
</div>


</div>

   <div id="contenu"><h3><span>Ennemy Territory</span></h3>

         <p class="p1"><span>Petite explications du fonctionnement de ce jeu..</span></p>

         <p class="p2"><span>Tout comme ce dernier, Wolfenstein: Enemy Territory s’appuie sur l'id Tech 3, le moteur de jeu de Quake III Arena.
Depuis début 2004, la société chargée du développement de l'aspect réseau du jeu (Splash Damage) fournit le code source gratuitement , mais le jeu n'en est pas pour autant un logiciel libre. L'utilisateur doit accepter la licence d'id Software qui est très permissive par rapport à celle de la majorité des logiciels propriétaires.
Le jeu est disponible sur les trois principaux systèmes d'exploitation : Windows, Linux et Mac OS.
Malgré la gratuité du jeu, Splash Damage a suivi la vie du logiciel après sa mise en circulation et a ainsi créé plusieurs patches résolvant les quelques bugs présents dans la version d'origine. La version 2.60 est sortie le 21 mars 2005 et la version 2.60b a été rendue disponible le 8 mai 2006.
<br>Source Wikipedia</span></p>

<script type="text/javascript">
// Méthode pour changer la visiblité d'une balise dont l'ID est passée en paramètre
function toggleVisibility(tagId) {
if (!document.getElementById) {
msg = 'Votre navigateur est trop ancien pour profiter de votre visite\n';
msg += 'Veuillez le mettre à jour ou vous en procurer un autre';
return false;
}
var tagToToggle;
try { // On tente de récupérer la balise cible dont on doit changer la visibilité
tagToToggle = document.getElementById(tagId);
} catch (e) { // Si échec de la récupération de la balise cible
alert('Je n\'ai pas pu trouver la balise cible');
}
try { // Seulement pour les non IE
if (tagToToggle.style.display == 'none') {
tagToToggle.style.display = 'inline';
} else {
tagToToggle.style.display = 'none';
}
} catch (e) {
}
// Pour IE
if (tagToToggle.style.visibility == 'hidden') {
tagToToggle.style.visibility = 'visible';
} else {
tagToToggle.style.visibility = 'hidden';
}
}
</script>

<div>
<a href="javascript:toggleVisibility('texte2')">
En savoir plus . . .
</a>

</div>
<div id="texte2" style="visibility: hidden; display: none;">

Ont dit qu'Enemy Territory est en voix de disparition.. mais c'est faux il y a de plus en plus d'adepte à ce jeu !
o
</div>
</td>
<div id="contenu2"><h3><span>Qu'est-ce que LiDET ?</span></h3>
         <p class="p1"><span>LiDET est tout d'abord un site d'entraide.</span></p>

         <p class="p2"><span><acronym title="L'integrale D'Enemy Territory">LiDET</acronym> Vous a concocter toutes une séries de liens qui vous aiderons dans  votre développement, que se soit du téléchargement, à la création de votre futur profil..</span></p>


<script type="text/javascript">
// Méthode pour changer la visiblité d'une balise dont l'ID est passée en paramètre
function toggleVisibility(tagId) {
if (!document.getElementById) {
msg = 'Votre navigateur est trop ancien pour profiter de votre visite\n';
msg += 'Veuillez le mettre à jour ou vous en procurer un autre';
return false;
}
var tagToToggle;
try { // On tente de récupérer la balise cible dont on doit changer la visibilité
tagToToggle = document.getElementById(tagId);
} catch (e) { // Si échec de la récupération de la balise cible
alert('Je n\'ai pas pu trouver la balise cible');
}
try { // Seulement pour les non IE
if (tagToToggle.style.display == 'none') {
tagToToggle.style.display = 'inline';
} else {
tagToToggle.style.display = 'none';
}
} catch (e) {
}
// Pour IE
if (tagToToggle.style.visibility == 'hidden') {
tagToToggle.style.visibility = 'visible';
} else {
tagToToggle.style.visibility = 'hidden';
}
}

</script>

<div>
<a href="javascript:toggleVisibility('texte3')">
En savoir plus . . .
</a>
</div>
<div id="texte3" style="visibility: hidden; display: none;">
Notre idée etait de pouvoir aidé les joueurs qui galérer, nous commençons à avoir une bonne bases de données, mais ce n'est pa encore suffisant !

</div>
</td>
<div id="pied_page2">Toute reproduction Est interdite, merci de respecter notre travail. [L'equipe LiDET ©2009-2011]
<br/>
<a href="http://www.forumactif.com" target="_blank">Forumactif.com</a> /
<a href="http://lidet.bbactif.com/admin/index.forum?part=admin&sid=e5d62335e3cb93cc2d75ea31b75ef091">Admin</a>
<br/>
<a href="http://www.gametracker.com/server_info/188.165.210.205:27981/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/188.165.210.205:27981/b_350_20_000000_000000_E6E6E6_FAFAFA.png" border="0" width="350" height="20"  alt=""/></a>
</div>
</div>

   
</body>

</html>

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum