Site à tester

Site à tester - HTML/CSS - Programmation

Marsh Posté le 09-06-2005 à 08:52:26    

Hi all,
 
Je viens de finir le site de l'établissement dans lequel je bosse.
Je me doute donc qu'il est forcément plein de "bugs" en particulier sur son utilisation avec internet explorer ou dans des résolutions autres que la mienne.
 
Certaines pages sur les formations ont un scroll horizontal dont je ne sais pas me débarrasser. Quand j'ouvre la page des "résultats", l'affichage "clignote" avant d'être stable. Pour la page d'accueil et d'autres pages aussi, je suis obligé de rafraichir plusieurs fois pour ne pas avoir de double scroll vertical.
 
Bref, j'ai pas mal de petites interrogations auxquelles je ne sais pas répondre.
 
Pouvez vous me dire ce que vous en pensez et ce qui ne va pas.
 
Merci
 
Edit: avec l'adresse c'est mieux
 
http://lyc-vial-44.ac-nantes.fr/


Message édité par vincegr le 09-06-2005 à 08:59:01
Reply

Marsh Posté le 09-06-2005 à 08:52:26   

Reply

Marsh Posté le 09-06-2005 à 09:26:17    

ahhhhhhhhhhhh
 
ok pour la mise en page CSS
sauf ke ton menu de droite rogne et donc tout la droite passe en bas
 
diminue ta resolution tu comprendras.
Et pourtant je suis en 1280x800 en resolution
 
et c'est quoi cette imbrication de DIV barbare. ca n'a aucun sens à mon goute
 

Code :
  1. <div class="wrap1">
  2.   <div class="wrap2">
  3.    <div class="wrap3">
  4.     <div class="wrap4">
  5.      <div class="wrap5">
  6.       <div class="wrap6">
  7.        <div class="menu">


 
tu pourrais facilement le faire en UL LI imbriqués dans un maximum de 3 niveaux je pense.

Reply

Marsh Posté le 09-06-2005 à 09:28:17    

Je sais qu'on dit qu'il faut utiliser les div à la place des tableaux, mais attention à ne pas en abuser quand même....
 
A part ça, utilises un gestionnaire d'erreurs pour ce genre d'erreurs.

Reply

Marsh Posté le 09-06-2005 à 09:35:36    

gatsusat a écrit :

tu pourrais facilement le faire en UL LI imbriqués dans un maximum de 3 niveaux je pense.


Sa liste n'a que deux niveaux [:spamafote]  
il fait une <dl> externe et des <ul> internes, ou alors deux niveaux de <ul> [:spamafote]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 09-06-2005 à 09:42:27    

ouais j'avais pas vu les UL LI, bloc notes de merde, ah merki FF.
Mais ses 6 DIV imbriqués me passe mal au travers de la gorge
 
au passage ton image en haut pour le bandeau, tu pourrai po la redimensionner et la reenregistrer avec un taux de compression de 15% voire 20%
jpense que tu pourrai tomber à 20ko au lieu des 290 ko kelle fait pour le moment.

Reply

Marsh Posté le 09-06-2005 à 10:30:12    

Le probleme de ta banniere c'est qu'elle est beaucoup trop grande elle te bouffe la moitie de la page :/ ( pour les petites resolutions )

Reply

Marsh Posté le 09-06-2005 à 10:47:35    

h3dg3hog a écrit :

Le probleme de ta banniere c'est qu'elle est beaucoup trop grande elle te bouffe la moitie de la page :/ ( pour les petites resolutions )


En effet, ta bannière fait 1880px par 259px....  

Reply

Marsh Posté le 09-06-2005 à 10:51:04    

je suis pas trop au clair avec les dimensiosn % ou px
ma div du haut est en % et le contenu, les images, je fais comment pour qu'elles se dimensionnent a la taille de la div ?


Message édité par vincegr le 09-06-2005 à 11:06:26
Reply

Marsh Posté le 09-06-2005 à 10:59:21    

D'ailleurs ça devrait être une image appliquée via un background CSS, et non un tag img


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 09-06-2005 à 11:32:50    

La bannière c'est mieux ?

Reply

Marsh Posté le 09-06-2005 à 11:32:50   

Reply

Marsh Posté le 09-06-2005 à 11:42:35    

IE gère pas du tout les marges et les tailles des div de la même manière.
Comment faire pour que IE affiche pareil que Firefox ?

Reply

Marsh Posté le 09-06-2005 à 11:48:04    

Tu le fais avec quel logiciel ton site ?  
Sinon, la bannière c'est mieux, mais elle fait "trop vide" maintenant...

Reply

Marsh Posté le 09-06-2005 à 14:50:31    

j'utilise bluefish
 
qu'entends tu par "vide", c'est le montage photo qui n'est pas top ou est ce que ya des blancs autour du montage photo ?

Reply

Marsh Posté le 09-06-2005 à 14:51:45    

bluefish ??? kesako, jvais voir de moi meme

Reply

Marsh Posté le 09-06-2005 à 14:53:45    

pourquoi mes pages scrollent quasiment toutes dans la partie droite !! je ne comprends pas !!


Message édité par vincegr le 09-06-2005 à 14:59:31
Reply

Marsh Posté le 09-06-2005 à 15:07:12    

je viens de retourner sur le site (j'y étais deja il y a 1/2 heure) et la partie droite est sous le menu. t'a fais quoi ? (J'ai FF 1.0.4)

Reply

Marsh Posté le 09-06-2005 à 15:12:39    

petite modif vite fais mais c'est remis maintenant !
 
quelles critiques pouvez vous faire actuellement sinon ?

Reply

Marsh Posté le 09-06-2005 à 15:20:23    

vincegr a écrit :

petite modif vite fais mais c'est remis maintenant !
 
quelles critiques pouvez vous faire actuellement sinon ?


 
DOCTYPE XHTML ... donc autant faire de l'XHTML !
 
<big>, <em> et <strong> doivent etre préférés a <b> et <i> dans ton cas : <big>, <em>, <strong> permettent la mise en page ET apporte un sens particulier a leur contenu.
 
<img>, <br>, <meta>, <link> et toutes les balises orphelines se notent : <img />, <br /> ... etc ...
 
Le tableau de fin de page ne doit pas etre utilisé pour dessiné un cadre.
 
Supprime ces pyramides de <div> T_T

Reply

Marsh Posté le 09-06-2005 à 15:24:00    

c'est une ancre valide ca : <a name="haut" /> ? non hein ?

Reply

Marsh Posté le 09-06-2005 à 15:29:19    

afbilou a écrit :

DOCTYPE XHTML ... donc autant faire de l'XHTML !
 
<big>, <em> et <strong> doivent etre préférés a <b> et <i> dans ton cas : <big>, <em>, <strong> permettent la mise en page ET apporte un sens particulier a leur contenu.
 
<img>, <br>, <meta>, <link> et toutes les balises orphelines se notent : <img />, <br /> ... etc ...
 
Le tableau de fin de page ne doit pas etre utilisé pour dessiné un cadre.
 
Supprime ces pyramides de <div> T_T


[:petrus75]
<big> ne veut rien dire, c'est sémantiquement aussi vide que <b> ou <i> [:petrus75]
 
<em> et <strong> n'ont pas pour but de faire de la mise en page mais d'indiquer une emphase sur la chaîne contenue [:petrus75]

Citation :

c'est une ancre valide ca : <a name="haut" /> ? non hein ?


Les ancres c'est du khakha [:petrus75]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 09-06-2005 à 15:33:44    

c'est vrai que toutes les balises ne sont pas xhtml mais plutot html pour certaines
je vais modifier ça
 
je ne saisie pas ton histoire de tableau ! je n'ai utilisé des tableaux QUE pour faire des affichages de tableau
 
je me penche aussi sur la suppression des div en cascade
 
le "<a name="haut" />" je le change par un <a name="haut">...</a> ?

Reply

Marsh Posté le 09-06-2005 à 15:37:54    

vincegr a écrit :

je ne saisie pas ton histoire de tableau ! je n'ai utilisé des tableaux QUE pour faire des affichages de tableau


En bas de la page :

Code :
  1. <table cellspacing="0" border="1" width="99%">
  2. <tr>
  3.  <td align="center"><b>POUR TOUTES CES CLASSES : <br />Emploi du temps habituel à compter du lundi 5 septembre à 8h.</b></td>
  4. </tr>
  5. </table>

Reply

Marsh Posté le 09-06-2005 à 15:41:16    

vincegr a écrit :


le "<a name="haut" />" je le change par un <a name="haut">...</a> ?


Code :
  1. <a name="haut" /><h1>bts assistant de direction</h1>


 
devient
 

Code :
  1. <h1 id="haut">bts assistant de direction</h1>



---------------
my flick r - Just Tab it !
Reply

Marsh Posté le 09-06-2005 à 15:44:29    

Citation :

Code :
  1. <h1 id="haut">bts assistant de direction</h1>



 
et mes liens vont pointer dessus ?
 

Citation :

Code :
  1. * <table cellspacing="0" border="1" width="99%">
  2.     * <tr>
  3.     *         <td align="center"><b>POUR TOUTES CES CLASSES : <br />Emploi du temps habituel à compter du lundi 5 septembre à 8h.</b></td>
  4.     * </tr>
  5.     * </table>



 
je ne sais pas encadrer du texte d'une autre manière !


Message édité par vincegr le 09-06-2005 à 15:45:38
Reply

Marsh Posté le 09-06-2005 à 15:48:20    

afbilou a écrit :

Le tableau de fin de page ne doit pas etre utilisé pour dessiné un cadre.


vincegr a écrit :

je ne saisie pas ton histoire de tableau ! je n'ai utilisé des tableaux QUE pour faire des affichages de tableau


vincegr a écrit :

je ne sais pas encadrer du texte d'une autre manière !


 
:heink:
 
div {
    border: 2px solid red;
}
 
<div>Voila</div>

Reply

Marsh Posté le 09-06-2005 à 15:50:03    

vincegr a écrit :

Citation :

Code :
  1. <h1 id="haut">bts assistant de direction</h1>



 
et mes liens vont pointer dessus ?


oui :)
 

Citation :

Code :
  1. * <table cellspacing="0" border="1" width="99%">
  2.     * <tr>
  3.     *         <td align="center"><b>POUR TOUTES CES CLASSES : <br />Emploi du temps habituel à compter du lundi 5 septembre à 8h.</b></td>
  4.     * </tr>
  5.     * </table>



devient, par exemple

Code :
  1. <p id="footer">blablabla</p>


Code :
  1. #footer { border: 1px solid black; font-weight: bold; }


Message édité par zapan666 le 09-06-2005 à 15:50:37

---------------
my flick r - Just Tab it !
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed