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

 
 

Sujet(s) à lire :
    - Vous faites vos pages web selon quelle *norme* ?
    - Ergonomie d'un site web
 

 Mot :   Pseudo :  
  Aller à la page :
 
 Page :   1  2  3  4  5  ..  24  25  26  ..  48  49  50  51  52  53
Page Suivante
Page Précédente
Bas de page 
Auteur Sujet :

FAQ XHTML/CSS -- La FAQ évolue ! Détails inside

n°530911
gizmo
Posté le 04-10-2003 à 00:42:39  profilanswer
 

Reprise du message précédent :
l'import devant toujours être déclaré en début de fichier, il doit être considéré comme un copier/coller de son contenu à cet endroit. Tout comportement différent est un bug.

mood
Publicité
Posté le 04-10-2003 à 00:42:39  profilanswer
 

n°530916
the real m​oins moins
Posté le 04-10-2003 à 00:47:42  profilanswer
 

:jap:
 
(je cherche a faire un truc qui soit une feuille de style minimale pour que le site soit lisible dans ns4 - si j'importe rien, des titres graphiques sont illisibles (blanc/blanc) et si j'importe tout, ça ressemble à rien)
 
edit: ha tiens, depuis que j'ai viré l'<img> qui etait en marge et que je l'ai foutu en background, c'est qd meme bcp plus lisible sous ns4, meme avec toute la feuille...
 
edit2: ha tiens, depuis que j'ai viré des trucs inutiles de mon css et réorganisé deux divs, c'est quasi aussi bien dans ns4 que dans ie :)


Message édité par the real moins moins le 04-10-2003 à 00:55:31

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°531797
antp
Super Administrateur
Champion des excuses bidons
Posté le 05-10-2003 à 13:13:14  profilanswer
 

http://mozillacss.mozdev.org/
réécriture du site mozilla.org en XHTML/CSS corrects au niveau sémantique


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°532870
simogeo
j'ai jamais tué de chats, ...
Posté le 06-10-2003 à 22:21:32  profilanswer
 

antp a écrit :

http://mozillacss.mozdev.org/
réécriture du site mozilla.org en XHTML/CSS corrects au niveau sémantique


il n'y a qu'une chose à dire : graphiquement a chier  :jap:


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°532872
antp
Super Administrateur
Champion des excuses bidons
Posté le 06-10-2003 à 22:23:42  profilanswer
 

Le site que j'ai passé ou le site de Moz ?  
pcq le site que j'ai passé c'est juste une bête page temporaire je suppose, pas besoin de faire un truc beau pour ça, ce qui compte ce sont les fichies présentés sur cette page évidemment


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°532889
simogeo
j'ai jamais tué de chats, ...
Posté le 06-10-2003 à 22:34:34  profilanswer
 

le site de moz ..... meme pour du provisoire .... cai nul .... ils ont définis des styles sans aucun gout [:spamafote]


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°532897
antp
Super Administrateur
Champion des excuses bidons
Posté le 06-10-2003 à 22:39:58  profilanswer
 

Moi je le trouve joli le site de Moz [:spamafote]


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°532901
simogeo
j'ai jamais tué de chats, ...
Posté le 06-10-2003 à 22:42:01  profilanswer
 

arfff on s'est mal compris antpai, je parlais du site de dev de moz .... le site de moz ca passe :) ...


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°532902
antp
Super Administrateur
Champion des excuses bidons
Posté le 06-10-2003 à 22:43:43  profilanswer
 

le site de dev on s'en fout, c'est pas un truc public :o c'est juste un truc pour lister les fichies
Bon c'est vrai qu'il aurait été mieux en ne mettant aucun style :D Enfin, je postait pas le lien pour ce site hein


Message édité par antp le 06-10-2003 à 22:44:16

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°534158
fastclemmy
(re-)Dictateur en plastique
Posté le 08-10-2003 à 10:43:07  profilanswer
 

Le design n'est pas l'ennemi de l'XHTML/CSS
http://www.csszengarden.com/?cssfi [...] css&page=0

mood
Publicité
Posté le 08-10-2003 à 10:43:07  profilanswer
 

n°534189
simogeo
j'ai jamais tué de chats, ...
Posté le 08-10-2003 à 11:14:01  profilanswer
 

fastclemmy a écrit :

Le design n'est pas l'ennemi de l'XHTML/CSS
http://www.csszengarden.com/?cssfi [...] css&page=0


 :love:  :love:  :love:


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°538240
fastclemmy
(re-)Dictateur en plastique
Posté le 13-10-2003 à 15:00:31  profilanswer
 

Y'a une des stars du forum sur Standblog
http://www.standblog.com/blog/2003 [...] 095-EnVrac
 
:D

n°539340
simogeo
j'ai jamais tué de chats, ...
Posté le 14-10-2003 à 15:34:07  profilanswer
 

hello .. je souhaite faire un liste avec bullet personnalisé (images).
le truc ... je souhaiterais que le dernier bullet soit different des autres .... il y aurait eu moyen de bidouiller avec first-child  et le float right ( la liste est horizontale) .. mais bon ... j'oublis because c'est pas IE compliant   :ange:  
 
autre souci, l'attribut list-style-image: ne semble pas rattachable a li ... je me trompe ou pas ?  :)  
 
merci  [:org@n]


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°539343
fastclemmy
(re-)Dictateur en plastique
Posté le 14-10-2003 à 15:37:10  profilanswer
 

1. A mon avis tu n'as que le choix de mettre un "class='special'" à ton dernier <li>
2. En effet c'est pour le <ul> mais tu peux toujours mettre un background-image à ton <li> ça me semble sémantiquement correct.

n°539356
simogeo
j'ai jamais tué de chats, ...
Posté le 14-10-2003 à 15:49:06  profilanswer
 

fastclemmy a écrit :

1. A mon avis tu n'as que le choix de mettre un "class='special'" à ton dernier <li>
2. En effet c'est pour le <ul> mais tu peux toujours mettre un background-image à ton <li> ça me semble sémantiquement correct.


 
ouaip ... mais apparemment le format horizontal pose d'autre problemes .. c'est pas pour rien que les menus horizontaux n'ont pas de bullet en general .....
 
das que je passe mon display: inline; .. je perd mes puces ....
ca me gonfle .... tant pis pour la semantique  :ange:  .. a moins que quelque'un ait une autre idée
 
merci fast  :hello:  
 


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°539477
simogeo
j'ai jamais tué de chats, ...
Posté le 14-10-2003 à 17:27:39  profilanswer
 

c'est re-moi .....  
j'ai une liste (tjrs horizontale) qui se trouve dans un div qui fait 19px de haut ... et j'arrive pas a regler la taille de la liste ..... le div a un background et la liste a un background blanc mais en bas ca depasse ....  
je ne comprend pas pkoi je n'arrive pas a regler cette hauteur ....
 
une idée ?
 
merci :)
( de la masturbation cerebrale pour vous rappeler votre adolescence :D )


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°539489
simogeo
j'ai jamais tué de chats, ...
Posté le 14-10-2003 à 17:37:13  profilanswer
 

Code :
  1. * SOUS MENU CSS */
  3. #ssmenu {
  4. width: 100%;
  5. float: right;
  6. height:19px;
  7. text-align: right;
  8. background-image: url(../images/ssmenu_background.gif);
  9. border-bottom: 1px solid #939393;
  10. border-top: 1px solid #939393;
  11. }
  14. #ssmenu ul {
  15. float: right;
  16.  padding: 0px;
  17. margin: 0 0 0 0px;
  18. color: #BCBC7D;
  19. font-size: 12px;
  20. }
  22. #ssmenu li {
  23. display: inline;
  24. border-right: 1px solid #939393;
  25. background-color: White;
  26. }
  28. #ssmenu img {
  29. float: right;
  30. text-align: right;
  31. margin: 0;
  32. padding: 0;
  33. }


 
et contenu xhtml
 

Code :
  1. <div id="ssmenu">
  2. <ul>
  3. <li><a href="#">Item 1</a></li>
  4. <li><a href="#">Item 2</a></li>
  5. <li><a href="#">Item 3</a></li>
  6. <li><a href="#">Item 4</a></li>
  7. <li><a href="#">Item 5</a></li>
  8. </ul>
  9. <img src="images/nav_separator.gif" alt="" />
  10. </div>


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°539546
gm_superst​ar
Appelez-moi Super
Posté le 14-10-2003 à 18:30:12  profilanswer
 

Faut jouer sur line-height pour <li> et/ou <a>


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°539567
simogeo
j'ai jamais tué de chats, ...
Posté le 14-10-2003 à 18:54:47  profilanswer
 

gm_superstar a écrit :

Faut jouer sur line-height pour <li> et/ou <a>


 
ul apparemment .. ca me semble etrange quand même  [:spamafote]  
 
merci  :)


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°539592
forummp3
@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@
Posté le 14-10-2003 à 19:48:41  profilanswer
 

salut,j'ai jamais fait du code html qui etait w3c compliant donc je  voulais savoir, vous me conseiller de commencer par html 4.01 ou xhtml ? :D


---------------
lecteur mp3 yvele's smilies jeux de fille
n°539596
Hermes le ​Messager
Breton Quiétiste
Posté le 14-10-2003 à 19:58:50  profilanswer
 

forummp3 a écrit :

salut,j'ai jamais fait du code html qui etait w3c compliant donc je  voulais savoir, vous me conseiller de commencer par html 4.01 ou xhtml ? :D


 
si tu comptes faire du HTML 4.01 strict, c'est inutile, passe direct au xhtml, c'est pareil avec quelques /> :D

n°539608
forummp3
@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@
Posté le 14-10-2003 à 20:11:47  profilanswer
 

Hermes le Messager a écrit :


 
si tu comptes faire du HTML 4.01 strict, c'est inutile, passe direct au xhtml, c'est pareil avec quelques /> :D
 

ben je comptait commencer par du transitional :D
ca veux dire quoi le "strict" ?  :??:  
Et puis les tutos qu'il y a sur les sites en premiere page,je les trouve pas trés clair,car il explique pas vraiment ce qu'il faut faire ou pas faire  :heink:  
Vous me conseillez quoi comme site pour apprendre le html 4 selon les normes ?


---------------
lecteur mp3 yvele's smilies jeux de fille
n°539609
simogeo
j'ai jamais tué de chats, ...
Posté le 14-10-2003 à 20:13:25  profilanswer
 

> forummp3 : un article ecrit pour toi ( ou presque) ici :
http://www.openweb.eu.org/articles/xhtml_une_heure/


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°539611
Hermes le ​Messager
Breton Quiétiste
Posté le 14-10-2003 à 20:14:01  profilanswer
 

forummp3 a écrit :

ben je comptait commencer par du transitional :D
ca veux dire quoi le "strict" ?  :??:  
Et puis les tutos qu'il y a sur les sites en premiere page,je les trouve pas trés clair,car il explique pas vraiment ce qu'il faut faire ou pas faire  :heink:  
Vous me conseillez quoi comme site pour apprendre le html 4 selon les normes ?  


 
En fait ce qu'il faut que tu fasses, c'est d'apprendre à positionner des éléments avec des CSS. Ensuite, à les dimensionner, donner des propriétés comme les couleurs, des images de fond etc...  
Tu vas te rendre compte qu'on peut tout faire avec des css.
 
Tu pourras donc à partir de ce moment là séparer complêtement la partie "présentation" d'un site (CSS) et son contenu. (HTML).
 
Commencer maintenant par apprendre du transitionnal est à mon avis une perte de temps.

n°539613
forummp3
@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@
Posté le 14-10-2003 à 20:17:01  profilanswer
 

Hermes le Messager a écrit :


 
En fait ce qu'il faut que tu fasses, c'est d'apprendre à positionner des éléments avec des CSS. Ensuite, à les dimensionner, donner des propriétés comme les couleurs, des images de fond etc...  
Tu vas te rendre compte qu'on peut tout faire avec des css.
 
Tu pourras donc à partir de ce moment là séparer complêtement la partie "présentation" d'un site (CSS) et son contenu. (HTML).
 
Commencer maintenant par apprendre du transitionnal est à mon avis une perte de temps.
 

ok je vais voir ce que m'as donner simogeo :jap:
 
mais c koi la difference entre transitionnal et strict?


---------------
lecteur mp3 yvele's smilies jeux de fille
n°539631
gm_superst​ar
Appelez-moi Super
Posté le 14-10-2003 à 20:47:07  profilanswer
 

forummp3 a écrit :

mais c koi la difference entre transitionnal et strict?


Ahem... http://forum.hardware.fr/forum2.ph [...] 941&cat=10
 

Citation :

Le XHTML 1.0 et le HTML 4.01 existent en fait en 2 versions :  
- une version dite transitional. Elle intègre beaucoup de balises et d'attributs HTML propriétaires ou destinés à la mise en page. C'est la version idéale lorsqu'on veut qu'un site passe parfaitement avec des navigateurs "anciens" comme Netscape ou Internet Explorer 3/4
- une version dite strict. Beaucoup de d'éléments ou d'attributs sont dépréciés (et donc interdits). Ce sont en particuliers les balises de mise en forme (<center>, <font>...). Le but et de pousser les developpeurs à utiliser le CSS pour la présentation et de ne laisser dans le document HTML que le contenu.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°539637
simogeo
j'ai jamais tué de chats, ...
Posté le 14-10-2003 à 20:52:05  profilanswer
 

encore moi,
cette fois je viens vous livrer une astuce   :ange:  ( a moins que vous ne la connaissiez deja  [:spamafote] )
 
il est possible de specifier 2 classes simultanement a un element
 
 

Code :
  1. // css
  3. .classe1 {
  4. background-color: #CCCCCC;
  5. text-align:center;
  6. width:200px;
  7. }
  9. .classe2 {
  10. border-bottom: 1px solid black;
  11. width:100px;
  12. }


 

Code :
  1. // HTML
  2. <div class="classe2 classe1">mon texte ici</div>


 
pour les attributs qui se répetent, c'est le cas ici de width, la valeur prise en compte sera la dernière ( lecture du fichier de haut en bas), quelque soit l'ordre d'appel des classes depuis l'élèment.


Message édité par simogeo le 14-10-2003 à 20:52:50

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°539638
the real m​oins moins
Posté le 14-10-2003 à 20:53:55  profilanswer
 

ha, je connaissais, par contre j'aurais été persuadé que la valeur prise en compte aurait été selon l'ordre des classes specifiées dans l'html.
:jap:


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°539639
gm_superst​ar
Appelez-moi Super
Posté le 14-10-2003 à 20:54:10  profilanswer
 

simogeo a écrit :

encore moi,
cette fois je viens vous livrer une astuce   :ange:  ( a moins que vous ne la connaissiez deja  [:spamafote] )
 
il est possible de specifier 2 classes simultanement a un element


Ratai. Déjà évoqué à maintes reprises et sans doute dans ce topic.
 
Je suis en train de me farcir toutes les pages pour tu sais quoi alors je vais bien finir par tomber dessus ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°539640
forummp3
@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@
Posté le 14-10-2003 à 20:54:51  profilanswer
 

gm_superstar a écrit :


Ahem... http://forum.hardware.fr/forum2.ph [...] 941&cat=10
 

Citation :

Le XHTML 1.0 et le HTML 4.01 existent en fait en 2 versions :  
- une version dite transitional. Elle intègre beaucoup de balises et d'attributs HTML propriétaires ou destinés à la mise en page. C'est la version idéale lorsqu'on veut qu'un site passe parfaitement avec des navigateurs "anciens" comme Netscape ou Internet Explorer 3/4
- une version dite strict. Beaucoup de d'éléments ou d'attributs sont dépréciés (et donc interdits). Ce sont en particuliers les balises de mise en forme (<center>, <font>...). Le but et de pousser les developpeurs à utiliser le CSS pour la présentation et de ne laisser dans le document HTML que le contenu.



merci :jap:
en fait le principe c'est de mettre le maximum dans les css,non ?
bon ben je vais me mettre au css aussi :D


---------------
lecteur mp3 yvele's smilies jeux de fille
n°539644
gm_superst​ar
Appelez-moi Super
Posté le 14-10-2003 à 20:57:03  profilanswer
 

forummp3 a écrit :

en fait le principe c'est de mettre le maximum dans les css,non ?


Voilà. CSS un jour, CSS toujours ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°539649
simogeo
j'ai jamais tué de chats, ...
Posté le 14-10-2003 à 20:59:25  profilanswer
 

gm_superstar a écrit :


Ratai. Déjà évoqué à maintes reprises et sans doute dans ce topic.
 
Je suis en train de me farcir toutes les pages pour tu sais quoi alors je vais bien finir par tomber dessus ;)


 
arfff, :D  
bon, l'essentiel c'est que ca puisse servir a certains dans l'immédiat.  [:spamafote]  
 

gm_superstar a écrit :


Je suis en train de me farcir toutes les pages pour tu sais quoi alors je vais bien finir par tomber dessus ;)


si t'as besoin d'un coup de main, je peux m'y coller a partir de la semaine prochaine  ;)  


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°539660
forummp3
@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@
Posté le 14-10-2003 à 21:06:30  profilanswer
 

et je voulais savoir,c'est quoi l'histoire de "les div c mieux que les tableaux" ? pourquoi? :??:


---------------
lecteur mp3 yvele's smilies jeux de fille
n°539662
antp
Super Administrateur
Champion des excuses bidons
Posté le 14-10-2003 à 21:13:32  profilanswer
 

Après avoir converti mon site en div, je confirme que les div c'est mieux : le code est beaucoup plus léger et moins complexe.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°539665
the real m​oins moins
Posté le 14-10-2003 à 21:15:25  profilanswer
 

et le jour ou tu veux changer de layout, c'est les doigts dans le nez :)


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°539700
Ayuget
R.oger
Posté le 14-10-2003 à 21:46:17  profilanswer
 

plus léger, ca c'est clair, le passage de mon site en div a permis de diviser le poids des pages quasiment par 4...

n°539762
the real m​oins moins
Posté le 14-10-2003 à 22:54:23  profilanswer
 

tiens moi y'a un truc qui me manque en css c'est de pouvoir definir des "macro-couleurs"
du genre definir au debut de la css red: #99cccc, vertcacadoie: #122356
puis réutiliser ces noms au lieu des codes rgb sur toutes la feuille
 
css3? [:cupra]


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°539766
simogeo
j'ai jamais tué de chats, ...
Posté le 14-10-2003 à 23:00:05  profilanswer
 

the real moins moins a écrit :

tiens moi y'a un truc qui me manque en css c'est de pouvoir definir des "macro-couleurs"
du genre definir au debut de la css red: #99cccc, vertcacadoie: #122356
puis réutiliser ces noms au lieu des codes rgb sur toutes la feuille
 
css3? [:cupra]


ben le red est deja defini ... :p  
t'as qu'a l'appeler leredamoinsmoinsquéperso:#99cccc


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°539767
antp
Super Administrateur
Champion des excuses bidons
Posté le 14-10-2003 à 23:00:46  profilanswer
 
n°539769
the real m​oins moins
Posté le 14-10-2003 à 23:02:09  profilanswer
 

antp >> ouais pas con... m'enfin bon c pas necessairement le plus souple pour developer le style, et puis le client pourrait le gerer que ça me generait pas :o


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°539773
antp
Super Administrateur
Champion des excuses bidons
Posté le 14-10-2003 à 23:03:24  profilanswer
 

Tout à fait d'accord, mais c'est tout ce qu'on aura avant quelques années :/ (sauf si on se passe d'IE)


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3  4  5  ..  24  25  26  ..  48  49  50  51  52  53
Page Suivante
Page Précédente
Haut de page 

Aller à :
Ajouter une réponse
 

Sujets relatifs
[newby inside] installer et utiliser dbd::oracleCSS et polices de substitution
Comment disposer une image au sein d'un texte... (CSS inside).[CSS] Peut on changer l'apparence d'une checkbox ?
[ALGO]Cherche algo de vérif de clés pour n° de cheque (math inside)Gros newbie inside .... lecture de char dans un fichier HELP !!!
[CSS] peut on remplacer la valeur de background par une variable ?[PHP MySQL] Problème d'apostrophe ! [MONGOLE INSIDE]
Plus de sujets relatifs à : FAQ XHTML/CSS -- La FAQ évolue ! Détails inside

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.112 secondes

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)