Voilà en fait suite aux dernières discussions que j’ai parcourues sur
les forums je me suis rendu compte que le HTML avait bien évolué, moi
qui en suit resté aux tableaux pour faire de la mise en page (non, non,
non, ne rougis pas non, ne rougis pas non…). Du coup ça m’a bien
donné envie de m’y remettre, ou de moins de me remettre à niveau afin
de pouvoir me passer de tableau pour le peu de HTML que je fais.
Je
voudrais donc savoir si vous connaissiez un site, un bouquin (pas
cher), simple, en français si possible interessant et simple sur le
sujet. Pour avoir un peu regardé des sources de pages apparemment ils
utilisent des css mais j’en sais pas plus.
Ce qui m’amène à une
autre question. J’ai déjà utilisé des css (intégrées au code HTML) pour
simplifier le code HTML en regroupant les styles de titre, etc. Mais
lorsque j’ai voulu envoyer ma page en HTML par mail je me suis rendu compte que
les feuilles de styles étaient perdues (même si elles sont dans le code
le lecteur de mail (mozilla et outlook d’ailleurs si mes souvenirs sont
bons) ne les utilisent pas). Aurais-je oublié quelque chose ou les css
ne seraient-elles pas supportées par les lecteurs de mails?
Une
dernière chose, si j’ouvre IE (par exemple), sur la page d’accueil de cafzone.net, que je fais “envoyer la page”, je me retrouve avec des
caca à la place des accents dans le mail. J’avais déjà eu ce problème
(oui j’envoie souvent des lettres en HTML) et je l’avais résolé en
utilisant des eacute à la place de é. Est ce qu’il y a un autre moyen
ou l’utilisation de é dans cafzone est délibérée?
Merci d’avoir pris le temps de lire les questions d’un vieux codeur C++ neuneu en HTML.
Si t’as pas de problèmes avec l’anglais, vas faire un tour sur les W3 Schools, le petit truc plus c’est les exemples, qui permettent de tester immédiatement ce qu’on vient de lire.
Après un bref regard, c’est exactement ce que je cherche.
Merci beaucoup!!
EDIT: après essais.
Rhââââ
J’ai
passé une bonne partie de la soirée/nuit à apprendre les css et à
refaire une page web sans tableau jusqu’à ce que ça ressemble à ce que
j’avais avant. J’ai passé une bonne/courte nuit tout fier de moi
jusqu’à ce matin ou j’ai pu tester la page sous IE:[ul]
[li]IE[/li]n’a pas l’air de vouloir prendre en compte la propriété margin-top de
mes blocs, peut être parce que je l’ai exprimé en cm (par flemme)?
[li]La[/li]largeur de la page fait 100%, sous mozilla ça fait une page de la
taille de l’écran, ce qui fait que tout est centré. Sous IE la page
fait un peu plus que l’écran, on a donc un joli ascenseur et le
resultat est moins joli.
[li]Pour faire un entête du genre image/texte/image j’utilise trois blocs div à la suite du genre {[/li]float: left;
width: 10%;
} {
float: left;
width: 50%;
} {
float: left;
width: 40%;
}.
Quand
on rétrécit la fenêtre sous mozilla les trois éléments restent sur la
même ligne et finissent par se chevaucher. Sous IE ils finissent par se
mettre à la ligne.
[/ul]Je
pressens que j’utilise trop de balise float dans mon code css et je
vais refaire des essais. Si vous avez des conseils en compatibilité
mozilla/IE je suis preneur, sachant que je ne fais pas de choses
compliquées.
EDIT: J’ajoute mon mon code HTML et css sont passés au validator du W3C, même si ça ne veut rien dire. Ce message a été édité par coccobill le 17/10/2003 Ce message a été édité par coccobill le 17/10/2003 Ce message a été édité par coccobill le 17/10/2003 Ce message a été édité par coccobill le 17/10/2003
[quote]Après un bref regard, c’est exactement ce que je cherche.
Merci beaucoup!!
EDIT: après essais.
Rhââââ
J’ai
passé une bonne partie de la soirée/nuit à apprendre les css et à
refaire une page web sans tableau jusqu’à ce que ça ressemble à ce que
j’avais avant. J’ai passé une bonne/courte nuit tout fier de moi
jusqu’à ce matin ou j’ai pu tester la page sous IE:[ul]
[li]IE[/li]n’a pas l’air de vouloir prendre en compte la propriété margin-top de
mes blocs, peut être parce que je l’ai exprimé en cm (par flemme)? cf mon explication plus bas, c’est probablement à cause de ça
[li]La[/li]largeur de la page fait 100%, sous mozilla ça fait une page de la
taille de l’écran, ce qui fait que tout est centré. Sous IE la page
fait un peu plus que l’écran, on a donc un joli ascenseur et le
resultat est moins joli.
[li]Pour faire un entête du genre image/texte/image j’utilise trois blocs div à la suite du genre {[/li]float: left;
width: 10%;
} {
float: left;
width: 50%;
} {
float: left;
width: 40%;
}.
Quand
on rétrécit la fenêtre sous mozilla les trois éléments restent sur la
même ligne et finissent par se chevaucher. Sous IE ils finissent par se
mettre à la ligne.
[/ul] Probablement à cause du fameux bug d’ie (box size). Mets des doctypes valides (sous ie6) et ça devrait aller mieux. cf http://msdn.microsoft.com/library/default…nhancements.asp
Je
pressens que j’utilise trop de balise float dans mon code css et je
vais refaire des essais. Si vous avez des conseils en compatibilité
mozilla/IE je suis preneur, sachant que je ne fais pas de choses
compliquées.
EDIT: J’ajoute mon mon code HTML et css sont passés au validator du W3C, même si ça ne veut rien dire. Ce message a été édité par coccobill le 17/10/2003 Ce message a été édité par coccobill le 17/10/2003 Ce message a été édité par coccobill le 17/10/2003 Ce message a été édité par coccobill le 17/10/2003[/quote]