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

 


 Mot :   Pseudo :  
 
 Page :   1  2
Page Suivante
Auteur Sujet :

Design vs en pensez quoi? + aide CSS

n°1444319
CNeo
Posté le 18-09-2006 à 19:20:21  profilanswer
 

Reprise du message précédent :
Arrêtez avec vos dl et compagnie. Un menu en ul et li c'est largement suffisant. Pour appliquer un style uniquement à IE utilises les commentaires conditionnels.

mood
Publicité
Posté le 18-09-2006 à 19:20:21  profilanswer
 

n°1444324
mIRROR
Chevreuillobolchévik
Posté le 18-09-2006 à 19:29:09  profilanswer
 

CNeo a écrit :

Arrêtez avec vos dl et compagnie. Un menu en ul et li c'est largement suffisant. Pour appliquer un style uniquement à IE utilises les commentaires conditionnels.


 
 
[:petrus dei]
bah le truc c est que le script de base marche sans hack particulier pour ie  
mais on a affaire a quelqu un qui sait pas recopier  [:totoz4]  
sinon la guerre dl/ul me fait rire depuis longtemps mais comme je suis le seul je me tais :D

n°1444330
CNeo
Posté le 18-09-2006 à 19:37:03  profilanswer
 

mIRROR a écrit :

sinon la guerre dl/ul me fait rire depuis longtemps mais comme je suis le seul je me tais :D


En fait un menu en dl utilises forcement du javascript alors que

ul li:hover ul {display: block;}

ca marche tout seul sous FF et IE7 et comme ceux qui désactivent le js ont en général FF et bien ton menu et toujours fonctionnel. [:airforceone]


Message édité par CNeo le 18-09-2006 à 19:38:22
n°1444339
lancevo7
Posté le 18-09-2006 à 19:49:50  profilanswer
 

nan moi je m'en fiche de ie, mais bon ca rend bizare sous ie, c'est quoi les comm conditionnel?

n°1444342
CNeo
Posté le 18-09-2006 à 20:00:34  profilanswer
 

lancevo7 a écrit :

nan moi je m'en fiche de ie, mais bon ca rend bizare sous ie, c'est quoi les comm conditionnel?


IE6 reste le navigateur le plus utilisé je crois.
Commentaires conditionnels : alsacreations, blog-and-blues

n°1444343
lancevo7
Posté le 18-09-2006 à 20:05:50  profilanswer
 

mIRROR a écrit :

[:petrus dei]
bah le truc c est que le script de base marche sans hack particulier pour ie  
mais on a affaire a quelqu un qui sait pas recopier  [:totoz4]  
sinon la guerre dl/ul me fait rire depuis longtemps mais comme je suis le seul je me tais :D


 
 
recopier? sur quoi, la ou j'ai trouver le style du site il n'y avait pas de sous menu, tu as le code dis moi ce qui ne va pas alors
 
ul li:hover ul {display: block;}
 
faut mettre ca?

n°1444349
CNeo
Posté le 18-09-2006 à 20:08:31  profilanswer
 

lancevo7 a écrit :

ul li:hover ul {display: block;}
 
faut mettre ca?


C'est LE moyen pour faire des menus en pure CSS. C'est un des trucs que j'ai appris en lisant Eric Meyer.

n°1444393
lancevo7
Posté le 18-09-2006 à 20:48:41  profilanswer
 

ok ok, j'essaie demain
 
en faite le probleme d'un coté ca marche je suis content, je vais valider et la hop plein d'erreur, et la je corige je valide 1 seul erreur qui n'a rien a voir, mais marche mal sous ie donc casse cou****

n°1444546
lancevo7
Posté le 19-09-2006 à 11:32:21  profilanswer
 

ya des truc bizare des fois,
sur ma page d'accueil je met un div id="accueil"
je creer un #accueil avec un background image
je lance pas d'image...
 
je rajoute la ligne de Cneo ul li:hover ul {display: block;}  
et hop ca marche j'ai mon image
 
 
pk??
 
sinon sous ie toujours la merde

n°1444573
lancevo7
Posté le 19-09-2006 à 12:26:31  profilanswer
 

Code :
  1. <dl id="menu">
  2.     <dt><a href="index.php?page=accueil" title="accueil">Accueil</a></dt>
  3.     <dt><a href="etape3.html">Etape n°3</a></dt>
  4.     <dt><a href="index.php?page=contact"title="contact" >Contact</a></dt>
  5.     <dt><a onmouseover="javascript:montre('smenu1');" >Nos Travaux</a></dt>
  6.  </dl>
  7.  <dl id="smenu1">
  8.     <dt><a href="index.php?page=charpente" title="charpente" style="text-decoration:none">Charpente</a></dt>
  9.     <dt><a href="index.php?page=couverture" title="couverture" style="text-decoration:none">Couverture</a></dt>
  10.     <dt><a href="index.php?page=faience" title="faience" style="text-decoration:none">Faïence</a></dt>
  11.     </dl>


 
 
ca marche comme ca...bon des erreurs?

mood
Publicité
Posté le 19-09-2006 à 12:26:31  profilanswer
 

n°1446589
MagicBuzz
Posté le 23-09-2006 à 14:09:31  profilanswer
 

CNeo > Ca dépends. Quand tu veux faire un menu avec un sous-titre, c'est quand même pas mal ces balises, et tout particulièrement adaptée, même si sémantiquement c'est pas le mieux qu'on puisse faire (mais sémentiquement, un <ul> c'est pas mieux de toute façon)

n°1446614
CNeo
Posté le 23-09-2006 à 15:29:49  profilanswer
 

MagicBuzz a écrit :

CNeo > Ca dépends. Quand tu veux faire un menu avec un sous-titre, c'est quand même pas mal ces balises, et tout particulièrement adaptée, même si sémantiquement c'est pas le mieux qu'on puisse faire (mais sémentiquement, un <ul> c'est pas mieux de toute façon)


Je fais tous mes menus en ul parce que j'en ai pris l'habitude et que je préfère après s'il y en a qui préfèrent les dl moi ça ne me dérange pas.

n°1446616
gatsu35
Blablaté par Harko
Posté le 23-09-2006 à 15:31:39  profilanswer
 

CNeo a écrit :

Je fais tous mes menus en ul parce que j'en ai pris l'habitude et que je préfère après s'il y en a qui préfèrent les dl moi ça ne me dérange pas.


AU début je faisais UL LI puis j'ai fait du DL DT DD mais après analyse et discussion avec une collègue experte, il s'avère que le DL DT DD n'est sémantiquement pas fait pour un menu.

n°1446617
CNeo
Posté le 23-09-2006 à 15:34:44  profilanswer
 

gatsu35 a écrit :

AU début je faisais UL LI puis j'ai fait du DL DT DD mais après analyse et discussion avec une collègue experte, il s'avère que le DL DT DD n'est sémantiquement pas fait pour un menu.

Vivent les bonnes vieilles méthodes. :D

n°1446638
lancevo7
Posté le 23-09-2006 à 17:06:42  profilanswer
 

mais la dt dd, ca marche sous ie, que ul li, sous ie c'est a chier

n°1446640
gatsu35
Blablaté par Harko
Posté le 23-09-2006 à 17:24:34  profilanswer
 

lancevo7 a écrit :

mais la dt dd, ca marche sous ie, que ul li, sous ie c'est a chier


Tu dis ca parce que tu ne sais pas faire de CSS ???
 
Tu vires les marges et basta déjà un problème en moins de réglé.
Tu utilises un vrai doctype et déjà IE se comportera comme les autres navigateurs

n°1446642
mIRROR
Chevreuillobolchévik
Posté le 23-09-2006 à 17:38:40  profilanswer
 

non ie bugge sur les li :o

n°1446643
lancevo7
Posté le 23-09-2006 à 17:47:32  profilanswer
 

gatsu35 a écrit :

Tu dis ca parce que tu ne sais pas faire de CSS ???
 
Tu vires les marges et basta déjà un problème en moins de réglé.
Tu utilises un vrai doctype et déjà IE se comportera comme les autres navigateurs


 
 
Merci mIRROR
 
tu dis ca parceque tu ne sais pas faire de CSS?
et ho j'apprend, si tu es pas content vien pas sur le topic, quel reaction de merde serieux

n°1446644
gatsu35
Blablaté par Harko
Posté le 23-09-2006 à 17:51:33  profilanswer
 

mIRROR a écrit :

non ie bugge sur les li :o


A cause du problème de Layout, suffit de forcer le layout sur les LI soit par height:1% (Holly Hack qui passe bien) ou avec un Zoom:1 qui ne rien du tout mais qui force le layout.
http://marcarea.com/weblog/index.p [...] ie-windows

n°1446645
lancevo7
Posté le 23-09-2006 à 17:53:10  profilanswer
 

j'ai lu aussi qu'on pouvait mettr un vertical align?

n°1446647
gatsu35
Blablaté par Harko
Posté le 23-09-2006 à 18:02:13  profilanswer
 

lancevo7 a écrit :

j'ai lu aussi qu'on pouvait mettr un vertical align?


oui mais le mieux c'est d'utiliser des propriétés qui ne vont pas affecter le comportement des éléments.
donc un zoom:1 suffit.
 
mais personnellement j'utilise un height:1% aussi de temps à autre

n°1446648
mIRROR
Chevreuillobolchévik
Posté le 23-09-2006 à 18:15:16  profilanswer
 

gatsu35 a écrit :

A cause du problème de Layout, suffit de forcer le layout sur les LI soit par height:1% (Holly Hack qui passe bien) ou avec un Zoom:1 qui ne rien du tout mais qui force le layout.
http://marcarea.com/weblog/index.p [...] ie-windows


 
je connais le truc et ca corrige pas tous les problemes
http://forum.hardware.fr/hardwaref [...] 4348-1.htm
je m etais cassé le crane dessus et j avais essayé le zoom ... pour rien [:spamafote]
(d ailleurs height et width sont sensés donner le layout)
 

n°1446659
Ayuget
R.oger
Posté le 23-09-2006 à 18:46:12  profilanswer
 

gatsu35 a écrit :

AU début je faisais UL LI puis j'ai fait du DL DT DD mais après analyse et discussion avec une collègue experte, il s'avère que le DL DT DD n'est sémantiquement pas fait pour un menu.


Le problème c'est qu'on a aucune balise dédiée aux menus dans XHTML donc bon, forcément.  [:prodigy]  
 

n°1446663
CNeo
Posté le 23-09-2006 à 19:47:01  profilanswer
 

Ayuget a écrit :

Le problème c'est qu'on a aucune balise dédiée aux menus dans XHTML donc bon, forcément.  [:prodigy]


Il suffirait de la créer. [:airforceone] Mais le temps qu'elle soit intégrée par tous les navigateurs ...


Message édité par CNeo le 23-09-2006 à 19:47:44
n°1447972
KoZo
PDG de Mentor
Posté le 27-09-2006 à 09:04:16  profilanswer
 

Lancevo7 > Déjà bravo. C'est cool de demander de l'aide et de vraiment s'y mettre sans attendre que tout le monde fasse tout pour toi :)
 
Ensuite, juste un commentaire: lorsque qu'on survole le menu "Nos Travaux", la liste apparait, mais elle ne disparait pas lorsqu'on bouge la souris. On est donc obligé de cliquer sur un autre lien pour faire partir le sous-menu.


---------------
"Jazz is not dead, it just smells funny" - Frank Zappa (1973)
n°1448062
lancevo7
Posté le 27-09-2006 à 11:15:43  profilanswer
 

tout a fait d'accord kozo, faut que je regle ce probleme!
et merci ;)


Message édité par lancevo7 le 27-09-2006 à 11:15:54
n°1448534
nargy
Posté le 28-09-2006 à 00:37:11  profilanswer
 

En effet, je suis impressionné... C'est bien mieux que la première version que j'avais vu.
 
Je ferais toutefois remarquer de faire attention au choix de couleurs, en ce qui concerne le fond et le premier plan (background/foreground): pour une bonne visibilité, il est conseillé de prendre des couleurs complémentaires (ou presque -- on peut jouer sur la luminosité +/- foncé / +/- clair). Par exemple: noir/blanc, bleu/jaune, etc... Je trouve le texte blanc des menus trop clair.
 
Autre remarque...: j'ai pour habitude d'augmenter la taile des polices (par défaut dans ma config), et dans le cas d'une police plus grande le site est totalement décalé. Pour t'en rendre compte, avec Firefox: Ctrl+<<+>>, Ctrl+<<->>, avec IE dans le menu Affichage->taille du texte.
 
Pour les images grand format, j'ai trouvé au moins une image manquante dans la rubrique Charpentes.

n°1448571
lancevo7
Posté le 28-09-2006 à 09:33:30  profilanswer
 

merci pour l'image manquante
 
pour la taille des police, il faudrai qu'elle soit bloqué? c'est ca?

n°1449244
nargy
Posté le 29-09-2006 à 00:07:30  profilanswer
 

Non, il faudrait qu'elle soit redimensionnable. Bloqué, uniquement si tu ne t'en sort pas. En résumé, utilise des tailles  CSS en ex et en em (EX= proportionnel à le largeur du caractère X, EM=proportionnel à la hauteur du caractère M). Autant que possible.

n°1449262
mIRROR
Chevreuillobolchévik
Posté le 29-09-2006 à 01:11:42  profilanswer
 

d accord pour ex mais pas pour em
 

Citation :

Certaines valeurs, comme les dimensions, sont exprimées dans des unités qui se rapportent à un carré hypothétique, la hauteur de celui-ci représentant la distance souhaitée entre deux lignes de texte dans la même taille. Ce carré, appelé carré em, correspond à la grille dans laquelle s'inscrivent les contours d'un glyphe. La valeur de ce descripteur donne le nombre d'unités qui composent le carré em.
 
http://www.w3.org/TR/CSS2/fonts.html#em-square


 
donc en plus du caractère M il faut rajouter l espace sous la ligne pour les caractères de type "ypj"...  
 
http://www.w3.org/TR/CSS2/images/descender.gif
 
et les espaces entre les lignes ce qui fait presque 2M ^^

n°1449338
lancevo7
Posté le 29-09-2006 à 09:51:09  profilanswer
 

vous avez vu, j'ai ameliorer la couleur du menu, c'est plus lisible
 
 
sinon j'ai ca
 

Code :
  1. body
  2. {
  3. margin: 10px 0 ;
  4. padding: 0 ;
  5. text-align: center ;
  6. font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
  7. background: #dea;
  8. }
  9. dl#menu
  10. {
  11. height: 25px ;
  12. background-color:#ab4;
  13. list-style-type: none ;
  14. }
  15. dl#menu dt a
  16. {
  17. width: 130px ;
  18. line-height: 25px ;
  19. font-size: 1.2em ;
  20. font-weight: bold ;
  21. letter-spacing: 2px ;
  22. color: #FFF;
  23. display: block ;
  24. text-decoration: none ;
  25. border-right: 2px solid #ab4 ;
  26. }


 
je suis en em, faudrait quoi exactement?

n°1449761
omega2
Posté le 29-09-2006 à 15:34:43  profilanswer
 

mIRROR a écrit :

d accord pour ex mais pas pour em
 

Citation :

Certaines valeurs, comme les dimensions, sont exprimées dans des unités qui se rapportent à un carré hypothétique, la hauteur de celui-ci représentant la distance souhaitée entre deux lignes de texte dans la même taille. Ce carré, appelé carré em, correspond à la grille dans laquelle s'inscrivent les contours d'un glyphe. La valeur de ce descripteur donne le nombre d'unités qui composent le carré em.
 
http://www.w3.org/TR/CSS2/fonts.html#em-square


 
donc en plus du caractère M il faut rajouter l espace sous la ligne pour les caractères de type "ypj"...  
 
http://www.w3.org/TR/CSS2/images/descender.gif
 
et les espaces entre les lignes ce qui fait presque 2M ^^


Ca dépend ce que tu veux régler. Si tu veux régler la largeur d'un élément ou la taille d'une police, alors il vaut mieux utiliser les em.
Pour la hauteur, par contre, il faudrait avoir une mesure plus adapté (le ex, je conaissais pas mais ca ne semble pas donner la taille en tenant d'ompte d'un interligne simple)

n°1449787
mIRROR
Chevreuillobolchévik
Posté le 29-09-2006 à 15:47:43  profilanswer
 

je parlais juste des definitions d em et d ex hein [:pingouino]

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Suivante

Aller à :
Ajouter une réponse
 

Sujets relatifs
Aide Blog[Firefox] <span> et CSS overflow
Appel aide.chm par une commande javascriptUne petite aide sur du javascript
[BATCH] Need aide batch touchant au PATH ! Je connais pas les batch :<besoin d'aide sur les module de classe
cherche une aide pour la présentation[Résolu] Positionnement DIV Css
[CSS] Onglets + Cadre: probleme avec FFDesign pour eviter un virtual...
Plus de sujets relatifs à : Design vs en pensez quoi? + aide CSS


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