Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1542 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  6  7  8  ..  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°318826
the real m​oins moins
Posté le 26-02-2003 à 23:41:55  profilanswer
 

Reprise du message précédent :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">  
:sweat:
 
(c tjs online si tu veux voir les modifs... je l'ai passé avec succès au validateur d'ailleurs)

mood
Publicité
Posté le 26-02-2003 à 23:41:55  profilanswer
 

n°318835
gm_superst​ar
Appelez-moi Super
Posté le 27-02-2003 à 00:02:07  profilanswer
 

Bon j'ai enregistré la page. Je verrais demain avec IE (je suis sous Linux là)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°318839
the real m​oins moins
Posté le 27-02-2003 à 00:04:58  profilanswer
 

gm_superstar a écrit :

Bon j'ai enregistré la page. Je verrais demain avec IE (je suis sous Linux là)

merci :)

n°319568
gm_superst​ar
Appelez-moi Super
Posté le 27-02-2003 à 17:33:59  profilanswer
 

Bon je poste ici ton code histoire que ceux qui lisent la FAQ dans 10 ans sachent de quoi on parle ;)
 

<body>
  <p>Un premier paragraphe</p>
 
  <div class="details">
    <img src="logo.png" height="120" width="120" class="kplogo" alt="Logo" />
 
    <p>Un premier sous-paragraphe</p>
    <p>Un deuxième sous-paragraphe</p>
 
  </div>
   
  <p>Un deuxième paragraphe</p>
  <p>Un troisième paragraphe</p>
</body>


 
But : Mettre l'image en bas à droite du DIV "details", plus précisément, que le bas de l'image soit aligné avec la dernière ligne du deuxième sous-paragraphe. Nous sommes en XHTML 1.1 (donc IE 6 et Mozilla en mode standard)
 
Alors avec :
 

.details {
    position: relative;
    width: 100%;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding-top: 10px;
    padding-bottom: 10px;
}
 
.kplogo {
    position: absolute;
    right: 0;
    bottom: 0;  
}


 
L'image est bien placée. En fait le truc important est le "width: 100%" pour le DIV. En soit il est complètement inutile, mais si on ne le met pas IE bugge et l'image se retrouve en dessous du DIV au lieu d'être dedans.


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

[:prosterne]

n°319588
the real m​oins moins
Posté le 27-02-2003 à 17:51:57  profilanswer
 

j'ai rajouté le padding-right que tu m'as donné hier pour éviter que le texte se fasse écraser par l'image, mais dans moz, ça elargit la page d'autant de pixel, on voit plus l'image sans scroller horizontalement :sweat:
 
 
edit: c bon j'ai mis le padding-right sur le <p> au lieu du div et ça roxor :D


Message édité par the real moins moins le 27-02-2003 à 17:53:29
n°319591
gm_superst​ar
Appelez-moi Super
Posté le 27-02-2003 à 17:53:45  profilanswer
 

Il faut plutôt faire en sorte que les paragraphes n'arrivent pas au bord :
 

.details p {
  margin-right: 120px;
}


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°319616
the real m​oins moins
Posté le 27-02-2003 à 18:13:35  profilanswer
 

[:prosterne2]  :love:  
 
 
 
:jap: bcp

n°319719
popok
Classe
Posté le 27-02-2003 à 20:40:31  profilanswer
 

pourquoi ne pas faire quelques pages d'exemple d'utilisation des CSS ? Je sais qu'il y en a déjà dans les liens mais ce serait pas mal de les réunir non ?

n°319722
gm_superst​ar
Appelez-moi Super
Posté le 27-02-2003 à 20:43:24  profilanswer
 

popok a écrit :

pourquoi ne pas faire quelques pages d'exemple d'utilisation des CSS ? Je sais qu'il y en a déjà dans les liens mais ce serait pas mal de les réunir non ?


Juste fait le :jap:


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
mood
Publicité
Posté le 27-02-2003 à 20:43:24  profilanswer
 

n°319842
gm_superst​ar
Appelez-moi Super
Posté le 27-02-2003 à 22:07:33  profilanswer
 
n°325140
the real m​oins moins
Posté le 06-03-2003 à 21:25:39  profilanswer
 

qqun a une explication à ça: (avec phoenix)
http://greg.homeunix.net/test2/php/test.php  
:??:
 
extrait du css:
 

Citation :

table {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 10pt;
 text-align: justify;
 margin: 0px 0px 0px 0px;
 border: 1px solid #cc0000;
 border-collapse: collapse;
}
 
table.stats {
 display: inline;
}


 
tiens sous IE ça passe mais la bordure de mes TH est pas noire, c tout moche :o


Message édité par the real moins moins le 06-03-2003 à 21:29:09

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°325157
gm_superst​ar
Appelez-moi Super
Posté le 06-03-2003 à 21:39:58  profilanswer
 

Pas sûr que ce soit un bug parce que rien ne dit qu'un élément en-ligne puisse contenir des éléments de type table-row (les <tr> ). D'ailleurs c'est pour ça qu'il y a une propriété spéciale pour aligner des tableaux comme du texte :
 

display: inline-table;


 
Mais ce n'est pas encore implémenté dans Mozilla...
 
Si tu veux mettre des tableaux cote à cote met les en flottants (si besoin dans un DIV)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°325161
the real m​oins moins
Posté le 06-03-2003 à 21:42:40  profilanswer
 

gm_superstar a écrit :

Pas sûr que ce soit un bug parce que rien ne dit qu'un élément en-ligne puisse contenir des éléments de type table-row (les <tr> ). D'ailleurs c'est pour ça qu'il y a une propriété spéciale pour aligner des tableaux comme du texte :
 

display: inline-table;


 
Mais ce n'est pas encore implémenté dans Mozilla...
 
Si tu veux mettre des tableaux cote à cote met les en flottants (si besoin dans un DIV)

ben je sais pas si tu as vu la meme chose que moi, mais en fait ça marche, sauf qu'il me colle un cadre vide un peu n'importe ou par dessus la derniere row quoi, un peu etrange nan..? :)


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°325166
gm_superst​ar
Appelez-moi Super
Posté le 06-03-2003 à 21:52:14  profilanswer
 

Oui on a vu la même chose. Le cadre qui apparaît derrière c'est la bordure de l'élément <table> que Mozilla a l'air de considérer comme vide car il est de type en-ligne.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°325179
the real m​oins moins
Posté le 06-03-2003 à 22:06:51  profilanswer
 

gm_superstar a écrit :

Oui on a vu la même chose. Le cadre qui apparaît derrière c'est la bordure de l'élément <table> que Mozilla a l'air de considérer comme vide car il est de type en-ligne.

ha ok!
merci encore une fois :jap:


Message édité par the real moins moins le 06-03-2003 à 22:06:57

---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
n°325184
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 06-03-2003 à 22:16:40  profilanswer
 

antp a écrit :

ouais, 6 je crois
par ex il me semble qu'il y avait un truc genre s'il ne trouve pas le <html> dans les X premiers octets (je sais plus combien exactement) il affiche la page comme du xml :D
puis parfois pour une raison étrange ou un caractère qui ne lui plaît pas (les erreurs, ça arrive) il râle au lieu d'afficher la page

ouais mais si je le mets pas ca change completement l'affichage et la taille de police pour moi [:wam]

n°325198
gm_superst​ar
Appelez-moi Super
Posté le 06-03-2003 à 22:37:01  profilanswer
 

Normal en "quirck" mode IE 6 n'utilise pas le même modèle de boîte et la taille par défaut des polices n'est pas la même.
 
Je rappelle :
 
- Quirck mode : mode de compatibilité avec les anciennes normes HTML, et plus tolérant envers les erreurs.
- Mode standard : mode qui applique à la lettre les denières normes (HTML et XHTML Strict)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°325210
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 06-03-2003 à 22:55:12  profilanswer
 

ha ba tout s'explique :D

n°325211
antp
Super Administrateur
Champion des excuses bidons
Posté le 06-03-2003 à 22:55:21  profilanswer
 

ouais mais bon IE a pas besoin du <?xml...> quand même ? le doctype lui suffit, non ?

n°325215
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 06-03-2003 à 22:56:51  profilanswer
 

antp a écrit :

ouais mais bon IE a pas besoin du <?xml...> quand même ? le doctype lui suffit, non ?

si parce que si tu dégages le <?xml...> le forum il a plus du tout la même gueule et c'est assez facheux :o

n°325218
gm_superst​ar
Appelez-moi Super
Posté le 06-03-2003 à 22:57:54  profilanswer
 

joce a écrit :

si parce que si tu dégages le <?xml...> le forum il a plus du tout la même gueule et c'est assez facheux :o


Au contraire, il passe en mode standard. C'est Mieux ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°325224
Hermes le ​Messager
Breton Quiétiste
Posté le 06-03-2003 à 22:59:04  profilanswer
 

Ouai, moi j'ai pris l'habitude (mauvaise ?) de le dégager.

n°325225
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 06-03-2003 à 22:59:33  profilanswer
 

gm_superstar a écrit :


Au contraire, il passe en mode standard. C'est Mieux ;)

ba le fait est que le forum en mode standard c'est pas tiptop :/

n°325232
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 06-03-2003 à 23:01:49  profilanswer
 

par exemple j'ai viré le <?xml ?> de l'accueil du forum, ba j'aime pas du tout :/

n°325234
gm_superst​ar
Appelez-moi Super
Posté le 06-03-2003 à 23:02:14  profilanswer
 

Mais Mozilla l'interprète, lui, en mode standard.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°325237
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 06-03-2003 à 23:02:53  profilanswer
 

gm_superstar a écrit :

Mais Mozilla l'interprète, lui, en mode standard.

mozilla que tu le mettes ou pas, l'affichage reste le même, je viens d'aller voir

n°325239
gm_superst​ar
Appelez-moi Super
Posté le 06-03-2003 à 23:03:46  profilanswer
 

joce a écrit :

par exemple j'ai viré le <?xml ?> de l'accueil du forum, ba j'aime pas du tout :/


Je sais pas, j'ai pas IE là ;)
 
Mais pour Mozilla ça change rien.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°325245
gm_superst​ar
Appelez-moi Super
Posté le 06-03-2003 à 23:05:03  profilanswer
 

joce a écrit :

mozilla que tu le mettes ou pas, l'affichage reste le même, je viens d'aller voir


Oui parce qu'en fait il n'y a que des tableaux. Je ne sais pas pourquoi IE a eu l'idée saugrenue de changer de taille de police entre ses 2 modes :pfff:


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°325254
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 06-03-2003 à 23:07:28  profilanswer
 

gm_superstar a écrit :


Oui parce qu'en fait il n'y a que des tableaux. Je ne sais pas pourquoi IE a eu l'idée saugrenue de changer de taille de police entre ses 2 modes :pfff:  

moi non plus
et le plus marrant c'est que si tu passes de XHTML à HTML 4.01 les polices redeviennent normales :pt1cable:

n°325261
Hermes le ​Messager
Breton Quiétiste
Posté le 06-03-2003 à 23:08:42  profilanswer
 

joce a écrit :

moi non plus
et le plus marrant c'est que si tu passes de XHTML à HTML 4.01 les polices redeviennent normales :pt1cable:


 
Tu as essayé d'exprimer tes polices en em ?

n°325272
gm_superst​ar
Appelez-moi Super
Posté le 06-03-2003 à 23:12:16  profilanswer
 

Hermes le Messager a écrit :

Tu as essayé d'exprimer tes polices en em ?


Ce serait pire. Car em ça veut dire "fonction de la taille de la police courante". Or la police courante par défaut varie selon le mode de IE.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°325278
Hermes le ​Messager
Breton Quiétiste
Posté le 06-03-2003 à 23:13:45  profilanswer
 

gm_superstar a écrit :


Ce serait pire. Car em ça veut dire "fonction de la taille de la police courante". Or la police courante par défaut varie selon le mode de IE.


 
oki, ça me donne une idée pour mon forum ça, merci.

n°325283
gm_superst​ar
Appelez-moi Super
Posté le 06-03-2003 à 23:14:39  profilanswer
 

Hermes le Messager a écrit :

oki, ça me donne une idée pour mon forum ça, merci.


Un forum moche pour les utilisateurs d'IE et beau pour les autres ? [:meganne]


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°325294
Hermes le ​Messager
Breton Quiétiste
Posté le 06-03-2003 à 23:16:18  profilanswer
 

gm_superstar a écrit :


Un forum moche pour les utilisateurs d'IE et beau pour les autres ? [:meganne]


 
 :lol:  
 
Non, soyons ouverts et pas sectaires. Ce n'est pas parce que les pro-IE le sont qu'il faut l'être ;)

n°325316
Hermes le ​Messager
Breton Quiétiste
Posté le 06-03-2003 à 23:22:29  profilanswer
 

Et en % ? Au fait ?
 
c'est pas mieux ?

n°325373
gm_superst​ar
Appelez-moi Super
Posté le 06-03-2003 à 23:36:46  profilanswer
 
n°325377
Hermes le ​Messager
Breton Quiétiste
Posté le 06-03-2003 à 23:38:58  profilanswer
 

gm_superstar a écrit :

Pareil 100% == 1em


 
Non, pas pareil, je viens de tester, et quand j'utilise la molette de la souris avec cntrl sous IE, je n'ai pas les mêmes rapport d'agrandissement et de rétrécissement.
 
Le problème avec les x-small et xx-small, c'est que les résultats sont différents (du moins en XHTML 1.1) entre IE et Mozilla. Donc, pas bonne solution.

n°326316
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 07-03-2003 à 19:47:39  profilanswer
 

Hermes le Messager a écrit :


 
Non, pas pareil, je viens de tester, et quand j'utilise la molette de la souris avec cntrl sous IE, je n'ai pas les mêmes rapport d'agrandissement et de rétrécissement.
 
Le problème avec les x-small et xx-small, c'est que les résultats sont différents (du moins en XHTML 1.1) entre IE et Mozilla. Donc, pas bonne solution.

c'est pour ca que je génère des tailles différentes en fonction du navigateur :/

n°326331
Hermes le ​Messager
Breton Quiétiste
Posté le 07-03-2003 à 20:03:29  profilanswer
 

joce a écrit :

c'est pour ca que je génère des tailles différentes en fonction du navigateur :/


 
Ben essayes en % , ça passe pareil quelque soit le navigateur  :whistle:

n°326343
joce
Architecte / Développeur principal
&#034;BugHunter&#034;
Posté le 07-03-2003 à 20:13:48  profilanswer
 

Hermes le Messager a écrit :


 
Ben essayes en % , ça passe pareil quelque soit le navigateur  :whistle:  

même pas :D

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3  4  5  6  7  8  ..  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.092 secondes

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