Aller au contenu

un site 800x600/1024x768

emma94240

Par emma94240
dans Les fondations d'un site

 Partager

Sujets conseillés

emma94240

emma94240

Posté
Posté

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:

Lien vers le commentaire
Partager sur d’autres sites
kazhar

kazhar

Posté
Posté

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.

Lien vers le commentaire
Partager sur d’autres sites
AlphaDesign

AlphaDesign

Posté
Posté

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}

Lien vers le commentaire
Partager sur d’autres sites
emma94240

emma94240

Posté
  • Auteur
Posté (modifié)

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:

<!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:

Modifié par Dudu
Lien vers le commentaire
Partager sur d’autres sites
yep

yep

Posté
Posté (modifié)

si je peux me permettre : avant d'apprendre à utiliser dreamweaver, apprends ce qu'est le html :P

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.

Modifié par yep
Lien vers le commentaire
Partager sur d’autres sites
ghost

ghost

Posté
Posté (modifié) 

<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

Modifié par Dudu
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...