css IE<>FF !

jojaba · Message par **jojaba** » 29 janv. 2005, 11:37

J'ai trouvé ça :
http://www.hut.fi/u/hsivonen/doctype.html
Mais c'est en anglais.

Il faut que je me prenne le temps de fouiller dans tes liens Martin.

A ce soir.

martin · Message par **martin** » 29 janv. 2005, 15:38

Choisis en un parmi ceux là :

Alors quels DOCTYPEs devrions-nous utiliser ? Heureux que vous posiez la question. Les DOCTYPEs complets dont nous avons besoin sont les suivants :
HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

extrait de : http://web.archive.org/web/200402210525 ... e/doctype/

pour que je vois ce que j'ai le droit de faire ou pas.

tu prends la doc officielle : http://www.w3.org/TR/html401/
traduite en français : http://www.yoyodesign.org/doc/w3c/w3c.html

Tu peux toujours aller directement à l'index des éléments ou l'index des attributs, tu vois directement quelles DTD (qui correspond au doctype) les autorisent.
exemple :

Index des attributs
Légende : Déconseillé, DTD Transitoire, DTD avec jeu d'enCadrement
...
Nom | Éléments concernés | Type | Valeur par défaut | Déc. | DTD | Commentaires
...
target | A, AREA, BASE, FORM, LINK | %FrameTarget; | #IMPLIED | T | restituer dans ce cadre

Donc tu peux utiliser l'attribut target en DTD transitoire (=transitional).

Tu peux aussi t'aider de cette doc, un peu plus facile d'accés, et du coup complémentaire : http://fr.selfhtml.org/

PS : la Web Developer te donnes les liens directs des principales docs officielles, ma version traduite rajoute les traductions fr.

jojaba · Message par **jojaba** » 30 janv. 2005, 09:09

Petit apparté.
Saviez-vous qu'on pouvait personnaliser un dtd ?
A ce sujet, j'ai lu ça : http://www.yoyodesign.org/doc/dtd/dtd.html.fr

Je continue ma lecture (Merci Martin, j'ai l'impresion de retourner à l'école,mùais ça me fait énormément de bien

).

A bientôt.

jojaba · Message par **jojaba** » 01 févr. 2005, 01:03

dis-moi Martin, c'est bien le document ci-dessous qui stipule les éléments supportés par le doctype strict ? Je ne suis pas vraiment sûr !
En tout cas, j'ai passé mes 4 pages au validateur w3c, qui ne sont bien évidemment pas valides à cause du javascript hors des balises body (ajouté par mon hébergeur et un problème d'alignement d'image (tant pis, je laisse pour l'instant

.
voici les pages modifiées :
http://pagesperso.laposte.net/jojaba/index.html
http://pagesperso.laposte.net/jojaba/nvuFr.html
http://pagesperso.laposte.net/jojaba/sunbirdFr.html
http://pagesperso.laposte.net/jojaba/traductions.html

<!ENTITY % HTML.Frameset "IGNORE">

<!ENTITY % ContentType "CDATA"
-- media type, as per [RFC2045]
-->

<!ENTITY % ContentTypes "CDATA"
-- comma-separated list of media types, as per [RFC2045]
-->

<!ENTITY % Charset "CDATA"
-- a character encoding, as per [RFC2045]
-->

<!ENTITY % Charsets "CDATA"
-- a space-separated list of character encodings, as per [RFC2045]
-->

<!ENTITY % LanguageCode "NAME"
-- a language code, as per [RFC1766]
-->

<!ENTITY % Character "CDATA"
-- a single character from [ISO10646]
-->

<!ENTITY % LinkTypes "CDATA"
-- space-separated list of link types
-->

<!ENTITY % MediaDesc "CDATA"
-- single or comma-separated list of media descriptors
-->

<!ENTITY % URI "CDATA"
-- a Uniform Resource Identifier,
see [URI]
-->

<!ENTITY % Datetime "CDATA" -- date and time information. ISO date format -->

<!ENTITY % Script "CDATA" -- script expression -->

<!ENTITY % StyleSheet "CDATA" -- style sheet data -->

<!ENTITY % Text "CDATA">



<!ENTITY % head.misc "SCRIPT|STYLE|META|LINK|OBJECT" -- repeatable head elements -->

<!ENTITY % heading "H1|H2|H3|H4|H5|H6">

<!ENTITY % list "UL | OL">

<!ENTITY % preformatted "PRE">



<!ENTITY % HTMLlat1 PUBLIC
"-//W3C//ENTITIES Latin1//EN//HTML"
"HTMLlat1.ent">
%HTMLlat1;

<!ENTITY % HTMLsymbol PUBLIC
"-//W3C//ENTITIES Symbols//EN//HTML"
"HTMLsymbol.ent">
%HTMLsymbol;

<!ENTITY % HTMLspecial PUBLIC
"-//W3C//ENTITIES Special//EN//HTML"
"HTMLspecial.ent">
%HTMLspecial;


<!ENTITY % coreattrs
"id ID #IMPLIED -- document-wide unique id --
class CDATA #IMPLIED -- space-separated list of classes --
style %StyleSheet; #IMPLIED -- associated style info --
title %Text; #IMPLIED -- advisory title --"
>

<!ENTITY % i18n
"lang %LanguageCode; #IMPLIED -- language code --
dir (ltr|rtl) #IMPLIED -- direction for weak/neutral text --"
>

<!ENTITY % events
"onclick %Script; #IMPLIED -- a pointer button was clicked --
ondblclick %Script; #IMPLIED -- a pointer button was double clicked--
onmousedown %Script; #IMPLIED -- a pointer button was pressed down --
onmouseup %Script; #IMPLIED -- a pointer button was released --
onmouseover %Script; #IMPLIED -- a pointer was moved onto --
onmousemove %Script; #IMPLIED -- a pointer was moved within --
onmouseout %Script; #IMPLIED -- a pointer was moved away --
onkeypress %Script; #IMPLIED -- a key was pressed and released --
onkeydown %Script; #IMPLIED -- a key was pressed down --
onkeyup %Script; #IMPLIED -- a key was released --"
>


<!ENTITY % HTML.Reserved "IGNORE">


<![ %HTML.Reserved; [
<!ENTITY % reserved
"datasrc %URI; #IMPLIED -- a single or tabular Data Source --
datafld CDATA #IMPLIED -- the property or column name --
dataformatas (plaintext|html) plaintext -- text or html --"
>
]]>

<!ENTITY % reserved "">

<!ENTITY % attrs "%coreattrs; %i18n; %events;">



<!ENTITY % fontstyle
"TT | I | B | BIG | SMALL">

<!ENTITY % phrase "EM | STRONG | DFN | CODE |
SAMP | KBD | VAR | CITE | ABBR | ACRONYM" >

<!ENTITY % special
"A | IMG | OBJECT | BR | SCRIPT | MAP | Q | SUB | SUP | SPAN | BDO">

<!ENTITY % formctrl "INPUT | SELECT | TEXTAREA | LABEL | BUTTON">


<!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; | %formctrl;">

<!ELEMENT (%fontstyle;|%phrase;) - - (%inline;)*>
<!ATTLIST (%fontstyle;|%phrase;)
%attrs; -- %coreattrs, %i18n, %events --
>

<!ELEMENT (SUB|SUP) - - (%inline;)* -- subscript, superscript -->
<!ATTLIST (SUB|SUP)
%attrs; -- %coreattrs, %i18n, %events --
>

<!ELEMENT SPAN - - (%inline;)* -- generic language/style container -->
<!ATTLIST SPAN
%attrs; -- %coreattrs, %i18n, %events --
%reserved; -- reserved for possible future use --
>

<!ELEMENT BDO - - (%inline;)* -- I18N BiDi over-ride -->
<!ATTLIST BDO
%coreattrs; -- id, class, style, title --
lang %LanguageCode; #IMPLIED -- language code --
dir (ltr|rtl) #REQUIRED -- directionality --
>

<!ELEMENT BR - O EMPTY -- forced line break -->
<!ATTLIST BR
%coreattrs; -- id, class, style, title --
>





<!ENTITY % block
"P | %heading; | %list; | %preformatted; | DL | DIV | NOSCRIPT |
BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS">

<!ENTITY % flow "%block; | %inline;">



<!ELEMENT BODY O O (%block;|SCRIPT)+ +(INS|DEL) -- document body -->
<!ATTLIST BODY
%attrs; -- %coreattrs, %i18n, %events --
onload %Script; #IMPLIED -- the document has been loaded --
onunload %Script; #IMPLIED -- the document has been removed --
>

<!ELEMENT ADDRESS - - (%inline;)* -- information on author -->
<!ATTLIST ADDRESS
%attrs; -- %coreattrs, %i18n, %events --
>

<!ELEMENT DIV - - (%flow;)* -- generic language/style container -->
<!ATTLIST DIV
%attrs; -- %coreattrs, %i18n, %events --
%reserved; -- reserved for possible future use --
>



<!ENTITY % Shape "(rect|circle|poly|default)">
<!ENTITY % Coords "CDATA" -- comma-separated list of lengths -->

<!ELEMENT A - - (%inline;)* -(A) -- anchor -->
<!ATTLIST A
%attrs; -- %coreattrs, %i18n, %events --
charset %Charset; #IMPLIED -- char encoding of linked resource --
type %ContentType; #IMPLIED -- advisory content type --
name CDATA #IMPLIED -- named link end --
href %URI; #IMPLIED -- URI for linked resource --
hreflang %LanguageCode; #IMPLIED -- language code --
rel %LinkTypes; #IMPLIED -- forward link types --
rev %LinkTypes; #IMPLIED -- reverse link types --
accesskey %Character; #IMPLIED -- accessibility key character --
shape %Shape; rect -- for use with client-side image maps --
coords %Coords; #IMPLIED -- for use with client-side image maps --
tabindex NUMBER #IMPLIED -- position in tabbing order --
onfocus %Script; #IMPLIED -- the element got the focus --
onblur %Script; #IMPLIED -- the element lost the focus --
>





<!ELEMENT MAP - - ((%block;) | AREA)+ -- client-side image map -->
<!ATTLIST MAP
%attrs; -- %coreattrs, %i18n, %events --
name CDATA #REQUIRED -- for reference by usemap --
>

<!ELEMENT AREA - O EMPTY -- client-side image map area -->
<!ATTLIST AREA
%attrs; -- %coreattrs, %i18n, %events --
shape %Shape; rect -- controls interpretation of coords --
coords %Coords; #IMPLIED -- comma-separated list of lengths --
href %URI; #IMPLIED -- URI for linked resource --
nohref (nohref) #IMPLIED -- this region has no action --
alt %Text; #REQUIRED -- short description --
tabindex NUMBER #IMPLIED -- position in tabbing order --
accesskey %Character; #IMPLIED -- accessibility key character --
onfocus %Script; #IMPLIED -- the element got the focus --
onblur %Script; #IMPLIED -- the element lost the focus --
>





<!ELEMENT LINK - O EMPTY -- a media-independent link -->
<!ATTLIST LINK
%attrs; -- %coreattrs, %i18n, %events --
charset %Charset; #IMPLIED -- char encoding of linked resource --
href %URI; #IMPLIED -- URI for linked resource --
hreflang %LanguageCode; #IMPLIED -- language code --
type %ContentType; #IMPLIED -- advisory content type --
rel %LinkTypes; #IMPLIED -- forward link types --
rev %LinkTypes; #IMPLIED -- reverse link types --
media %MediaDesc; #IMPLIED -- for rendering on these media --
>




<!ENTITY % Length "CDATA" -- nn for pixels or nn% for percentage length -->
<!ENTITY % MultiLength "CDATA" -- pixel, percentage, or relative -->

<![ %HTML.Frameset; [
<!ENTITY % MultiLengths "CDATA" -- comma-separated list of MultiLength -->
]]>

<!ENTITY % Pixels "CDATA" -- integer representing length in pixels -->


<!ELEMENT IMG - O EMPTY -- Embedded image -->
<!ATTLIST IMG
%attrs; -- %coreattrs, %i18n, %events --
src %URI; #REQUIRED -- URI of image to embed --
alt %Text; #REQUIRED -- short description --
longdesc %URI; #IMPLIED -- link to long description
(complements alt) --
name CDATA #IMPLIED -- name of image for scripting --
height %Length; #IMPLIED -- override height --
width %Length; #IMPLIED -- override width --
usemap %URI; #IMPLIED -- use client-side image map --
ismap (ismap) #IMPLIED -- use server-side image map --
>






<!ELEMENT OBJECT - - (PARAM | %flow;)*
-- generic embedded object -->
<!ATTLIST OBJECT
%attrs; -- %coreattrs, %i18n, %events --
declare (declare) #IMPLIED -- declare but don't instantiate flag --
classid %URI; #IMPLIED -- identifies an implementation --
codebase %URI; #IMPLIED -- base URI for classid, data, archive--
data %URI; #IMPLIED -- reference to object's data --
type %ContentType; #IMPLIED -- content type for data --
codetype %ContentType; #IMPLIED -- content type for code --
archive CDATA #IMPLIED -- space-separated list of URIs --
standby %Text; #IMPLIED -- message to show while loading --
height %Length; #IMPLIED -- override height --
width %Length; #IMPLIED -- override width --
usemap %URI; #IMPLIED -- use client-side image map --
name CDATA #IMPLIED -- submit as part of form --
tabindex NUMBER #IMPLIED -- position in tabbing order --
%reserved; -- reserved for possible future use --
>

<!ELEMENT PARAM - O EMPTY -- named property value -->
<!ATTLIST PARAM
id ID #IMPLIED -- document-wide unique id --
name CDATA #REQUIRED -- property name --
value CDATA #IMPLIED -- property value --
valuetype (DATA|REF|OBJECT) DATA -- How to interpret value --
type %ContentType; #IMPLIED -- content type for value
when valuetype=ref --
>



<!ELEMENT HR - O EMPTY -- horizontal rule -->
<!ATTLIST HR
%attrs; -- %coreattrs, %i18n, %events --
>



<!ELEMENT P - O (%inline;)* -- paragraph -->
<!ATTLIST P
%attrs; -- %coreattrs, %i18n, %events --
>





<!ELEMENT (%heading;) - - (%inline;)* -- heading -->
<!ATTLIST (%heading;)
%attrs; -- %coreattrs, %i18n, %events --
>




<!ENTITY % pre.exclusion "IMG|OBJECT|BIG|SMALL|SUB|SUP">

<!ELEMENT PRE - - (%inline;)* -(%pre.exclusion;) -- preformatted text -->
<!ATTLIST PRE
%attrs; -- %coreattrs, %i18n, %events --
>



<!ELEMENT Q - - (%inline;)* -- short inline quotation -->
<!ATTLIST Q
%attrs; -- %coreattrs, %i18n, %events --
cite %URI; #IMPLIED -- URI for source document or msg --
>



<!ELEMENT BLOCKQUOTE - - (%block;|SCRIPT)+ -- long quotation -->
<!ATTLIST BLOCKQUOTE
%attrs; -- %coreattrs, %i18n, %events --
cite %URI; #IMPLIED -- URI for source document or msg --
>




<!ELEMENT (INS|DEL) - - (%flow;)* -- inserted text, deleted text -->
<!ATTLIST (INS|DEL)
%attrs; -- %coreattrs, %i18n, %events --
cite %URI; #IMPLIED -- info on reason for change --
datetime %Datetime; #IMPLIED -- date and time of change --
>





<!ELEMENT DL - - (DT|DD)+ -- definition list -->
<!ATTLIST DL
%attrs; -- %coreattrs, %i18n, %events --
>

<!ELEMENT DT - O (%inline;)* -- definition term -->
<!ELEMENT DD - O (%flow;)* -- definition description -->
<!ATTLIST (DT|DD)
%attrs; -- %coreattrs, %i18n, %events --
>

<!ELEMENT OL - - (LI)+ -- ordered list -->
<!ATTLIST OL
%attrs; -- %coreattrs, %i18n, %events --
>


<!ELEMENT UL - - (LI)+ -- unordered list -->
<!ATTLIST UL
%attrs; -- %coreattrs, %i18n, %events --
>

<!ELEMENT LI - O (%flow;)* -- list item -->
<!ATTLIST LI
%attrs; -- %coreattrs, %i18n, %events --
>


<!ELEMENT FORM - - (%block;|SCRIPT)+ -(FORM) -- interactive form -->
<!ATTLIST FORM
%attrs; -- %coreattrs, %i18n, %events --
action %URI; #REQUIRED -- server-side form handler --
method (GET|POST) GET -- HTTP method used to submit the form--
enctype %ContentType; "application/x-www-form-urlencoded"
accept %ContentTypes; #IMPLIED -- list of MIME types for file upload --
name CDATA #IMPLIED -- name of form for scripting --
onsubmit %Script; #IMPLIED -- the form was submitted --
onreset %Script; #IMPLIED -- the form was reset --
accept-charset %Charsets; #IMPLIED -- list of supported charsets --
>


<!ELEMENT LABEL - - (%inline;)* -(LABEL) -- form field label text -->
<!ATTLIST LABEL
%attrs; -- %coreattrs, %i18n, %events --
for IDREF #IMPLIED -- matches field ID value --
accesskey %Character; #IMPLIED -- accessibility key character --
onfocus %Script; #IMPLIED -- the element got the focus --
onblur %Script; #IMPLIED -- the element lost the focus --
>

<!ENTITY % InputType
"(TEXT | PASSWORD | CHECKBOX |
RADIO | SUBMIT | RESET |
FILE | HIDDEN | IMAGE | BUTTON)"
>


<!ELEMENT INPUT - O EMPTY -- form control -->
<!ATTLIST INPUT
%attrs; -- %coreattrs, %i18n, %events --
type %InputType; TEXT -- what kind of widget is needed --
name CDATA #IMPLIED -- submit as part of form --
value CDATA #IMPLIED -- Specify for radio buttons and checkboxes --
checked (checked) #IMPLIED -- for radio buttons and check boxes --
disabled (disabled) #IMPLIED -- unavailable in this context --
readonly (readonly) #IMPLIED -- for text and passwd --
size CDATA #IMPLIED -- specific to each type of field --
maxlength NUMBER #IMPLIED -- max chars for text fields --
src %URI; #IMPLIED -- for fields with images --
alt CDATA #IMPLIED -- short description --
usemap %URI; #IMPLIED -- use client-side image map --
ismap (ismap) #IMPLIED -- use server-side image map --
tabindex NUMBER #IMPLIED -- position in tabbing order --
accesskey %Character; #IMPLIED -- accessibility key character --
onfocus %Script; #IMPLIED -- the element got the focus --
onblur %Script; #IMPLIED -- the element lost the focus --
onselect %Script; #IMPLIED -- some text was selected --
onchange %Script; #IMPLIED -- the element value was changed --
accept %ContentTypes; #IMPLIED -- list of MIME types for file upload --
%reserved; -- reserved for possible future use --
>

<!ELEMENT SELECT - - (OPTGROUP|OPTION)+ -- option selector -->
<!ATTLIST SELECT
%attrs; -- %coreattrs, %i18n, %events --
name CDATA #IMPLIED -- field name --
size NUMBER #IMPLIED -- rows visible --
multiple (multiple) #IMPLIED -- default is single selection --
disabled (disabled) #IMPLIED -- unavailable in this context --
tabindex NUMBER #IMPLIED -- position in tabbing order --
onfocus %Script; #IMPLIED -- the element got the focus --
onblur %Script; #IMPLIED -- the element lost the focus --
onchange %Script; #IMPLIED -- the element value was changed --
%reserved; -- reserved for possible future use --
>

<!ELEMENT OPTGROUP - - (OPTION)+ -- option group -->
<!ATTLIST OPTGROUP
%attrs; -- %coreattrs, %i18n, %events --
disabled (disabled) #IMPLIED -- unavailable in this context --
label %Text; #REQUIRED -- for use in hierarchical menus --
>

<!ELEMENT OPTION - O (#PCDATA) -- selectable choice -->
<!ATTLIST OPTION
%attrs; -- %coreattrs, %i18n, %events --
selected (selected) #IMPLIED
disabled (disabled) #IMPLIED -- unavailable in this context --
label %Text; #IMPLIED -- for use in hierarchical menus --
value CDATA #IMPLIED -- defaults to element content --
>

<!ELEMENT TEXTAREA - - (#PCDATA) -- multi-line text field -->
<!ATTLIST TEXTAREA
%attrs; -- %coreattrs, %i18n, %events --
name CDATA #IMPLIED
rows NUMBER #REQUIRED
cols NUMBER #REQUIRED
disabled (disabled) #IMPLIED -- unavailable in this context --
readonly (readonly) #IMPLIED
tabindex NUMBER #IMPLIED -- position in tabbing order --
accesskey %Character; #IMPLIED -- accessibility key character --
onfocus %Script; #IMPLIED -- the element got the focus --
onblur %Script; #IMPLIED -- the element lost the focus --
onselect %Script; #IMPLIED -- some text was selected --
onchange %Script; #IMPLIED -- the element value was changed --
%reserved; -- reserved for possible future use --
>


<!ELEMENT FIELDSET - - (#PCDATA,LEGEND,(%flow;)*) -- form control group -->
<!ATTLIST FIELDSET
%attrs; -- %coreattrs, %i18n, %events --
>

<!ELEMENT LEGEND - - (%inline;)* -- fieldset legend -->

<!ATTLIST LEGEND
%attrs; -- %coreattrs, %i18n, %events --
accesskey %Character; #IMPLIED -- accessibility key character --
>

<!ELEMENT BUTTON - -
(%flow;)* -(A|%formctrl;|FORM|FIELDSET)
-- push button -->
<!ATTLIST BUTTON
%attrs; -- %coreattrs, %i18n, %events --
name CDATA #IMPLIED
value CDATA #IMPLIED -- sent to server when submitted --
type (button|submit|reset) submit -- for use as form button --
disabled (disabled) #IMPLIED -- unavailable in this context --
tabindex NUMBER #IMPLIED -- position in tabbing order --
accesskey %Character; #IMPLIED -- accessibility key character --
onfocus %Script; #IMPLIED -- the element got the focus --
onblur %Script; #IMPLIED -- the element lost the focus --
%reserved; -- reserved for possible future use --
>






<!ENTITY % TFrame "(void|above|below|hsides|lhs|rhs|vsides|box|border)">



<!ENTITY % TRules "(none | groups | rows | cols | all)">


<!ENTITY % TAlign "(left|center|right)">


<!ENTITY % cellhalign
"align (left|center|right|justify|char) #IMPLIED
char %Character; #IMPLIED -- alignment char, e.g. char=':' --
charoff %Length; #IMPLIED -- offset for alignment char --"
>


<!ENTITY % cellvalign
"valign (top|middle|bottom|baseline) #IMPLIED"
>

<!ELEMENT TABLE - -
(CAPTION?, (COL*|COLGROUP*), THEAD?, TFOOT?, TBODY+)>
<!ELEMENT CAPTION - - (%inline;)* -- table caption -->
<!ELEMENT THEAD - O (TR)+ -- table header -->
<!ELEMENT TFOOT - O (TR)+ -- table footer -->
<!ELEMENT TBODY O O (TR)+ -- table body -->
<!ELEMENT COLGROUP - O (COL)* -- table column group -->
<!ELEMENT COL - O EMPTY -- table column -->
<!ELEMENT TR - O (TH|TD)+ -- table row -->
<!ELEMENT (TH|TD) - O (%flow;)* -- table header cell, table data cell-->

<!ATTLIST TABLE -- table element --
%attrs; -- %coreattrs, %i18n, %events --
summary %Text; #IMPLIED -- purpose/structure for speech output--
width %Length; #IMPLIED -- table width --
border %Pixels; #IMPLIED -- controls frame width around table --
frame %TFrame; #IMPLIED -- which parts of frame to render --
rules %TRules; #IMPLIED -- rulings between rows and cols --
cellspacing %Length; #IMPLIED -- spacing between cells --
cellpadding %Length; #IMPLIED -- spacing within cells --
%reserved; -- reserved for possible future use --
datapagesize CDATA #IMPLIED -- reserved for possible future use --
>

<!ATTLIST CAPTION
%attrs; -- %coreattrs, %i18n, %events --
>


<!ATTLIST COLGROUP
%attrs; -- %coreattrs, %i18n, %events --
span NUMBER 1 -- default number of columns in group --
width %MultiLength; #IMPLIED -- default width for enclosed COLs --
%cellhalign; -- horizontal alignment in cells --
%cellvalign; -- vertical alignment in cells --
>


<!ATTLIST COL -- column groups and properties --
%attrs; -- %coreattrs, %i18n, %events --
span NUMBER 1 -- COL attributes affect N columns --
width %MultiLength; #IMPLIED -- column width specification --
%cellhalign; -- horizontal alignment in cells --
%cellvalign; -- vertical alignment in cells --
>


<!ATTLIST (THEAD|TBODY|TFOOT) -- table section --
%attrs; -- %coreattrs, %i18n, %events --
%cellhalign; -- horizontal alignment in cells --
%cellvalign; -- vertical alignment in cells --
>

<!ATTLIST TR -- table row --
%attrs; -- %coreattrs, %i18n, %events --
%cellhalign; -- horizontal alignment in cells --
%cellvalign; -- vertical alignment in cells --
>


<!ENTITY % Scope "(row|col|rowgroup|colgroup)">


<!ATTLIST (TH|TD) -- header or data cell --
%attrs; -- %coreattrs, %i18n, %events --
abbr %Text; #IMPLIED -- abbreviation for header cell --
axis CDATA #IMPLIED -- comma-separated list of related headers--
headers IDREFS #IMPLIED -- list of id's for header cells --
scope %Scope; #IMPLIED -- scope covered by header cells --
rowspan NUMBER 1 -- number of rows spanned by cell --
colspan NUMBER 1 -- number of cols spanned by cell --
%cellhalign; -- horizontal alignment in cells --
%cellvalign; -- vertical alignment in cells --
>



<!ENTITY % head.content "TITLE & BASE?">

<!ELEMENT HEAD O O (%head.content;) +(%head.misc;) -- document head -->
<!ATTLIST HEAD
%i18n; -- lang, dir --
profile %URI; #IMPLIED -- named dictionary of meta info --
>


<!ELEMENT TITLE - - (#PCDATA) -(%head.misc;) -- document title -->
<!ATTLIST TITLE %i18n>

<!ELEMENT BASE - O EMPTY -- document base URI -->
<!ATTLIST BASE
href %URI; #REQUIRED -- URI that acts as base URI --
>

<!ELEMENT META - O EMPTY -- generic metainformation -->
<!ATTLIST META
%i18n; -- lang, dir, for use with content --
http-equiv NAME #IMPLIED -- HTTP response header name --
name NAME #IMPLIED -- metainformation name --
content CDATA #REQUIRED -- associated information --
scheme CDATA #IMPLIED -- select form of content --
>

<!ELEMENT STYLE - - %StyleSheet -- style info -->
<!ATTLIST STYLE
%i18n; -- lang, dir, for use with title --
type %ContentType; #REQUIRED -- content type of style language --
media %MediaDesc; #IMPLIED -- designed for use with these media --
title %Text; #IMPLIED -- advisory title --
>

<!ELEMENT SCRIPT - - %Script; -- script statements -->
<!ATTLIST SCRIPT
charset %Charset; #IMPLIED -- char encoding of linked resource --
type %ContentType; #REQUIRED -- content type of script language --
src %URI; #IMPLIED -- URI for an external script --
defer (defer) #IMPLIED -- UA may defer execution of script --
event CDATA #IMPLIED -- reserved for possible future use --
for %URI; #IMPLIED -- reserved for possible future use --
>

<!ELEMENT NOSCRIPT - - (%block;)+
-- alternate content container for non script-based rendering -->
<!ATTLIST NOSCRIPT
%attrs; -- %coreattrs, %i18n, %events --
>


<!ENTITY % html.content "HEAD, BODY">

<!ELEMENT HTML O O (%html.content;) -- document root element -->
<!ATTLIST HTML
%i18n; -- lang, dir --
>

martin · Message par **martin** » 01 févr. 2005, 02:30

Je parlais de ces pages, bien plus "humaines":
http://www.la-grange.net/w3c/html4.01/i ... ments.html
http://www.la-grange.net/w3c/html4.01/i ... butes.html

Aprés vérification, le javascript inséré à ton insu ne fait pas basculer IE en mode quirks, ni firefox.

jojaba · Message par **jojaba** » 01 févr. 2005, 10:40

martin a écrit :Je parlais de ces pages, bien plus "humaines":
http://www.la-grange.net/w3c/html4.01/i ... ments.html
http://www.la-grange.net/w3c/html4.01/i ... butes.html

Ah du français ! Merci !!!

martin a écrit :Aprés vérification, le javascript inséré à ton insu ne fait pas basculer IE en mode quirks, ni firefox.

Génial !

J'ai passé mes 4 pages au validateur w3c, ormis le problème du javascript hors de la balise head (je ne suis pas responsable) et un problème avec un attribut align dans le positionnement d'une image, tout est bon !

Merci Martin pour ton aide précieuse !

Si j'ai bien compris, je vais pouvoir facilement transformer mon html en xhtml ! Je me documente sur ce fameux xhtml et je m'y mets.

martin · Message par **martin** » 01 févr. 2005, 11:44

je vais pouvoir facilement transformer mon html en xhtml

alors regarde du côté de tidy, qui facilitera la conversion.
D'ailleurs PSPad te permet de passer ton document "à travers" tidy.
menu HTML > TiDy > Convert > Tidy convert to HTML.
Tu obtiens du xhtml transitional. Si tu veux du strict, il te faudra éditer le fichier de paramètre (via modifier ...), et te créer une nouvelle entrée, en suivant ladoc de tidy.
une vue globale de tidy (en)

martin · Message par **martin** » 01 févr. 2005, 13:04

Peut être encore plus simple, avec cette extension :
HTML Validator

Cette géniale extension en plein développement te permet de passer la moulinette tidy, et tu peux choisir une sortie xhtml strict. A tester.

jojaba · Message par **jojaba** » 01 févr. 2005, 21:15

Super ce HTML validator.
Je n'ai pu m'empêcher de le traduire (du moins juste le dtd du dossier locale, pas les fichiers html en sus

).
Si ça vous intéresse : http://pagesperso.laposte.net/jojaba/do ... 052-Fr.xpi ( si quelqu'un est intéressé par la traduction des 161 fichiers html qui restent, je suis preneur !

)

Martin.
J'ai fait la manip suivante dans pspad avec le fichier nvuFr.hml du site :
Menu HTML > tidy > tidy convert to xhtml.

Avant la conversion, j'avais ça comme entête :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr-fr">
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta content="Jojaba" name="author">
<meta content="Nvu en français" name="description">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="SHORTCUT ICON" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="nvuFr.css">
<title>Traduction de Nvu</title>
</head>

Après conversion du fichier NvuFr :

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr-fr">
<head>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta content="Jojaba" name="author" />
<meta content="Nvu en français" name="description" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
/*<![CDATA[*/
span.c3 {font-weight: bold; color: rgb(153, 0, 0);}
span.c2 {font-weight: bold;}
td.c1 {width: 200px;}
/*]]>*/
</style>
</head>

Message rassurant en bas de la fenêtre : 0 error/0warnings.
Je n'y connais rien au xhtml et j'ai fait ça juste pour voir ! Mais je remarque que certaines lignes ont été supprimées et d'autres ont été rajoutées.
Le fichier index.html et sunbirdFr.html ont des entêtes comparables. Par contre, le fichier traductions.html, lui a une entête comme ça :

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr-fr">
<head>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta content="Jojaba" name="author" />
<meta content="Comment traduire des extensions Mozilla" name="description" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF8" />
<link rel="SHORTCUT ICON" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="traductions.css" />
<title>
Traduction d'extensions Mozilla
</title>
<style type="text/css">
/*<![CDATA[*/
div.c14 {height: 71px;}
img.c13 {width: 248px; height: 71px;}
div.c12 {height: 480px; vertical-align: baseline;}
img.c11 {width: 475px; height: 480px;}
img.c10 {width: 23px; height: 25px;}
div.c9 {margin-left: 80px;}
img.c8 {width: 416px; height: 342px;}
div.c7 {text-align:center;}
img.c6 {width: 368px; height: 137px;}
img.c5 {width: 325px; height: 129px;}
img.c4 {width: 366px; height: 194px;}
img.c3 {width: 194px; height: 397px;}
span.c2 {font-weight: bold;}
td.c1 {width: 200px;}
/*]]>*/
</style>
</head>

D'ailleurs le résultat est là pour ce dernier : pas de différence par rapport à la version doctype html 4.01 strict. Les trois autres, comme des lignes manquent, n'ont pas le formatage d'avant.

Une explication ?

martin · Message par **martin** » 01 févr. 2005, 23:09

D'abord, moi pas faire de xhtml, donc moi pas connaitre subtilités de ce dernier.

Mais a priori çà semble bon, la première ligne est l'entête xml, (xhtml est du xml), puis le doctype. Seul le dernier fichier diffère en étant déclaré en utf-8, je ne sais pas pourquoi.

Il semble que tidy est converti les styles en ligne (genre <p style="text-align: center">) en une déclaration css dans le head (ces déclarations diffèrent légèrement de celle du html comme tu peut le voir), et c'est pas plus mal. Il me semble pourtant que l'attribut style est autorisé en xhtml.
Sinon, tu vois peu de différence avec html strict, c'est normal, xhtml est une réécriture de html en xml.

Super ce HTML validator.
Je n'ai pu m'empêcher de le traduire

Attention l'auteur est francophone, et son extension est localisée comme tu as pu le constater (avec uniquement l'anglais). Il se peut fortement qu'il envisage la version française par la suite.
Les fichiers html sont ce coup ci vraiment délicats à traduire, ils parlent de points précis des recommandations officielles, donc si traduction il y a, c'est forcément via les traductions disponibles sur W3C pour être respectueux.

jojaba · Message par **jojaba** » 02 févr. 2005, 08:27

martin a écrit : Seul le dernier fichier diffère en étant déclaré en utf-8, je ne sais pas pourquoi.

Moi je sais, erreur de manipulation de l'utilisateur ! Je travaillait au format utf dans pspad lors de la conversion ! (traduction oblige)

martin a écrit :Il semble que tidy est converti les styles en ligne (genre <p style="text-align: center">) en une déclaration css dans le head (ces déclarations diffèrent légèrement de celle du html comme tu peut le voir), et c'est pas plus mal. Il me semble pourtant que l'attribut style est autorisé en xhtml.

Pourquoi me suis-je alors évertué à créer des fichiers css ? Il n'y a qu'un fichier qui a conservé la ligne pointant sur le fichier css : traductions.html.

Code : Tout sélectionner

<link rel="stylesheet" type="text/css" href="traductions.css">

Dans les 3 autres html, cette ligne a disparu

. Ce doit être un bug de pspad non ?
Je vais essayer de régler ce problème manuellement et te tiens au courant.

Deux petites questions en passant :
> Quelle est la différence entre "<link rel="stylesheet" type="text/css" href="truc.css">" et "@IMPORT URL(url de la feuille à importer);"
> Je ne me suis pas encore documenté, mais je pense que tu peux me répondre rapidement, quel est l'avantage des xhtml par rapport aux html ?

Merci encore pour ton aide, que dis-je, ton tutorat plutôt ! Tu m'envoies la facture ?

Lomalarch · Message par **Lomalarch** » 02 févr. 2005, 10:37

Salut la foule

jojaba a écrit : Deux petites questions en passant :
> Quelle est la différence entre "<link rel="stylesheet" type="text/css" href="truc.css">" et "@IMPORT URL(url de la feuille à importer);"
> Je ne me suis pas encore documenté, mais je pense que tu peux me répondre rapidement, quel est l'avantage des xhtml par rapport aux html ?

J'ai ma petite idée là-dessus - même si ce n'est pas à moi que s'adresse la question...

. La différence, c'est qu'a priori dans le deuxième cas il importe le contenu d'un fichier (on s'en serait douté

), c'est-à-dire que son contenu, plutôt que de rester chargé en cache pour d'autres pages reposant sur la même css, va s'associer uniquement à une page.
Pour la deuxième (et plus délicate) question, on peut trouver comme réponse : c'est l'avenir !

L'idée de base, c'est de séparer le contenu de la page de sa mise en forme (en css, donc)... ça peut permettre de changer, par exemple, l'ensemble du design d'un site en éditant simplement

la css... Comme le font les grands fous de csszengarden. Et tu te concentres, dans la page xhtml, sur un contenu hiérarchisé et clair et accessible (nettement plus que les mises en page en tableau pour un navigateur texte ou un lecteur vocal de pages web, par exemple)...
Les grands maniaques intégristes

(qui m'ont beaucoup aidé pour mes premiers pas dans le domaine) de Openweb t'en diront sans doute plus que moi.
'muse-toi bien.

jojaba · Message par **jojaba** » 02 févr. 2005, 13:24

Suite de ce sujet ici : http://www.geckozone.org/forum/viewtopi ... 520#117520

Je crois que nous sommes un peu hors sujet là (rappel du sujet d'origine : différence de traitement des css entre IE et FF)

.

Je souhaite remercier tous ceux qui ont contribué à me faire progresser en si peu de temps dans ce domaine de la création de page Web.
Vous êtes vraiment ........ (je ne trouve pas le mot adéquat désolé !) !!!!!

Geckozone

css IE<>FF !

Qui est en ligne ?