Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1104 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Comment améliorer ma feuille de style ?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Comment améliorer ma feuille de style ?

n°1181151
Cheinz
Posté le 22-08-2005 à 12:31:20  profilanswer
 

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
mood
Publicité
Posté le 22-08-2005 à 12:31:20  profilanswer
 

n°1181189
ANViL
yep...definitely ♫
Posté le 22-08-2005 à 13:40:47  profilanswer
 

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

n°1181227
Cheinz
Posté le 22-08-2005 à 13:58:41  profilanswer
 

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

n°1181305
Cheinz
Posté le 22-08-2005 à 15:19:00  profilanswer
 

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
n°1181309
Onesque
Derelict Otter
Posté le 22-08-2005 à 15:21:33  profilanswer
 

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?

n°1181312
Cheinz
Posté le 22-08-2005 à 15:24:07  profilanswer
 

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

n°1181319
Onesque
Derelict Otter
Posté le 22-08-2005 à 15:30:16  profilanswer
 

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

n°1181325
Cheinz
Posté le 22-08-2005 à 15:38:28  profilanswer
 

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


Message édité par Cheinz le 22-08-2005 à 15:40:14
n°1181326
Onesque
Derelict Otter
Posté le 22-08-2005 à 15:42:02  profilanswer
 

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
n°1181329
Ayuget
R.oger
Posté le 22-08-2005 à 15:45:52  profilanswer
 

Citation :


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


pas bien  [:prodigy]


Message édité par Ayuget le 22-08-2005 à 15:46:35
mood
Publicité
Posté le 22-08-2005 à 15:45:52  profilanswer
 

n°1181333
Cheinz
Posté le 22-08-2005 à 15:50:19  profilanswer
 

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

n°1181341
Cheinz
Posté le 22-08-2005 à 15:59:02  profilanswer
 

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
n°1181359
Cheinz
Posté le 22-08-2005 à 16:23:38  profilanswer
 

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
n°1181362
Onesque
Derelict Otter
Posté le 22-08-2005 à 16:27:15  profilanswer
 

Pas de pb sur FF chez moi ;)

n°1181363
fgiuliano
Posté le 22-08-2005 à 16:28:26  profilanswer
 

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

n°1181366
Cheinz
Posté le 22-08-2005 à 16:30:56  profilanswer
 

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

n°1181368
Cheinz
Posté le 22-08-2005 à 16:33:59  profilanswer
 

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
n°1181371
fgiuliano
Posté le 22-08-2005 à 16:40:02  profilanswer
 

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

n°1181376
Cheinz
Posté le 22-08-2005 à 16:44:41  profilanswer
 

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

n°1181522
Cheinz
Posté le 22-08-2005 à 19:10:10  profilanswer
 

Bon voila le problème est arrangé.

n°1182830
Cheinz
Posté le 23-08-2005 à 22:54:24  profilanswer
 

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
n°1185899
Cheinz
Posté le 27-08-2005 à 15:31:04  profilanswer
 

Bon ben ca restera comme ca alors...

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Comment améliorer ma feuille de style ?

 

Sujets relatifs
[SVG] Comment écrire une feuille XSL générique?[résolu]copie d'une feuille sur une autre
[CSS débutant] Comme lier une feuille CSS à un tableau dans page HTML?Somme d'un nbre évolutif d'elmts &ref à une feuille cree ds la macro
récupérer du contenu XML d'une fonction PHP dans une feuille XSLT ?Un programme français du style de Zend Platform ?
[VBA Excel - resolu] ajout d'une feuille[Resolu] Améliorer les performances
[VBA][EXC] Fonction de recalcul d'une feuille Excel sous VBA ?Créer un bouton bitmap en y incluant le style XP
Plus de sujets relatifs à : Comment améliorer ma feuille de style ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR