Sujet Précédent Sujet Suivant

Adapter sa page à la résolution d'écran

Résolu/Fermé
wipeout0311 Messages postés 36 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 3 juin 2010 - 20 déc. 2007 à 11:03
wipeout0311 Messages postés 36 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 3 juin 2010 - 21 déc. 2007 à 11:24
Bonjour,
A l'occasion de mon arrivée sur ce forum je vous salut tous et toutes ami(e)s internautes.

Je vous expose mon problème en espérant vraiment que qq'un puisse m'aider car je suis débutant et je vous avouerai franchement j'ai les neuronnes qui chauffent ;-)

Je suis entrain de créer mon site web (j'ai une enteprise individuelle) mais je n'arrive pas à rendre ce dernier visible à 100% quel quelle que soit la résolution d'écran. J'ai créer une image de 1280 X 1024 sous photoshop que j'ai ensuite découpé avec Adobe Fireworks. Le résultat est parfais pour cette résoltion mais pour les autres.....

voici mes codes. je ne sais pas ce que donneront ces derniers sur vos pc mais svp jetez y un coup d'oeil, aidez moi... à l'aide... :-)

code css :

/* CSS Document */

body{width:100%;}

code html :

<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
<link rel="stylesheet" type="text/css"
href="resolution.css" />
<!--Fireworks CS3 Dreamweaver CS3 target. Created Wed Dec 19 19:25:48 GMT+0100 2007-->
<script language="JavaScript1.2" type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//-->
</script>
</head>
<body bgcolor="#000000" onload="MM_preloadImages('img_index/menu_accès_internet_2.jpg','img_index/menu_jeux_2.jpg','img_index/menu_depot_2.jpg','img_index/menu_vente_2.jpg','img_index/menu_travaux_2.jpg','img_index/menu_reparation_2.jpg','img_index/menu_cours_2.jpg','img_index/menu_telecharger_2.jpg','img_index/menu_lien_2.jpg','img_index/menu_contact_2.jpg','img_index/menu_tarifs_2.jpg','img_index/menu_horaires_2.jpg');">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<!-- fwtable fwsrc="fond.png" fwpage="Page 1" fwbase="index.jpg" fwstyle="Dreamweaver" fwdocid = "314931916" fwnested="0" -->
<tr>
<td><img src="img_index/spacer.gif" width="172" height="1" border="0" alt="" /></td>
<td><img src="img_index/spacer.gif" width="44" height="1" border="0" alt="" /></td>
<td><img src="img_index/spacer.gif" width="52" height="1" border="0" alt="" /></td>
<td><img src="img_index/spacer.gif" width="69" height="1" border="0" alt="" /></td>
<td><img src="img_index/spacer.gif" width="11" height="1" border="0" alt="" /></td>
<td><img src="img_index/spacer.gif" width="173" height="1" border="0" alt="" /></td>
<td><img src="img_index/spacer.gif" width="14" height="1" border="0" alt="" /></td>
<td><img src="img_index/spacer.gif" width="173" height="1" border="0" alt="" /></td>
<td><img src="img_index/spacer.gif" width="14" height="1" border="0" alt="" /></td>
<td><img src="img_index/spacer.gif" width="173" height="1" border="0" alt="" /></td>
<td><img src="img_index/spacer.gif" width="11" height="1" border="0" alt="" /></td>
<td><img src="img_index/spacer.gif" width="117" height="1" border="0" alt="" /></td>
<td><img src="img_index/spacer.gif" width="42" height="1" border="0" alt="" /></td>
<td><img src="img_index/spacer.gif" width="175" height="1" border="0" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>

<tr>
<td colspan="14"><img name="bandeau_haut" src="img_index/bandeau_haut.jpg" width="1240" height="77" border="0" id="bandeau_haut" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="77" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="31"><img name="index_r2_c1" src="img_index/index_r2_c1.jpg" width="172" height="1123" border="0" id="index_r2_c1" alt="" /></td>
<td rowspan="5"><img name="index_r2_c2" src="img_index/index_r2_c2.jpg" width="44" height="193" border="0" id="index_r2_c2" alt="" /></td> <td colspan="10"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="807" height="87">
<param name="movie" value="flash/bandeau_haut.swf" />
<param name="quality" value="high" />
<embed src="flash/bandeau_haut.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="807" height="87"></embed></object></td>
<td colspan="2"><img name="index_r2_c13" src="img_index/index_r2_c13.jpg" width="217" height="88" border="0" id="index_r2_c13" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="88" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="12"><img name="index_r3_c3" src="img_index/index_r3_c3.jpg" width="1024" height="9" border="0" id="index_r3_c3" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="9" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="3"><img name="index_r4_c3" src="img_index/index_r4_c3.jpg" width="52" height="96" border="0" id="index_r4_c3" alt="" /></td>
<td colspan="10"><img name="zone_txt_adresse" src="img_index/zone_txt_adresse.jpg" width="797" height="22" border="0" id="zone_txt_adresse" alt="" /></td>
<td rowspan="29"><img name="index_r4_c14" src="img_index/index_r4_c14.jpg" width="175" height="1026" border="0" id="index_r4_c14" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="22" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="2"><img name="index_r5_c4" src="img_index/index_r5_c4.jpg" width="80" height="74" border="0" id="index_r5_c4" alt="" /></td>
<td rowspan="4"><img name="zone_01" src="img_index/zone_01.jpg" width="173" height="116" border="0" id="zone_01" alt="" /></td>
<td rowspan="26"><img name="index_r5_c7" src="img_index/index_r5_c7.jpg" width="14" height="896" border="0" id="index_r5_c7" alt="" /></td>
<td rowspan="4"><img name="zone_2" src="img_index/zone_2.jpg" width="173" height="116" border="0" id="zone_2" alt="" /></td>
<td rowspan="26"><img name="index_r5_c9" src="img_index/index_r5_c9.jpg" width="14" height="896" border="0" id="index_r5_c9" alt="" /></td>
<td rowspan="4"><img name="zone_3" src="img_index/zone_3.jpg" width="173" height="116" border="0" id="zone_3" alt="" /></td>
<td rowspan="26"><img name="index_r5_c11" src="img_index/index_r5_c11.jpg" width="11" height="896" border="0" id="index_r5_c11" alt="" /></td>
<td colspan="2"><img name="index_r5_c12" src="img_index/index_r5_c12.jpg" width="159" height="6" border="0" id="index_r5_c12" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="6" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="21" colspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="159" height="625" align="absmiddle">
<param name="movie" value="flash/bandeau_droit.swf" />
<param name="quality" value="high" />
<embed src="flash/bandeau_droit.swf" width="159" height="625" align="absmiddle" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash"></embed></object></td>
<td><img src="img_index/spacer.gif" width="1" height="68" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="4"><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('menu_accs_internet_1','','img_index/menu_accès_internet_2.jpg',1);"><img name="menu_accs_internet_1" src="img_index/menu_acc%E8s_internet_1.jpg" width="176" height="23" border="0" id="menu_accs_internet_1" alt="" /></a></td>
<td><img src="img_index/spacer.gif" width="1" height="23" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="4"><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('menu_jeux_1','','img_index/menu_jeux_2.jpg',1);"><img name="menu_jeux_1" src="img_index/menu_jeux_1.jpg" width="176" height="23" border="0" id="menu_jeux_1" alt="" /></a></td>
<td><img src="img_index/spacer.gif" width="1" height="19" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="5"><img name="txt_internet" src="img_index/txt_internet.jpg" width="173" height="88" border="0" id="txt_internet" alt="" /></td>
<td rowspan="5"><img name="txt_jeux" src="img_index/txt_jeux.jpg" width="173" height="88" border="0" id="txt_jeux" alt="" /></td>
<td rowspan="5"><img name="txt_depot" src="img_index/txt_depot.jpg" width="173" height="88" border="0" id="txt_depot" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="4"><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('menu_depot_1','','img_index/menu_depot_2.jpg',1);"><img name="menu_depot_1" src="img_index/menu_depot_1.jpg" width="176" height="23" border="0" id="menu_depot_1" alt="" /></a></td>
<td><img src="img_index/spacer.gif" width="1" height="23" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="4"><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('menu_vente_1','','img_index/menu_vente_2.jpg',1);"><img name="menu_vente_1" src="img_index/menu_vente_1.jpg" width="176" height="23" border="0" id="menu_vente_1" alt="" /></a></td>
<td><img src="img_index/spacer.gif" width="1" height="23" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="4"><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('menu_travaux_1','','img_index/menu_travaux_2.jpg',1);"><img name="menu_travaux_1" src="img_index/menu_travaux_1.jpg" width="176" height="23" border="0" id="menu_travaux_1" alt="" /></a></td>
<td><img src="img_index/spacer.gif" width="1" height="23" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="4"><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('menu_reparation_1','','img_index/menu_reparation_2.jpg',1);"><img name="menu_reparation_1" src="img_index/menu_reparation_1.jpg" width="176" height="23" border="0" id="menu_reparation_1" alt="" /></a></td>
<td><img src="img_index/spacer.gif" width="1" height="15" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img name="index_r14_c6" src="img_index/index_r14_c6.jpg" width="173" height="15" border="0" id="index_r14_c6" alt="" /></td>
<td rowspan="2"><img name="index_r14_c8" src="img_index/index_r14_c8.jpg" width="173" height="15" border="0" id="index_r14_c8" alt="" /></td>
<td rowspan="2"><img name="index_r14_c10" src="img_index/index_r14_c10.jpg" width="173" height="15" border="0" id="index_r14_c10" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="8" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="4"><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('menu_cours_1','','img_index/menu_cours_2.jpg',1);"><img name="menu_cours_1" src="img_index/menu_cours_1.jpg" width="176" height="23" border="0" id="menu_cours_1" alt="" /></a></td>
<td><img src="img_index/spacer.gif" width="1" height="7" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="5"><img name="zone_4" src="img_index/zone_4.jpg" width="173" height="108" border="0" id="zone_4" alt="" /></td>
<td rowspan="5"><img name="zone_5" src="img_index/zone_5.jpg" width="173" height="108" border="0" id="zone_5" alt="" /></td>
<td rowspan="5"><img name="zone_6" src="img_index/zone_6.jpg" width="173" height="108" border="0" id="zone_6" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="16" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="4"><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('menu_telecharger_1','','img_index/menu_telecharger_2.jpg',1);"><img name="menu_telecharger_1" src="img_index/menu_telecharger_1.jpg" width="176" height="23" border="0" id="menu_telecharger_1" alt="" /></a></td>
<td><img src="img_index/spacer.gif" width="1" height="23" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="4"><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('menu_lien_1','','img_index/menu_lien_2.jpg',1);"><img name="menu_lien_1" src="img_index/menu_lien_1.jpg" width="176" height="23" border="0" id="menu_lien_1" alt="" /></a></td>
<td><img src="img_index/spacer.gif" width="1" height="23" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="4"><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('menu_contact_1','','img_index/menu_contact_2.jpg',1);"><img name="menu_contact_1" src="img_index/menu_contact_1.jpg" width="176" height="23" border="0" id="menu_contact_1" alt="" /></a></td>
<td><img src="img_index/spacer.gif" width="1" height="23" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="4"><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('menu_tarifs_1','','img_index/menu_tarifs_2.jpg',1);"><img name="menu_tarifs_1" src="img_index/menu_tarifs_1.jpg" width="176" height="23" border="0" id="menu_tarifs_1" alt="" /></a></td>
<td><img src="img_index/spacer.gif" width="1" height="23" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="4"><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('menu_horaires_1','','img_index/menu_horaires_2.jpg',1);"><img name="menu_horaires_1" src="img_index/menu_horaires_1.jpg" width="176" height="23" border="0" id="menu_horaires_1" alt="" /></a></td>
<td><img name="index_r21_c6" src="img_index/index_r21_c6.jpg" width="173" height="4" border="0" id="index_r21_c6" alt="" /></td>
<td><img name="index_r21_c8" src="img_index/index_r21_c8.jpg" width="173" height="4" border="0" id="index_r21_c8" alt="" /></td>
<td><img name="index_r21_c10" src="img_index/index_r21_c10.jpg" width="173" height="4" border="0" id="index_r21_c10" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="4" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img name="txt_vente" src="img_index/txt_vente.jpg" width="173" height="87" border="0" id="txt_vente" alt="" /></td>
<td rowspan="2"><img name="txt_travaux" src="img_index/txt_travaux.jpg" width="173" height="87" border="0" id="txt_travaux" alt="" /></td>
<td rowspan="2"><img name="txt_reparation" src="img_index/txt_reparation.jpg" width="173" height="87" border="0" id="txt_reparation" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="19" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="4"><img name="index_r23_c2" src="img_index/index_r23_c2.jpg" width="176" height="82" border="0" id="index_r23_c2" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="68" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="index_r24_c6" src="img_index/index_r24_c6.jpg" width="173" height="14" border="0" id="index_r24_c6" alt="" /></td>
<td><img name="index_r24_c8" src="img_index/index_r24_c8.jpg" width="173" height="14" border="0" id="index_r24_c8" alt="" /></td>
<td><img name="index_r24_c10" src="img_index/index_r24_c10.jpg" width="173" height="14" border="0" id="index_r24_c10" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="14" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="5" colspan="3"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="165" height="414" align="absmiddle">
<param name="movie" value="flash/bandeau_gauche.swf" />
<param name="quality" value="high" />
<embed src="flash/bandeau_gauche.swf" width="165" height="414" align="absmiddle" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash"></embed></object></td>
<td rowspan="6"><img name="index_r25_c5" src="img_index/index_r25_c5.jpg" width="11" height="464" border="0" id="index_r25_c5" alt="" /></td>
<td><img name="zone_7" src="img_index/zone_7.jpg" width="173" height="112" border="0" id="zone_7" alt="" /></td>
<td><img name="zone_8" src="img_index/zone_8.jpg" width="173" height="112" border="0" id="zone_8" alt="" /></td>
<td><img name="zone_9" src="img_index/zone_9.jpg" width="173" height="112" border="0" id="zone_9" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="112" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="txt_cours" src="img_index/txt_cours.jpg" width="173" height="87" border="0" id="txt_cours" alt="" /></td>
<td><img name="txt_telecharger" src="img_index/txt_telecharger.jpg" width="173" height="87" border="0" id="txt_telecharger" alt="" /></td>
<td><img name="txt_liens" src="img_index/txt_liens.jpg" width="173" height="87" border="0" id="txt_liens" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="87" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="index_r27_c6" src="img_index/index_r27_c6.jpg" width="173" height="15" border="0" id="index_r27_c6" alt="" /></td>
<td><img name="index_r27_c8" src="img_index/index_r27_c8.jpg" width="173" height="15" border="0" id="index_r27_c8" alt="" /></td>
<td><img name="index_r27_c10" src="img_index/index_r27_c10.jpg" width="173" height="15" border="0" id="index_r27_c10" alt="" /></td>
<td colspan="2"><img name="index_r27_c12" src="img_index/index_r27_c12.jpg" width="159" height="15" border="0" id="index_r27_c12" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="15" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="zone_10" src="img_index/zone_10.jpg" width="173" height="112" border="0" id="zone_10" alt="" /></td>
<td><img name="zone_11" src="img_index/zone_11.jpg" width="173" height="112" border="0" id="zone_11" alt="" /></td>
<td><img name="zone_12" src="img_index/zone_12.jpg" width="173" height="112" border="0" id="zone_12" alt="" /></td> <td rowspan="2" colspan="2"> </td>
<td><img src="img_index/spacer.gif" width="1" height="112" border="0" alt="" /></td>
</tr>
<tr>
<td><img name="txt_contact" src="img_index/txt_contact.jpg" width="173" height="87" border="0" id="txt_contact" alt="" /></td>
<td><img name="txt_tarifs" src="img_index/txt_tarifs.jpg" width="173" height="87" border="0" id="txt_tarifs" alt="" /></td>
<td><img name="txt_horaires" src="img_index/txt_horaires.jpg" width="173" height="87" border="0" id="txt_horaires" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="87" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img name="index_r30_c2" src="img_index/index_r30_c2.jpg" width="165" height="51" border="0" id="index_r30_c2" alt="" /></td>
<td><img name="index_r30_c6" src="img_index/index_r30_c6.jpg" width="173" height="51" border="0" id="index_r30_c6" alt="" /></td>
<td><img name="index_r30_c8" src="img_index/index_r30_c8.jpg" width="173" height="51" border="0" id="index_r30_c8" alt="" /></td>
<td><img name="index_r30_c10" src="img_index/index_r30_c10.jpg" width="173" height="51" border="0" id="index_r30_c10" alt="" /></td>
<td colspan="2"><img name="index_r30_c12" src="img_index/index_r30_c12.jpg" width="159" height="51" border="0" id="index_r30_c12" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="51" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img name="index_r31_c2" src="img_index/index_r31_c2.jpg" width="44" height="108" border="0" id="index_r31_c2" alt="" /></td> <td colspan="10"> </td>
<td rowspan="2"><img name="index_r31_c13" src="img_index/index_r31_c13.jpg" width="42" height="108" border="0" id="index_r31_c13" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="88" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="10"><img name="index_r32_c3" src="img_index/index_r32_c3.jpg" width="807" height="20" border="0" id="index_r32_c3" alt="" /></td>
<td><img src="img_index/spacer.gif" width="1" height="20" border="0" alt="" /></td>
</tr>
</table>
</body>
</html>





d'avance mille merci à vous
A voir également:

4 réponses

Réponse 1 / 4
C_A_N_C_R_E Messages postés 27 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 24 mars 2010 7
20 déc. 2007 à 12:53
Bonjour

Je comprend pas bien ce que tu essaye de faire, peut tu mettre le lien de ton site?

Ton site est optimisé pour une resolution 1280 X 1024?

L'image 1280 X 1024 est ton background (arriere plan)?

Tu aimerai que l'image se redimentionne par rapport la la resolution du visiteur?

...
0
Réponse 2 / 4
wipeout0311 Messages postés 36 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 3 juin 2010 1
20 déc. 2007 à 14:06
Slt,

mon image de départ était de 1280 X 1024 mais je l'ai ensuite découpé dans fireworks ce qui me donne énormément d'images de plusieurs taille différentes qui, toutes regroupées reforment mon image de départ de 1280 X 1024 dans dreamweaver. Le problème c'est que chacunes de ces images à une taille fixe et dès que je change la résolution de mon ecran ( à 1024 X 768 par exemple) elles deviennent grosses et moches :-)

J'ai essayé avec le code css de changer le body et de le mettre à 100 % mais ça ne change rien.

Mon site est bien crée sur une résolution de 1280 X 1024 mais je voudrai qu'il s'adapte à n'importe quelle résolution différente de 1280 X 1024. Que me conseillerais tu ?? un style css fonctionnerai ? dois je faire mon site pour chaque résolution ?

Merci d'avance

++
0
Réponse 3 / 4
C_A_N_C_R_E Messages postés 27 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 24 mars 2010 7
20 déc. 2007 à 16:26
Re,

Tout d'abord je te déconseille d'optimisé ton site en 1280 X 1024.

De nos jour plus de 50% (environ) des ordinateur ont une resolution de 1024x768.
Mais il existe encore des ordianteur avec des resolution de 800X600, alors la meilleur optimisation est bien celle-ci.

C'est a toi de choisir (800X600 ou 1024x768)

Ensuite tu as 2 possibilité :
Un site en taille fixe et qui ce centre automatiquement dans le navigateur si resolution plus grande.
example: http://pierre.tl.free.fr/error404.html

ou un site avec une largeur fluide(s'adapte aux navigateur) et pour bien faire, qui possede une taille minimun.
example: http://pierre.tl.free.fr/error404.html

Tous cela est bien évidemant possible en CSS
;)
0
Réponse 4 / 4
wipeout0311 Messages postés 36 Date d'inscription jeudi 20 décembre 2007 Statut Membre Dernière intervention 3 juin 2010 1
21 déc. 2007 à 11:24
Merci pour ta réponse,

je vais opter pour un site en taille fixe je pense.

++ et encore merci
0

Discussions similaires

recherche d'u
mimi -
brucine -

1 réponse