Version complète: sur le forum Webmaster Hub : un site 800x600/1024x768
Webmaster Hub > Création et exploitation de Sites Internet > Les fondations d'un site
emma94240
Bonjour à tous, je suis nouvelle sur ce forum et heureuse d'y entrer!


Voilà, j'ai crée un site, j'utilise Dreamweaver, j'ai un tout petit écran (avec lequel je crée le site) et la résolution est de 800x600.
Lorsque je regarde mon site avec mon écran , tout est beau , bien etc...mais lorque je passe sur un ordinateur ou l'écran est plus large, tout se trouve " a gauche", il y a un ecart terrible et ce n'est vraiment pas très beau...donc ben voilà, je voulais savoir si on pouvait changer cela afin que mon site soit accessible a tout le monde dans des conditions optimales, puisqu'apparemment mon site se crée en 1024x768...
Si vous avez une solution..une option a changer...ben elle serait la bienvenue!

A noter que je connais pas le language de "pro"...on m'a dit que je pouvais centrer avec un tableau dans dream, mais mes pages sont faites de calques! je cherche pas a centrer mais a changer une option quelquepart !

voili voilou

Emma unsure.gif
kazhar
Hello emma, bienvenue à toi.
La solution, c'est, dans le code de ta page, de remplacer la largeur de la page qui doit actuellement être 750px ou 800px par 100%

Ainsi, quelconque soit la taille de la page, ton cadre prendra la largeur de la fenetre du navigateur.
AlphaDesign
Si tu tiens a conserver un Fix design crée un <div id="container"> qui encapsule ta page et ajoute ces lignes a ton fichier CSS:

body {text-align:center}

#container {margin:auto; text-align:left}
emma94240
loooooool! merci virtualblue, mais je n'ai juste rien compris a ce que tu as dit car je connais malheureusement pas encore bien le language pro! je vais essayer ce que tu m'as dit kazhar! merci rolleyes.gif
emma94240
J'ai essayé dans le code de ma page mais je vois pas dutout comment faire! c'est le seul problème que me pose mon site! Voilà ce qu'il y a dans le debut d'une de mes pages par exemple:


CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>V A H I N A - G I O C A N T E</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #000000;
}
.Style1 {
color: #FFFFFF;
font-size: 42px;
font-family: "Monotype Corsiva";
font-weight: bold;
}
body,td,th {
color: #FFFFFF;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--



function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_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 onLoad="MM_preloadImages('../redimensions%20galerie/la%20boite%20a%20question%20canal%20+%2018%20janvier%202005/agrandir.jpg')">
<span class="Style1">Vahina Giocante</span> ________________________________________________________________________________
__
<hr>
<div id="Layer1" style="position:absolute; width:159px; height:269px; z-index:1; left: 14px; top: 164px;">
<p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="137" height="36">
<param name="movie" value="news.swf">



Il faut donc changer quelquechose la dedans? unsure.gif
yep
si je peux me permettre : avant d'apprendre à utiliser dreamweaver, apprends ce qu'est le html tongue.gif

seulement ensuite tu comprendras que Dreamweaver te permet de faire des sites, mais en aucun cas des sites réellement accessibles, et qu'il faut toujours repasser derrière.

consulte sérieusement :
http://www.accessiweb.org
http://www.opquast.com
http://www.csszengarden.com
http://www.alsacreations.com
bien sûr le site du W3C : http://www.w3c.org, traduction sur http://www.la-grange.net/w3c

avec tout celà, je pense que tu auras une bonne base pour rendre tes sites Internet accessibles et robustes au niveau HTML.
emma94240
Merci mais je ne debute pas mon site, il est pratiquement fini! lol! j'avais juste ce probleme mais bon...bah merci quand meme
ghost
CODE
<title>V A H I N A - G I O C A N T E</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-color: #000000;width: 100%
}
.Style1 {
color: #FFFFFF;
font-size: 42px;
font-family: "Monotype Corsiva";
font-weight: bold;
}
body,td,th {
color: #FFFFFF;


Essaye ça et surtout à savoir pourquoi !! Bonne continuation
emma94240
merci! wub.gif
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.