Problème de mise en page suivant la résolution

[cesear89]

Bonsoir tout le monde

je suis entrain de développez une application web (intranet) .

Mon problème c'est que sur mon pc (résolution 1368 X 768 ) l'affichage de la page web est normal si je l'ouvre sur un autre pc l'affichage n'est pas normal et les emplacement des éléments se change , je suis sure maintenant que le problème est causé par le fichier css mais je suis pas excellent en css.

Vous trouvez si joint l'application web et le fichier style.css s'il vous plais dit moi c'est quoi le problème merci d'avance

[vaneck]

chez moi le rendu donne n'importe quoi. Donne une capture d’écran du résultat cherché.
De surcroit , si je peux me permette une suggestion , abandonne ce design qui semble trop complexe pour ton niveau de connaissance actuelle. Fais un site moins ambitieux , mais en faisant tout de A à Z, pour bien tout comprendre et avoir quelque chose de plus clair (sur le web, la clarté et la simplicité et a systématique privilégié sur l'apparence).

[cesear89]

Envoyé par vaneck

chez moi le rendu donne n'importe quoi. Donne une capture d’écran du résultat cherché.
De surcroit , si je peux me permette une suggestion , abandonne ce design qui semble trop complexe pour ton niveau de connaissance actuelle. Fais un site moins ambitieux , mais en faisant tout de A à Z, pour bien tout comprendre et avoir quelque chose de plus clair (sur le web, la clarté et la simplicité et a systématique privilégié sur l'apparence).

je peut pas abandonner maintenant c'est mon PFE et j'ai pas le temp pour refaire .

voici une capture pour le résultat souhaité

[nadox]

Bonsoir,
J'ai le regret de t'informer que ton projet ne sera surement pas finalisé dans le temps imparti, surtout si tu n'as aucune connaissance en css...
Tu as fait ça avec un éditeur WYSIWYG (What You See Is What You Get).
Sauf que il faut remettre en cause soit la fiabilité de ton outil, soit son utilisation.
Tout le css généré est prévu pour un affichage "en taille fixe". Comme tu l'as remarqué, il ne s'adapte pas si l'on redimensionne la fenetre.

[vaneck]

je peut pas abandonner maintenant c'est mon PFE et j'ai pas le temp pour refaire

Bha, ca dépend , c'est pour quand?
On peux faire un site très proche, respectueux des standard et bien mieux maintenable très rapidement.

[cesear89]

Envoyé par nadox

Bonsoir,
J'ai le regret de t'informer que ton projet ne sera surement pas finalisé dans le temps imparti, surtout si tu n'as aucune connaissance en css...
Tu as fait ça avec un éditeur WYSIWYG (What You See Is What You Get).
Sauf que il faut remettre en cause soit la fiabilité de ton outil, soit son utilisation.
Tout le css généré est prévu pour un affichage "en taille fixe". Comme tu l'as remarqué, il ne s'adapte pas si l'on redimensionne la fenetre.

bon si sa va marché je peut terminer mon PFE car je vais utilisé J2E pour le développement le grand problème c'est l'interface graphique j'ai jamais faire une chose similaire c'est la première fois je suis programmeur et malheureusement j'ai pas le temps suffisant pour étudier css !! merci en tout cas

[cesear89]

Envoyé par vaneck

Bha, ca dépend , c'est pour quand?
On peux faire un site très proche, respectueux des standard et bien mieux maintenable très rapidement.

pour fin avril debut mai mais il me faut au moin un moi pour le développement de l'application sa veut dire si je veut refaire j'ai presque une semaine. et si vous pourriez m'aider je serait vraiment apprécié.

[vaneck]

Je en te promet rien vu que j'ai du boulot a coté, mais si c'est juste refaire l'interface graphique en suivant le modèle que tu as déjà défini , ça devrait sans problème se faire en moins d'une semaine.
A condition cependant d'exclure le support de la compatibilité pour les navigateurs en carton (c'est a dire inférieur a IE8).

[cesear89]

Envoyé par vaneck

Je en te promet rien vu que j'ai du boulot a coté, mais si c'est juste refaire l'interface graphique en suivant le modèle que tu as déjà défini , ça devrait sans problème se faire en moins d'une semaine.
A condition cependant d'exclure le support de la compatibilité pour les navigateurs en carton (c'est a dire inférieur a IE8).

je demande pas plus que sa !!!! je veut juste refaire l'interface graphique en suivant le modèle déjà défini

[vaneck]

Ce que je peux te proposer , c'est un modèle html et t'aider pour construire son habillage en css.

[cesear89]

Envoyé par vaneck

Ce que je peux te proposer , c'est un modèle html et t'aider pour construire son habillage en css.

daccord et merci d'avance

[vaneck]

J'ai retravailler ta page index.html en respectant plus strictement la tructure html4.

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<div id="blocsite">
  <div id="header">
    <div id="menu">
    <a href="Presentation.html">Presentation de l'isimm</a>
    <a href="Statistique.html">Statistique</a>
    <a href="Manifestation.html">Manifestation</a>
    </div>
  </div>
  <div id="menugauche">
  <h2>Login</h2>
  <form method="post" action="nomfichierserveur" enctype="multipart/form-data">
  <label>Votre e-mail</label>
  <input type="text" name="e-mail">
  <label>Votre Mot de Passe</label>
  <input type="keword" name="keyword">
  <a>Mot de passe oublié</a>
  <input type="submit" value="Connecter">
  </form>
 
  <h2>Liens Utiles</h2>
  <a>Ministère de l'Enseignementsupérieur</a>
  <a>Ministère de l'Éducation et de la Formation</a>
  <a>Sites des Ministères</a>
  <a>Site de l'orientation</a>
  <a>Serveur en langue française</a>
  <a>Serveur en langue anglaise</a>
  <a>Radio Nationale Tunisienne</a>       
  <a>La Télévision Tunisienne</a>
  </div>
  <div id="bloccentral">
  <div id="article">
  <h2>Derniéres évennement</h2>
  <div class="auteur">
    M Fredj
  </div>
 <div class="dates">
    23 september 2011
  </div>
  <strong>Maecenas cursus risus et orci.</strong>
  <p>parturient montes, nascetur ridiculus mus.Nulla pellentesque,turpa dignissim molestie, mi mi venenatis magna,
 
fermentum fringilla fes neque lobortis metus. Donec in odio. Sed est ligula, sodales et, faucibus at, bibendum sit amet, massa. Donec eget dui sit amet mauris sodales sagittis </p>
  <div class="margegris">
    <a>Lire La Suite</a>
  </div>
 </div>
  <div id="article">
  <h2>Derniéres évennement</h2>
  <div class="auteur">
    M Fredj
  </div>
 <div class="dates">
    23 september 2011
  </div>
  <strong>Maecenas cursus risus et orci.</strong>
  <p>parturient montes, nascetur ridiculus mus.Nulla pellentesque,turpa dignissim molestie, mi mi venenatis magna,
 
fermentum fringilla fes neque lobortis metus. Donec in odio. Sed est ligula, sodales et, faucibus at, bibendum sit amet, massa. Donec eget dui sit amet mauris sodales sagittis </p>
  <div class="margegris">
    <a>Lire La Suite</a>
  </div>
 </div>
</div> 
  <div id="blocdroit">
  <form method="post" action="nomfichierserveur" enctype="multipart/form-data">
  <input type="text" name="chercher">
    <input type="submit" value="Rechercher">
  </form>
  <img src="adresseimage.jpg">
</div>
 </div>

Deplus , je t'ai fait un debut de css:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
*
{
margin:0px;
}
 
#blocsite
{
width:800px;
margin-left:auto;
margin-right:auto;
}
 
input
{
width:150px;
}
 
#menu
{
margin-top:80px;
}
 
#menugauche
{
float:left;
width:200px;
overflow:hidden;
}
 
#bloccentral
{
float:left;
width:400px;
border:1px black solid;
}
 
#menudroit
{
float:right;
width:170px;
}

Donc maintenant , pour mettre en forme ton document , il vas falloir que tu travaille exclusivement sur le feuille de style séparé ( cependant tu peux rajouter des balises ou des identifiant aux balises pour simplifier ton travail).

[cesear89]

Donc maintenant , pour mettre en forme ton document , il vas falloir que tu travaille exclusivement sur le feuille de style séparé ( cependant tu peux rajouter des balises ou des identifiant aux balises pour simplifier ton travail).

Merci bieeen mon ami . il me faut maintenant apprendre le css