Comment améliorer ma feuille de style ?

Comment améliorer ma feuille de style ? - HTML/CSS - Programmation

Marsh Posté le 22-08-2005 à 12:31:20    

Voila j'aimerais avoir vos avis sur les modifications que je pourrais apporter a mon site et plus particulièrement à la feuille de style car, à mon avis elle peut être pas mal optimisée mais n'étant pas très très calé en CSS j'ai un peu de mal à trouver des solutions...
 
Voilà l'URL: http://www.animes-database.com/index2.html (seule la page d'accueil fonctionne correctement)
 
Merci pour votre aide.


Message édité par Cheinz le 28-08-2005 à 15:25:11
Reply

Marsh Posté le 22-08-2005 à 12:31:20   

Reply

Marsh Posté le 22-08-2005 à 13:40:47    

A quoi ça te sert d'indiquer 2x le lien pour la feuille de style ?
 

Citation :

<link href="/style/beige.css" rel="stylesheet" type="text/css"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Animes-Database :: Accueil</title>
<link href="style/beige.css" rel="stylesheet" type="text/css"/>

Reply

Marsh Posté le 22-08-2005 à 13:58:41    

A rien :D j'avais pas vu, merci.

Reply

Marsh Posté le 22-08-2005 à 15:19:00    

Bon j'ai pensé à remplacer le <div id="header"></div> par un <h1>, les noms des menus pa des <h2> et Accueil, Actu... par des <h3> mais je ne sais pas si c'est correct...
 
Autre question, j'ai souvent besoin de centrer quelque chose qui fait partie d'une liste, d'un div ou autre chose (comme par exemple le lien "Liste Complète" sur la page d'accueil) j'ai donc crée une classe TexteCentre que j'applique à l'élément que je veux centrer mais je ne trouve pas ca très propre... Y aurait-il une autre solution?


Message édité par Cheinz le 22-08-2005 à 15:21:19
Reply

Marsh Posté le 22-08-2005 à 15:21:33    

pour les h1, h2 et autres, c'est une bonne idée : hiérarchisation du contenu, meilleure lisibilité....
 
Pour la classe qui centre, pourquoi est-ce que ca ne serait pas propre?

Reply

Marsh Posté le 22-08-2005 à 15:24:07    

Ben en fait je sais pas mais bon si c'est bon, tant mieux je laisse comme c'est ^^

Reply

Marsh Posté le 22-08-2005 à 15:30:16    

attends peut-être un autre avis, mais je vois pas pourquoi ca poserait problème...
 
Sinon tu dois pouvoir réduire un peu ton code, non?
 
par exemple :  
 

Code :
  1. <div id="menu_horizontal_haut">
  2. <ul class="menu_horizontal">


 
Est-ce que tu ne pourrais pas te contenter d'un <ul class="menu_horizontal"> et virer le div? Y'(a d'autres endroits dans la page ou tu dois pouvoir écrémer un peu. Je dis ca parce qu'après un topic ici, on m'a prodigué pas mal de conseils allant dans ce sens. Donc maintenant je porte la bonne parole :D

Reply

Marsh Posté le 22-08-2005 à 15:38:28    

Je vais essayer mais bon je doute un peu...


Message édité par Cheinz le 22-08-2005 à 15:40:14
Reply

Marsh Posté le 22-08-2005 à 15:42:02    

Vi, peut-être. J'avoue que j'ai pas regardé en détail :D Mais en tout cas, cherche ce que tu peux éliminer comme code redondant et comme styles redondants, c'est un conseil qu'on m'a pas mal seriné ces derniers temps et ... il est pas idiot :D
 
edit : fallait pas éditer, l'était pas mal ton message :o


Message édité par Onesque le 22-08-2005 à 15:42:25
Reply

Marsh Posté le 22-08-2005 à 15:45:52    

Citation :


<div id="menu_horizontal_haut">
<ul class="menu_horizontal">


pas bien  [:prodigy]


Message édité par Ayuget le 22-08-2005 à 15:46:35
Reply

Marsh Posté le 22-08-2005 à 15:45:52   

Reply

Marsh Posté le 22-08-2005 à 15:50:19    

Ben je sais mais bon ca me permet de l'identifier... Celui du haut et celui du bas n'ont pas les mêmes caractéristiques...

Reply

Marsh Posté le 22-08-2005 à 15:59:02    

hum... en regroupant les 2 > http://www.animes-database.com/index3.html c'est pas terrible...
 
PS: Le lien d'origine aussi merde du coup donc si il y en a qui arrive sur ce topic... c'est normal ^^


Message édité par Cheinz le 22-08-2005 à 16:00:13
Reply

Marsh Posté le 22-08-2005 à 16:23:38    

Bon voila c'est bon, j'ai réussit a n'obtenir que <ul class=.... </ul> au lieu de <div><ul>...</ul></div> et j'ai supprimé le "_haut" qui plaisait pas a Ayuget :D
 
http://www.animes-database.com/index2.html
 
J'ai aussi remplacer les div cités un peu plus haut par des <hx>, vous voyez d'autres améliorations?
 
PS: Je suis au boulot la donc je n'est que IE 5 à ma disposition... pourriez vous me dire si le site s'affiche bien sur IE 6 et Fx en attendant que je rentre chez moi?


Message édité par Cheinz le 22-08-2005 à 16:27:47
Reply

Marsh Posté le 22-08-2005 à 16:27:15    

Pas de pb sur FF chez moi ;)

Reply

Marsh Posté le 22-08-2005 à 16:28:26    

Salut, alors chez moi sous FF il y a le cadre de la ligne où se situe les menus qui dépasse et qui empiète sur le gris...

Reply

Marsh Posté le 22-08-2005 à 16:30:56    

Bon j'ai vu un autre truc, c'est
 

Code :
  1. <div id="pied">
  2. </div>


 
pied contient le footer en image d'arrière plan mais un div vide c'est pas génial, pour le header j'ai remplacé par h1 mais pour le footer... A moins que je mette un <img src.../> dans le div, ca reviendrait au même mais sémantiquement je ne sais pas lequel est le mieux...

Reply

Marsh Posté le 22-08-2005 à 16:33:59    

fgiuliano a écrit :

Salut, alors chez moi sous FF il y a le cadre de la ligne où se situe les menus qui dépasse et qui empiète sur le gris...


 
Hein ? :D tu pourrais faire un screen de l'endroit ou ca merdouille?
 
EDIT: Remarque non c'est bon j'avais pas vu l'heure, je vias plus tarder a partir, je verrai ca chez moi.


Message édité par Cheinz le 22-08-2005 à 16:39:04
Reply

Marsh Posté le 22-08-2005 à 16:40:02    

Cheinz a écrit :

Hein ? :D tu pourrais faire un screen de l'endroit ou ca merdouille?
 
EDIT: Remarque non c'est bon j'avais pas vu l'heure, je vias plus tarder a partir, je verrai ca chez moi.


oki alors, bonne soirée

Reply

Marsh Posté le 22-08-2005 à 16:44:41    

Merci, si d'autres ont des idées pour améliorer encore un peu le code de la page, allez y (notamment la question 3 post plus haut):)

Reply

Marsh Posté le 22-08-2005 à 19:10:10    

Bon voila le problème est arrangé.

Reply

Marsh Posté le 23-08-2005 à 22:54:24    

euppe :hello:
 
Personne n'a de solution pour mon pied de page? ou d'autres avis en ce qui concerne le CSS du site?


Message édité par Cheinz le 23-08-2005 à 22:55:07
Reply

Marsh Posté le 27-08-2005 à 15:31:04    

Bon ben ca restera comme ca alors...

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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