Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
4958 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  ..  22  23  24  ..  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°509352
simogeo
j'ai jamais tué de chats, ...
Posté le 06-09-2003 à 19:34:25  profilanswer
 

Reprise du message précédent :
un bel exemple de menu graphique en css et valide XHTML 1.0  :)  
 
http://www.homelesspixel.de/tabs/tabs.html


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
mood
Publicité
Posté le 06-09-2003 à 19:34:25  profilanswer
 

n°509479
burgergold
5$? va chez l'diable!
Posté le 07-09-2003 à 01:47:45  profilanswer
 

simogeo a écrit :

un bel exemple de menu graphique en css et valide XHTML 1.0  :)  
 
http://www.homelesspixel.de/tabs/tabs.html


 
ouais jaime beaucoup
 
et compatibilité browser c'est quoi ses limites ? coté IE, mozilla, opera et netscape?


---------------
http://www.boincstats.com/signature/user_664861.gif
n°509975
Sh@rdar
Ex-PhPéteur
Posté le 08-09-2003 à 10:16:19  profilanswer
 

hello !
 
je reviens avec mes problèmes sous IE Mac, j'ai un gros problème avec des flottants
 
le but :
faire un système multicolonne pas trop prise de tête si je change le nombre de colonne, et qui s'étirent en largeur si besoin est.
 
la technique :
des div flottants à gauche
 
le problème : IE 5 mac arrive à en caler 3 côte à côte et à me bousiller la mise en page (testé sans problème sous IE 5.5, IE 6, Moz 1.2 et Opera 8 même s'il reste quelques ajustements à faire avec ce dernier, ça passe)
 
j'en ai marre de ce brouteur :cry: si je trouve pas de soluce je remonte mes pages à coup de tableaux


Message édité par Sh@rdar le 31-01-2005 à 15:22:41

---------------
La musique c'est comme la bouffe, tu te souviens du restaurant dans lequel t'as bien mangé 20 ans plus tôt, mais pas du sandwich d'il y a 5 minutes :o - Plugin pour winamp ©Harkonnen : http://harko.free.fr/soft
n°510030
fastclemmy
(re-)Dictateur en plastique
Posté le 08-09-2003 à 11:15:45  profilanswer
 

Plein d'exemples de styles de listes
http://www.maxdesign.com.au/presentation/listamatic/

n°510073
simogeo
j'ai jamais tué de chats, ...
Posté le 08-09-2003 à 11:55:38  profilanswer
 

http://www.malevole.com/
c'est du  XHTML 1.0 Transitional mais je pense qu'il y a des choses instructives comme le déplacement des blocs....
 
pas encore regardé comment c'etait gaulé  [:spamafote]


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°511609
the real m​oins moins
Posté le 10-09-2003 à 12:04:26  profilanswer
 

pas grand chose à voir, mais très interessant quand meme:
http://patrick.murris.com/articles/flash25.htm
(choppé sur gfx, merci fadenreturns)


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°511611
simogeo
j'ai jamais tué de chats, ...
Posté le 10-09-2003 à 12:05:25  profilanswer
 

the real moins moins a écrit :

pas grand chose à voir, mais très interessant quand meme:
http://patrick.murris.com/articles/flash25.htm
(choppé sur gfx, merci fadenreturns)


intéressant mais ca n'a rien a foutre la [:hotshot]


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°511616
the real m​oins moins
Posté le 10-09-2003 à 12:09:18  profilanswer
 

simogeo a écrit :


intéressant mais ca n'a rien a foutre la [:hotshot]

si, ça prone l'utilisation d'un html accessible :o


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°511793
simogeo
j'ai jamais tué de chats, ...
Posté le 10-09-2003 à 15:29:01  profilanswer
 

http://djailles.free.fr/hfr/prog/ancre.html
 
je me suis penché la-dessus ... mon but étant de parvenir au même resultat avec le même principe d'ancre mais sans le scroll.
 
mais en passant la proprieté du style DIV overfow en hidden je ne parviens pas au résultat desiré.  :sweat:  ...ca ne me parait pas logique.
Queqlqu'un a t'il une explication ?  :sweat:


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

simogeo a écrit :

http://djailles.free.fr/hfr/prog/ancre.html
 
je me suis penché la-dessus ... mon but étant de parvenir au même resultat avec le même principe d'ancre mais sans le scroll.
 
mais en passant la proprieté du style DIV overfow en hidden je ne parviens pas au résultat desiré.  :sweat:  ...ca ne me parait pas logique.
Queqlqu'un a t'il une explication ?  :sweat:  


 
http://www.yoyodesign.org/doc/w3c/ [...] l#overflow
http://www.w3.org/TR/REC-CSS2/visufx.html
 
Pour hidden : "users will not have access to clipped content." Donc c'est normal que ça ne marche pas avec overflow:hidden mais avec overflow:scroll

mood
Publicité
Posté le 10-09-2003 à 15:34:52  profilanswer
 

n°511815
simogeo
j'ai jamais tué de chats, ...
Posté le 10-09-2003 à 15:47:29  profilanswer
 

merci fast  :)


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°511890
gm_superst​ar
Appelez-moi Super
Posté le 10-09-2003 à 17:42:23  profilanswer
 
n°511905
the real m​oins moins
Posté le 10-09-2003 à 17:58:33  profilanswer
 

gm_superstar a écrit :


Si :o

:jap:


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°511934
simogeo
j'ai jamais tué de chats, ...
Posté le 10-09-2003 à 19:03:19  profilanswer
 

the real moins moins et gm_superstar ont formé une coalition secrète pour mieux me détruire :




 
 :sweat:


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°512011
Cherrytree
cn=?
Posté le 10-09-2003 à 21:26:31  profilanswer
 

simogeo a écrit :


 
 :sweat:  


Je pense comme eux, en fait. [:spamafote]


---------------
Le site de ma maman
n°512166
kadreg
profil: Utilisateur
Posté le 11-09-2003 à 08:01:58  profilanswer
 

split \o/


---------------
brisez les rêves des gens, il en restera toujours quelque chose...  -- laissez moi troller sur discu !
n°512247
forummp3
@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@
Posté le 11-09-2003 à 10:35:27  profilanswer
 
n°515897
Suri
Darksurious
Posté le 16-09-2003 à 17:59:23  profilanswer
 

ya moyen de faire simplement une liste de base (<ul><li></li></ul> ) dans un <div> sans que ca deborde du calque? mon texte est aligné au bord de la div mais les puces sont en dehors... et j'ai moyen envie de jouer avec margin et padding :/


---------------
Suri.morkitu.org : Balades au coeur de la ville...
n°515900
fastclemmy
(re-)Dictateur en plastique
Posté le 16-09-2003 à 18:01:00  profilanswer
 

Suri a écrit :

ya moyen de faire simplement une liste de base (<ul><li></li></ul> ) dans un <div> sans que ca deborde du calque? mon texte est aligné au bord de la div mais les puces sont en dehors... et j'ai moyen envie de jouer avec margin et padding :/


 
http://perso.wanadoo.fr/la_page_de [...] l#93460472
 
EDIT :
http://devedge.netscape.com/viewso [...] st-indent/


Message édité par fastclemmy le 16-09-2003 à 18:02:24
n°515973
Suri
Darksurious
Posté le 16-09-2003 à 19:44:29  profilanswer
 
n°516277
Sh@rdar
Ex-PhPéteur
Posté le 17-09-2003 à 09:10:07  profilanswer
 

vous utilisez pas list-style-position:inside ?


---------------
La musique c'est comme la bouffe, tu te souviens du restaurant dans lequel t'as bien mangé 20 ans plus tôt, mais pas du sandwich d'il y a 5 minutes :o - Plugin pour winamp ©Harkonnen : http://harko.free.fr/soft
n°516567
Suri
Darksurious
Posté le 17-09-2003 à 15:12:59  profilanswer
 

Sh@rdar a écrit :

vous utilisez pas list-style-position:inside ?

ah ben oui ca marche un brin mieux en fait :D
(au moins sous moz 1.3, opera7, konqueror et ie6) donc a priori c bon :) )


---------------
Suri.morkitu.org : Balades au coeur de la ville...
n°516574
Hermes le ​Messager
Breton Quiétiste
Posté le 17-09-2003 à 15:27:35  profilanswer
 

Un petit cadeau en exclu pour vous concocté par votre serviteur :
 
 
Jusqu'à présent, il semblait impossible de faire un design adaptable d'une hauteur de 100% en trois parties avec un entête de hauteur fixe + un pied de page de hauteur fixe lui aussi, avec un contenu au milieu scrollable comme on pouvait le faire grace aux frames (ou aux Iframes).
 
Ce problème est maintenant résolu :
 
Démonstration :
 

Code :
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  8. <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
  10. <title>test</title>
  12. <style type="text/css" media="screen"><!--
  13. html,body { margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: hidden }
  14. .tbl-test { position: absolute; width: 100%; height: 100% }
  15. .cell1 { background-color: #6fc; height: 50px }
  16. .cell2 { background-color: #900; vertical-align: top; height: 100% }
  17. .cell3 { background-color: #6ff; height: 50px }
  18. .inter { position: relative; height: 100% }
  19. .tst-div { color: white; position: absolute; width: 100%; height: 100%; overflow: auto; overflow-y: scroll; overflow-x: hidden}
  20. --></style>
  22. </head>
  24. <body>
  26. <table class="tbl-test" cellspacing="0" cellpadding="0">
  27. <tr>
  28.  <td class="cell1">
  29.  </td>
  30. </tr>
  31. <tr>
  32.  <td class="cell2">
  33.  <div class="inter">
  34.  <div class="tst-div">
  35.  machin...<br />
  36.  machin...<br />
  37.  machin...<br />
  38.  machin...<br />
  39.  machin...<br />
  40.  machin...<br />
  41.  machin...<br />
  42.  machin...<br />
  43.  machin...<br />
  44.  machin...<br />
  45.  machin...<br />
  46.  machin...<br />
  47.  machin...<br />
  48.  machin...<br />
  49.  machin...<br />
  50.  machin...<br />
  51.  machin...<br />
  52.  machin...<br />
  53.  machin...<br />
  54.  machin...<br />
  55.  machin...<br />
  56.  machin...<br />
  57.  machin...<br />
  58.  machin...<br />
  59.  machin...<br />
  60.  machin...<br />
  61.  machin...<br />
  62.  machin...<br />
  63.  machin...<br />
  64.  machin...<br />
  65.  machin...<br />
  66.  machin...<br />
  67.  machin...<br />
  68.  machin...<br />
  69.  machin...<br />
  70.  machin...<br />
  71.  machin...<br />
  72.  machin...<br />
  73.  machin...<br />
  74.  machin...<br />
  75.  machin...<br />
  76.  machin...<br />
  77.  machin...<br />
  78.  machin...<br />
  79.  machin...<br />
  80.  machin...
  81.  </div>
  82.  </div>
  83.  </td>
  84. </tr>
  85. <tr>
  86.  <td class="cell3">
  87.  </td>
  88. </tr>
  89. </table>
  91. </body>
  93. </html>


Message édité par Hermes le Messager le 17-09-2003 à 15:31:19
n°516594
the real m​oins moins
Posté le 17-09-2003 à 15:50:26  profilanswer
 

:heink:


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°516596
Hermes le ​Messager
Breton Quiétiste
Posté le 17-09-2003 à 15:51:57  profilanswer
 

the real moins moins a écrit :

:heink:  


 
Oui ?  :heink:  
 
Ce truc, on est plusieurs à le chercher depuis plusieurs mois, C'est XHTML 1.1 compliant et crossbrowser, ça a donc sa place ici... Si ça te plait pas, c'est pareil.  :heink:

n°516609
the real m​oins moins
Posté le 17-09-2003 à 16:00:01  profilanswer
 

<table>  :heink:


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°516613
Hermes le ​Messager
Breton Quiétiste
Posté le 17-09-2003 à 16:05:54  profilanswer
 

the real moins moins a écrit :

<table>  :heink:  


 
Pas d'autres solutions.  :jap:  
 
Pour deux raisons :  
 
1) Il n'est pas possible de définir 3 divs les uns au dessus des autres en ayant le haut et le bas avec des tailles fixes et le div central qui s'adapte à la place laissée par les deux autres : 100% de haut fera un "débordement" et auto le laissera à sa taille min. par défaut.
2) la prop. fixe n'est pas appliquée par IE (ce qui aurait pu permettre de ruser dans le cas contraire).
 
Le tableau est obligatoire dans ce cas, car c'est le seul élément qui permet un auto-dimensionnement d'une cellule par rapport aux deux autres.
Maintenant je suis d'accord que si on pouvait s'en sortir avec des divs, ce serait mieux.
 

n°516614
simogeo
j'ai jamais tué de chats, ...
Posté le 17-09-2003 à 16:06:32  profilanswer
 

the real moins moins a écrit :

<table>  :heink:  


bordel de mairde de putain de table [:chacal_one333]
 
 
 :whistle:


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

simogeo a écrit :


bordel de mairde de putain de table [:chacal_one333]
 
 
 :whistle:  


 
 [:yaisse2]  Mais là, ya exception. A moins bien sur que qqu parmis vous se sente de réaliser la même chose avec seulement des divs...  [:totozzz]  J'offre 10? à qui y arrivera. (attention : la problèmatique est :
 
3 zones -
 
celle du haut d'une hauteur fixe de 50px
 
celle du milieu qui s'auto-dimensionne en fonction de la taille de la fenêtre et fait apparaitre une barre de scroll en cas de dépassement.
 
celle du bas d'une hauteur fixe de 50px.
 
Le tout redimensionnable (je parle de la fenêtre du nav) et bien sur compatible IE, Moz, Opera... (dernières versions).
 
 [:yaisse2]


Message édité par Hermes le Messager le 17-09-2003 à 16:11:11
n°516640
the real m​oins moins
Posté le 17-09-2003 à 16:47:20  profilanswer
 

ok :D
(tain 10? c pas grand chose :o)
 
cela dit, ie suxxe des pieds, je vois pas pq faudrait lui faire des cadeaux :o
 
(à tel point qu'il s'est viré tout seul de la quickstart machin truc lors de mon dernier windows update :lol:)


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°516648
Sh@rdar
Ex-PhPéteur
Posté le 17-09-2003 à 17:03:59  profilanswer
 

Hermes le Messager a écrit :


 
 [:yaisse2]  Mais là, ya exception. A moins bien sur que qqu parmis vous se sente de réaliser la même chose avec seulement des divs...  [:totozzz]  J'offre 10? à qui y arrivera. (attention : la problèmatique est :
 
3 zones -
 
celle du haut d'une hauteur fixe de 50px
 
celle du milieu qui s'auto-dimensionne en fonction de la taille de la fenêtre et fait apparaitre une barre de scroll en cas de dépassement.
 
celle du bas d'une hauteur fixe de 50px.
 
Le tout redimensionnable (je parle de la fenêtre du nav) et bien sur compatible IE, Moz, Opera... (dernières versions).
 
 [:yaisse2]


 
ça se fait tout seul
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
avec des frames
 
[:dehors]


Message édité par Sh@rdar le 17-09-2003 à 17:04:17

---------------
La musique c'est comme la bouffe, tu te souviens du restaurant dans lequel t'as bien mangé 20 ans plus tôt, mais pas du sandwich d'il y a 5 minutes :o - Plugin pour winamp ©Harkonnen : http://harko.free.fr/soft
n°516722
gm_superst​ar
Appelez-moi Super
Posté le 17-09-2003 à 19:07:07  profilanswer
 

Hermes le Messager a écrit :

Pas d'autres solutions.  :jap:


J'en arrive à la même conclusion. La faute à IE bien sûr :/

Hermes le Messager a écrit :


1) Il n'est pas possible de définir 3 divs les uns au dessus des autres en ayant le haut et le bas avec des tailles fixes et le div central qui s'adapte à la place laissée par les deux autres : 100% de haut fera un "débordement" et auto le laissera à sa taille min. par défaut.


Si si c'est possible, mais il faut indiquer une hauteur implicite que IE ne sait pas gérer :

div#central {
  position: absolute;
  top: 50px;
  bottom: 50px;
  width: 100%;
  overflow: auto;
}


 
Voilà, ça suffit. Mais pour IE, pas de hauteur déclarée avec height => pas de hauteur du tout, donc le DIV ne s'étend pas en hauteur.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°516728
the real m​oins moins
Posté le 17-09-2003 à 19:23:05  profilanswer
 

gm_superstar a écrit :


Voilà, ça suffit. Mais pour IE, pas de hauteur déclarée avec height => pas de hauteur du tout, donc le DIV ne s'étend pas en hauteur.

ce qui est peut etre passable pour une bonne partie des layouts... si je comprend bien, si le contenu du div est assez haut, le resultat sera ok quand meme, et pour les trucs plus petit bah non...

n°516730
gm_superst​ar
Appelez-moi Super
Posté le 17-09-2003 à 19:31:05  profilanswer
 

the real moins moins a écrit :

ce qui est peut etre passable pour une bonne partie des layouts... si je comprend bien, si le contenu du div est assez haut, le resultat sera ok quand meme, et pour les trucs plus petit bah non...


Non même pas. Parce qu'en fait IE ignore superbement la propriété "bottom" lorsque "top" est déclarée, comme si l'une excluait l'autre.
 
Donc si on a beaucoup de choses dans notre DIV central, ça ne va pas s'arrêter à 50 pixel du bas et provoquer un overflow, mais ça va déborder hors de l'écran :/


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°516732
the real m​oins moins
Posté le 17-09-2003 à 19:32:00  profilanswer
 

gm_superstar a écrit :


Non même pas. Parce qu'en fait IE ignore superbement la propriété "bottom" lorsque "top" est déclarée, comme si l'une excluait l'autre.
 
Donc si on a beaucoup de choses dans notre DIV central, ça ne va pas s'arrêter à 50 pixel du bas et provoquer un overflow, mais ça va déborder hors de l'écran :/

quel boulet ce IE

n°516771
Hermes le ​Messager
Breton Quiétiste
Posté le 17-09-2003 à 21:44:30  profilanswer
 

Il y a pourtant une solution pour IE, mais qui ne fonctionne pas avec les autres navigateurs :
 

Code :
  1. edité pour les besoins du concours (je le remettrai après).  :D


 
En faisant joujou avec les paddings... et en rusant beaucoup, ENORMEMENT MÊME...  [:yaisse2]


Message édité par Hermes le Messager le 18-09-2003 à 13:57:03
n°519205
antp
Super Administrateur
Champion des excuses bidons
Posté le 20-09-2003 à 21:51:55  profilanswer
 

je viens de trouver ceci par hasard :
http://giannieanna.chez.tiscali.fr/codage/
si c'était pas dans les liens, on peut toujours l'ajouter, j'ai trouvé ça intéressant :)


Message édité par antp le 20-09-2003 à 21:52:22

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°519320
gm_superst​ar
Appelez-moi Super
Posté le 21-09-2003 à 01:40:29  profilanswer
 

antp a écrit :

si c'était pas dans les liens, on peut toujours l'ajouter, j'ai trouvé ça intéressant :)


Noté. Il y sera dans <scoop>La Nouvelle FAQ</scoop>


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°519327
the real m​oins moins
Posté le 21-09-2003 à 01:49:48  profilanswer
 

gm_superstar a écrit :


Noté. Il y sera dans <scoop>La Nouvelle FAQ</scoop>

:ouch:  
 
 
[:cupra]


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°519395
antp
Super Administrateur
Champion des excuses bidons
Posté le 21-09-2003 à 10:40:34  profilanswer
 

[:rofl]
 
d'ici là j'aurai trouvé le temps de remplacer les <table> de mon site par des <div> :whistle:


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°519488
the real m​oins moins
Posté le 21-09-2003 à 13:26:21  profilanswer
 

[:mmmfff]


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3  4  5  ..  22  23  24  ..  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.257 secondes

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