Aller au contenu

Sujets conseillés

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:

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.

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}

Posté

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:

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

Veuillez vous connecter pour commenter

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



Connectez-vous maintenant
×
×
  • Créer...