begin process at 2012 05 29 14:43:18
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

PB alignement boutons et résolution d'écran

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

PB alignement boutons et résolution d'écran

vendredi 23 mars 2007 à 17:24:40 | PB alignement boutons et résolution d'écran

chabgyver
Bonjour,

Mon site dispose d'un système de menu qui est très bien mais le soucis est que les boutons (pas ceux du menu) mais ceux qui s'affiche en haut et en bas de l'écran sont bien alignés en 1280x1024 mais dès lors qu'on descend en résolution ou qu'on monte, les boutons s'en trouvent tout décalés.
Je sais que c'est pas grand chose mais dans un soucis de perfectionnisme, j'aimerai trouver un moyen d'arranger ça.
Mon site se trouve à cette url : http://balistiq.free.fr/index2.htm
Le code de cette page est très long, l'idéal est d'aller jeter un oeil sur place et d'afficher le code.

Merci d'avance pour votre aide.
lundi 26 mars 2007 à 18:10:26 | Re : PB alignement boutons et résolution d'écran

chabgyver
Bon et bien puisque personne ne semble sensible à mon problème, je vous poste ici le code source de ma page index2.htm

<HTML>
<HEAD>
<TITLE>RADIO BALISTIQ</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<STYLE TYPE="text/css">
</STYLE>
<SCRIPT TYPE="text/javascript">
var ScrollTimer = null;
var PasY = 5;
//----------------------
function INC_Scroll( id_){
  var Obj = frames[ id_];
  Obj.scrollBy( 0, PasY);
  ScrollTimer = setTimeout( "INC_Scroll('" +id_ + "')", 1); // attention pas d'espace entre les guillemets
}
//----------------------
function DEC_Scroll( id_){
  var Obj = frames[ id_];
  Obj.scrollBy( 0, -PasY);
  ScrollTimer = setTimeout("DEC_Scroll('" +id_ + "')", 1); // attention pas d'espace entre les guillemets
}
//-------------------
function Stop_Scroll(){
  clearTimeout( ScrollTimer);
}
//----------------------------------------------
// Affichage d'un DIV déclaré dans le document...
//----------------------------------------------
function Cache_ALL(){
  Cache_DIV('D_balistiq','D_yeswecancan','D_equipe','D_theatre','D_cinema','D_musique','D_expositions','D_equinoxe','D_salleEP','D_salleGC','D_apollo','D_cine-movida','D_festivals','D_concerts','D_danses','D_scenes-locales','D_beaux-arts','D_cordeliers','D_musee-bertrand','D_hotel-de-ville','D_ange-canaille','D_description','D_bons-plans','D_sortir');// tu mets tout les DIVs Temporaires
}
function Cache_AUTRE(){
  Cache_DIV('D_equinoxe','D_salleEP','D_salleGC','D_apollo','D_cine-movida','D_festivals','D_concerts','D_danses','D_scenes-locales','D_beaux-arts','D_cordeliers','D_musee-bertrand','D_hotel-de-ville','D_ange-canaille');// tu mets tout les DIVs Temporaires
}
function Affiche_DIV(flag_){
  var Arg = arguments;  // Récup liste des arguments passée à la fonction
  var Obj;
  if( flag_==1)
  Cache_ALL();  // Appel pour tout masquer
  if( flag_==2)
  Cache_AUTRE();
  for( var i=0; i< Arg.length; i++){               // On parcours la liste
    Obj = document.getElementById( Arg[i]); // Récup Objet correspondant
    if( Obj){
      Obj.style.visibility = "visible";
      //-- Ou autre méthode
      Obj.style.display = "";
    }
  }
}
//----------------------------------------------
// Masquage d'un DIV déclaré dans le document...
//----------------------------------------------
function Cache_DIV(){
  var Arg = arguments;  // Récup liste des arguments passée à la fonction
  var Obj;
  for( var i=0; i< Arg.length; i++){               // On parcours la liste
    Obj = document.getElementById( Arg[i]); // Récup Objet correspondant
    if( Obj){
      Obj.style.visibility = "hidden";
      //-- Ou autre méthode
      Obj.style.display = "none";
    }
  }
}
//--------------------------------------
// Changement de la SRC d'une IFRAME...
//--------------------------------------
function Charge_Fichier( where_, url_){
  window.frames[where_].location.href=url_
}
</SCRIPT>
<script language="JavaScript">
<!--
function na_open_window(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable)
{
  toolbar_str = toolbar ? 'yes' : 'no';
  menubar_str = menubar ? 'yes' : 'no';
  statusbar_str = statusbar ? 'yes' : 'no';
  scrollbar_str = scrollbar ? 'yes' : 'no';
  resizable_str = resizable ? 'yes' : 'no';

  cookie_str = document.cookie;
  cookie_str.toString();

  pos_start  = cookie_str.indexOf(name);
  pos_end    = cookie_str.indexOf('=', pos_start);

  cookie_name = cookie_str.substring(pos_start, pos_end);

  pos_start  = cookie_str.indexOf(name);
  pos_start  = cookie_str.indexOf('=', pos_start);
  pos_end    = cookie_str.indexOf(';', pos_start);
 
  if (pos_end <= 0) pos_end = cookie_str.length;
  cookie_val = cookie_str.substring(pos_start + 1, pos_end);
  if (cookie_name == name && cookie_val  == "done")
    return;

  window.open(url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',toolbar='+toolbar_str+',menubar='+menubar_str+',status='+statusbar_str+',scrollbars='+scrollbar_str+',resizable='+resizable_str);
}

// -->
</script>
</HEAD>

<BODY background="http://balistiq.free.fr/fond.jpg">
<a id="site"></a>
<center>
<table background="http://balistiq.free.fr/fond-index2.gif" width=950 height=600 border=0 cellspacing=0 cellpadding=0>
  <tr>
    <td width=177 rowspan=3>
      <div id="MENU" style="width:177px; height:600px;overflow:hidden;">
        <img src="http://balistiq.free.fr/fond-index2.gif" border=0 usemap="#Map">
      </div>
    </td>
    <td height=75>
<!-- THEATRE -->
        <DIV ID="D_equinoxe"       style="position:relative;float:left;left: 50px;top:547px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/equinoxe.gif" width=76 usemap="#M_equinoxe" border=0></DIV>
        <DIV ID="D_salleEP"        style="position:relative;float:left;left:100px;top:547px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=22 src="boutons/salle-edith-piaf.gif" width=127 usemap="#M_salleEP" border=0></DIV>
        <DIV ID="D_salleGC"        style="position:relative;float:left;left:150px;top:547px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=22 src="boutons/salla-gaston-coute.gif" width=153 usemap="#M_salleGC" border=0></DIV>
<!-- CINEMA -->
        <DIV ID="D_apollo"         style="position:relative;float:left;left:250px;top:547px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=20 src="boutons/apollo.gif" width=64 usemap="#M_apollo" border=0></DIV>
        <DIV ID="D_cine-movida"    style="position:relative;float:left;left:280px;top:547px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/cine-movida.gif" width=96 usemap="#M_cine-movida" border=0></DIV>
<!-- MUSIQUE -->
        <DIV ID="D_festivals"      style="position:relative;float:left;left: 50px;top:547px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/festivals.gif" width=80 usemap="#M_festivals" border=0></DIV>
        <DIV ID="D_concerts"       style="position:relative;float:left;left:100px;top:547px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/concerts.gif" width=76 usemap="#M_concerts" border=0></DIV>
        <DIV ID="D_danses"         style="position:relative;float:left;left:150px;top:547px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/danses.gif" width=61 usemap="#M_danses" border=0></DIV>
        <DIV ID="D_scenes-locales" style="position:relative;float:left;left:200px;top:547px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=20 src="boutons/scenes-locales.gif" width=123 usemap="#M_scenes-locales" border=0></DIV>
<!-- EXPOSITION -->
        <DIV ID="D_beaux-arts"     style="position:relative;float:left;left: 10px;top:547px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/beaux-arts.gif" width=92 usemap="#M_beaux-arts" border=0></DIV>
        <DIV ID="D_cordeliers"     style="position:relative;float:left;left: 30px;top:547px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=22 src="boutons/cordeliers.gif" width=86 usemap="#M_cordeliers" border=0></DIV>
        <DIV ID="D_musee-bertrand" style="position:relative;float:left;left:50px;top:547px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/musee-bertrand.gif" width=122 usemap="#M_musee-bertrand" border=0></DIV>
        <DIV ID="D_hotel-de-ville" style="position:relative;float:left;left:70px;top:547px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/hotel-de-ville.gif" width=115 usemap="#M_hotel-de-ville" border=0></DIV>
        <DIV ID="D_ange-canaille"  style="position:relative;float:left;left:91px;top:547px;height:auto;width:auto;z-index:1000;visibility:hidden;display:none;"><img height=21 src="boutons/ange-canaille.gif" width=115 usemap="#M_ange-canaille" border=0></DIV>
        <div align="right"><img src="anim.gif" width="82" height="52"></div></td>
    <td>&nbsp;
    </td>
  </tr>
  <tr>
    <td width=723 height="482" valign=top>
      <iframe src="http://balistiq.free.fr/contenu.htm" frameborder="0" style="top:0px; left:0px; width:723px; height:482px;" id="la_frame" name="la_frame" SCROLLING="no"></iframe>
    </td>
      <td> <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <img src="http://balistiq.free.fr/updown.gif" width="21" height="80" hspace="14" vspace="90" border="0" usemap="#MapMap">
        <map name="MapMap">
          <area shape="poly" coords="0,28,21,28,10,0" href="javascript:void(0);" onMouseOver="DEC_Scroll('la_frame');" onMouseOut="Stop_Scroll();">
          <area shape="poly" coords="0,50,20,50,10,76" href="javascript:void(0);" onMouseOver="INC_Scroll('la_frame');" onMouseOut="Stop_Scroll();">
        </map></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td _height=76>&nbsp;
   
</td>
</tr>
</table>
</center>
    <!-- DIV pour le menu PRESENTATION -->   
<DIV ID="D_balistiq" style="Z-INDEX:1000;VISIBILITY:hidden;WIDTH:71px;position:relative;float:left;left:500px;TOP:-575px;HEIGHT:24px">
  <img height=22 src="boutons/balistiq.gif" width=70 usemap="#M_balistiq" border=0>
</DIV>
<DIV ID="D_yeswecancan" style="Z-INDEX:1000;VISIBILITY:hidden;WIDTH:71px;position:relative;float:left;left:550px;TOP:-575px;HEIGHT:42px">
  <img height=22 src="boutons/yes-we-can-can.gif" width=122 usemap="#M_yeswecancan" border=0>
</DIV>
<DIV ID="D_equipe" style="Z-INDEX:1000;VISIBILITY:hidden;WIDTH:71px;position:relative;float:left;left:650px;TOP:-575px;HEIGHT:42px">
  <img height=24 src="boutons/equipe.gif" width=67 usemap="#M_equipe" border=0>
</DIV>
<!-- DIV pour le menu CHATEAUROUX -->
<DIV ID="D_description" style="Z-INDEX:1000;VISIBILITY:hidden;WIDTH:71px;position:relative;float:left;left:500px;TOP:-575px;HEIGHT:42px">
  <img height=21 src="boutons/description.gif" width=92 usemap="#M_description" border=0>
</DIV>
<DIV ID="D_bons-plans" style="Z-INDEX:1000;VISIBILITY:hidden;WIDTH:71px;position:relative;float:left;left:550px;TOP:-575px;HEIGHT:42px">
  <img height=21 src="boutons/bons-plans.gif" width=93 usemap="#M_bons-plans" border=0>
</DIV>
<DIV ID="D_sortir" style="Z-INDEX:1000;VISIBILITY:hidden;WIDTH:71px;position:relative;float:left;left:600px;TOP:-575px;HEIGHT:42px">
  <img height=21 src="boutons/sortir.gif" width=55 usemap="#M_sortir" border=0>
</DIV>

<!-- DIV pour le menu CULTURE -->
<DIV ID="D_theatre" style="Z-INDEX:1000;VISIBILITY:hidden;WIDTH:71px;position:relative;float:left;left:450px;TOP:-575px;HEIGHT:42px">
  <img height=22 src="boutons/theatre.gif" width=67 usemap="#M_theatre" border=0>
</DIV>
<DIV ID="D_cinema" style="Z-INDEX:1000;VISIBILITY:hidden;WIDTH:71px;position:relative;float:left;left:500px;TOP:-575px;HEIGHT:42px">
  <img height=20 src="boutons/cinema.gif" width=59 usemap="#M_cinema" border=0>
</DIV>
<DIV ID="D_musique" style="Z-INDEX:1000;VISIBILITY:hidden;WIDTH:71px;position:relative;float:left;left:550px;TOP:-575px;HEIGHT:42px">
  <img height=21 src="boutons/musique.gif" width=68 usemap="#M_musique" border=0>
</DIV>
<DIV ID="D_expositions" style="Z-INDEX:1000;VISIBILITY:hidden;WIDTH:71px;position:relative;float:left;left:600px;TOP:-575px;HEIGHT:42px">
  <img height=20 src="boutons/expositions.gif" width=95 usemap="#M_expositions" border=0>
</DIV>

<!-- Les MAP -->
<p>
  <map name="Map">
    <area shape="poly" coords="44,10,150,18,147,37,44,28"     onmouseover="Affiche_DIV(1,'D_balistiq','D_yeswecancan','D_equipe');">
    <area shape="poly" coords="42,46,102,33,106,50,44,63"     href="http://balistiq.free.fr/rubriques/radio.html" target="la_frame">
    <area shape="poly" coords="32,73,119,68,121,85,33,92"   href="http://balistiq.free.fr/rubriques/programme.html" target="la_frame">
    <area shape="poly" coords="51,97,129,111,125,130,48,113" href="http://balistiq.free.fr/rubriques/formulaire.html" target="la_frame">
    <area shape="poly" coords="52,134,109,134,110,151,54,151" href="javascript:na_open_window('win', 'http://balistiq.free.fr/php/live/', 0, 0, 230, 410, 0, 0, 0, 0, 0)" target="_self">
    <area shape="poly" coords="53,163,115,162,116,179,51,180" href="http://balistiq.free.fr/rubriques/webcam.html" target="la_frame">
    <area shape="poly" coords="44,200,127,183,132,200,45,217" onmouseover="Affiche_DIV(1,'D_theatre','D_cinema','D_musique','D_expositions');">
    <area shape="poly" coords="38,228,138,223,139,241,39,246" onmouseover="Affiche_DIV(1,'D_description','D_bons-plans','D_sortir');">
    <area shape="poly" coords="53,250,114,261,110,279,50,267" href="http://balistiq.free.fr/rubriques/galerie.html" target="la_frame">
    <area shape="poly" coords="51,292,115,283,118,300,53,310" href="mailto:balistiq@free.fr">
    <area shape="poly" coords="43,318,120,320,121,336,44,335" href="http://balistiq.free.fr/php/livredor/" target="la_frame">
    <area shape="poly" coords="59,351,109,347,110,362,58,366" href="http://balistiq.free.fr/php/forum/" target="_self">
    <area shape="poly" coords="40,391,130,369,135,386,42,408" href="http://balistiq.free.fr/rubriques/partenaires.html" target="la_frame">
    <area shape="poly" coords="59,414,122,420,120,442,56,433" href="http://balistiq.free.fr/rubriques/goodies.html" target="la_frame">
  </map>
  <!-- DIV pour le sous-menu PRESENTATION -->
  <map name="M_presentation">
    <area shape=RECT coords=10,8,84,39    href="#" onMouseOver="Affiche_DIV(1,'D_balistiq','D_yeswecancan','D_equipe');">
    <area shape=RECT coords=254,12,319,34 href="#" OnClick="Charge_Fichier('la_frame');">
  </map>
  <map name="M_balistiq">
    <area shape=RECT coords=0,-1,84,39    href="http://balistiq.free.fr/rubriques/balistiq.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_yeswecancan">
    <area shape=RECT coords=0,2,122,20    href="http://balistiq.free.fr/rubriques/yes-we-can-can.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_equipe">
    <area shape=RECT coords=0,-1,84,39    href="http://balistiq.free.fr/rubriques/equipe.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <!-- DIV pour le sous-menu CHATEAUROUX -->
  <map name="M_chateauroux">
    <area shape=RECT coords=10,8,84,39    href="#" onMouseOver="Affiche_DIV(1,'D_description','D_bons-plans','D_sortir');">
    <area shape=RECT coords=254,12,319,34 href="#" OnClick="Charge_Fichier('la_frame');">
  </map>
  <map name="M_description">
    <area shape=RECT coords=0,-1,84,39    href="http://balistiq.free.fr/rubriques/description.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_bons-plans">
    <area shape=RECT coords=0,-1,84,39    href="http://balistiq.free.fr/rubriques/bons-plans.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_sortir">
    <area shape=RECT coords=0,-1,84,39    href="http://balistiq.free.fr/rubriques/sortir.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <!-- DIV pour le sous-menu THEATRE -->
  <map name="M_theatre">
    <area shape=RECT coords=0,0,74,31    href="#" onMouseOver="Affiche_DIV(2,'D_equinoxe','D_salleEP','D_salleGC');">
    <area shape=RECT coords=254,12,319,34 href="#" OnClick="Charge_Fichier('la_frame');">
  </map>
  <map name="M_equinoxe">
    <area shape=RECT coords=0,-1,84,39    href="http://balistiq.free.fr/rubriques/equinox.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_salleEP">
    <area shape=RECT coords=1,-13,125,26    href="http://balistiq.free.fr/rubriques/S-edith-piaf.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_salleGC">
    <area shape=RECT coords=1,-20,152,23    href="http://balistiq.free.fr/rubriques/S-gaston-coute.html" target="la_frame">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <!-- DIV pour le sous-menu CINEMA -->
  <map name="M_cinema">
    <area shape=RECT coords=3,-1,84,39    href="#" onMouseOver="Affiche_DIV(2,'D_apollo','D_cine-movida');">
    <area shape=RECT coords=254,12,319,34 href="#" OnClick="Charge_Fichier('la_frame');">
  </map>
  <map name="M_apollo">
    <area shape=RECT coords=0,-1,84,39    href="http://balistiq.free.fr/rubriques/apollo.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_cine-movida">
    <area shape=RECT coords=0,-15,110,31    href="http://balistiq.free.fr/rubriques/cine-movida.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <!-- DIV pour le sous-menu CINEMA -->
  <map name="M_musique">
    <area shape=RECT coords=0,0,84,39    href="#" onMouseOver="Affiche_DIV(2,'D_festivals','D_concerts','D_danses','D_scenes-locales');">
    <area shape=RECT coords=254,12,319,34 href="#" OnClick="Charge_Fichier('la_frame');">
  </map>
  <map name="M_festivals">
    <area shape=RECT coords=0,-1,84,39    href="http://balistiq.free.fr/rubriques/festivals.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_concerts">
    <area shape=RECT coords=0,-1,84,39    href="http://balistiq.free.fr/rubriques/concerts.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_danses">
    <area shape=RECT coords=0,-1,84,39    href="http://balistiq.free.fr/rubriques/danses.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_scenes-locales">
    <area shape=RECT coords=0,-17,125,23    href="http://balistiq.free.fr/rubriques/scenes-locales.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <!-- DIV pour le sous-menu EXPOSITIONS -->
  <map name="M_expositions">
    <area shape=RECT coords=-3,-13,94,39    href="#" onMouseOver="Affiche_DIV(2,'D_beaux-arts','D_cordeliers','D_musee-bertrand','D_hotel-de-ville','D_ange-canaille');">
    <area shape=RECT coords=254,12,319,34 href="#" OnClick="Charge_Fichier('la_frame');">
  </map>
  <map name="M_beaux-arts">
    <area shape=RECT coords=0,-17,108,30    href="http://balistiq.free.fr/rubriques/beaux-arts.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_cordeliers">
    <area shape=RECT coords=0,-1,84,39    href="http://balistiq.free.fr/rubriques/cordeliers.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_musee-bertrand">
    <area shape=RECT coords=0,-13,209,63    href="http://balistiq.free.fr/rubriques/musee-bertrand.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_hotel-de-ville">
    <area shape=RECT coords=3,-16,168,51    href="http://balistiq.free.fr/rubriques/hotel-de-ville.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
  <map name="M_ange-canaille">
    <area shape=RECT coords=0,-10,172,68    href="http://balistiq.free.fr/rubriques/radioatelier-ange-canaille.html" target="la_frame">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=118,11,237,36 href="#">
    <area shape=RECT coords=254,12,319,34 href="#">
  </map>
</p>
</BODY>
</HTML>

J'espère que ça paraît plus clair comme ça.
Merci.
lundi 26 mars 2007 à 18:38:07 | Re : PB alignement boutons et résolution d'écran

PetoleTeam

Membre Club

B onjour...
il s'en est fallu de peu, voir réponse sur MP qui vient de partir...
;0)



Cette discussion est classée dans : pb, boutons, écran, résolution, alignement

Répondre à ce message

Sujets en rapport avec ce message

pb impression [ par fmazoue ] bonjour : voila mon probleme : g un grand formulaire dans un grand tableau : chaque case est coloré selon la valeur selectionné, il y a aussi des bout Détection de la résolution écran par défaut du poste client [ par simpleclic ] Bonjour à tous,Voilà, je suis vraiment très débutant en JS (mais meilleur en Html), donc je vous demande par avance indulgence et compréhension, et su Changer la Résolution automatiquement [ par massacr ] BonjourJe voudrais faire un script qui, lors du chargement de la page, détecte la résolution de l'écran. Si elle est mauvaise (800*600 par ex), il cha Pb avec un script associé a un formulaire [ par mojito84 ] bonjour,j'avais demandé il y a peu un script permettant de faire interagir deux liste de selection.Le script marche nickel. vous le trouverez ici :htt Redirigé semlon la résolution d'écran [ par antho11 ] J'ai 2 pages une qui est adapter a une résolution (800*600) et l'autre pour la résolution 1024*768 Alors si par exemple on arrive sur la page qui est Redirigé selon la résolution d'écran [ par antho11 ] J'ai 2 pages une qui est adapter a une résolution (800*600) et l'autre pour la résolution 1024*768 Alors si par exemple on arrive sur la page qui est L'image d'arrière plan s'adadaptant à la résolution d'écran de l'internaute [ par Fab117 ] Bonjour,Je recherche un script qui adapterait la taille de l'image d'arrière plan en fonction de la résolution de l'écran de l'internaute.Quelqu'un au Adapter l'affichage selon résolution écran [ par laubro ] Bonjour,Je fais des sites pour des hotels resto....et j'ai un client "difficile" images jamais assez grandes, police trop petite.........et je m'aperç Résolution écran [ par piep14 ] Bonjour, j'ai une barre flash que je souhaite afficher a différent endroit selon la taille de l'écran de l'utilisateur. J'ai essayé de faire comme Pb de positionnement d'un menu javascript [ par fred16430 ] Bonjour, j'ai créée un site en 800*600, qui se centre au milieu de l'écran automatiquement suivant la résolution des écrans. grâce au css et au div


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,780 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)