Bonjour à tous,

Voilà des jours que je galère: j'avais fait ma page d'accueil en utilisant un tableau pour mettre en forme mon texte.

Depuis, j'ai lu sur différents sites consacrés à la création de sites que l'usage des tableaux n'était pas du tout recommandée pour autre chose que pour son usage habituel - avec des nombres et des données courtes-. J'ai donc tout recommencé en utilisant des "float" et autres commandes.CSS. Tout allait à peu près bien tant que j'ai utilisé mon navigateur Firefox pour vérifier. Mais quand j'ai utilisé Internet Explorer, ça s'est complètement gâté: Toutes mes boîtes se promenaient en dépit du bon sens et pas du tout à la même place que sur Mozilla.

Alors voici mes questions (j'utilise des feuilles de style CSS)

- Est-ce une bonne idée de continuer à mettre du texte en forme à l'aide de tableaux ?

- Internet Explorer reconnaît-il la commande .CSS "float" ?

- Y a-t-il une autre solution pour créer des cadres de texte (qui fonctionne sur la plupart des navigateurs) ?

Merci d'avance de vos réponses et bonne journée.

bonjour

pour que ie soit correct il faut adapter ta feuille de style, c'est faisable. il faut pas te décourager. j'utilises des tableaux simples dans mes boîtes pour les textes également. Tu peux consulter le site css.alsacreations.com.

Bonjour,

Bien sur qu'il faut continuer, perseverer dans la construction de site sans tableau.

Mais c'est vrai que ce foutu IE ne rend pas la tache facile.

En général cela vient des padding et margin qui ne sont pas interprété de la bonne façon par IE; Tout est donc dans une notion de compromis et de cohérence.

Un p'tit tuto ici pour t'aider à perseverer.

Et la c'est pour te montrer une page d'accueil sans une seule ligne de tableau.

Et baisse pas les bras tu vas y arriver. Faut y croire. Nous sommes tous passer par la d'ailleurs tu nous reconnais facilement nous n'avons plus de .... cheveux !!!! Mais des sites sans tableau Yes !!!!

Faut choisir, la moumoute ou les tableaux

sans code c'est assez dur de te repondre mais la plupart du temps le probleme vient d'explorer qui ne gere pas la largeur de la meme façon (c'est surtout valable pour IE6) que les autres.

http://romy.tetue.net/spip.php?article391

la solution c'est de crréer une autre feuille de style qui sera compatible avec IE et ajoute un lient meta au tout debut de ta page avec in commentaire de style

<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href=".votre/feuille-style.css" />
<![endif]-->

Merci à tous de vos réponses rapides. Je me rends sur les liens indiqués et vous tiens au courant. J'avais déjà pas mal navigué sur "Alsacréations", le B A BA m'ayant été fourni par le "siteduzero".

Une autre question, si ce n'est pas abuser: en ce qui concerne la largeur des pages, quelle est la largeur à fixer pour que tout le monde (?) voie la largeur entière. Vaut-il mieux l'exprimer en pourcentages ou en px ?

J'y retourne.

perso je prefere mettre en largeur fixe car c'est plus facile a gerer ( notamment pour les sites tres graphiques) mais un bon webmaster choisira les pourcentages car ils permettent de voir le site en entier mais au prix de quelques efforts supplementaires

pour la largeur fixe,je me base sur la resolution la plus courante des ecrans c'est a dire 1024 mais comme j'aime aerer les sites, ils ne depassent pas generalement les 980/990 px de large ce qui laisse une petite marge sur les cotés

Salut

Je suis plutôt du même avis que Kalinka , un design avec une largeur fixe est beaucoup plus simple à gerer !!

Bonjour

J'ai plus ou moins réussi à faire ce que je voulais et ça s'affiche à peu près correctement aussi bien sous IE qur sous Firefox mais j'avoue que ça me paraît un peu aléatoire.

J'ai noté la remarque de fox54270. Y a-t-il un moyen d'indiquer au début de la page .html quelle feuille de style CSS il faut lier selon le navigateur utilisé: Dans le genre "si le navigateur est IE, tu prends le lien feuille1.css, si c'est Firedox, tu prends le lien feuille2.css ?

Merci d'avance de vos réponses

C'est justement ce que font les commentaires conditionnels, pour IE seulement cependant (à partir de là, ce n'est de toute façon pas nécessaire pour les autres navigateurs)...

http://www.blog-and-blues.org/articles/Les_syntaxes_de_commentaires_conditionnels_pour_IE_Windows

http://forum.alsacreations.com/faq/faq-53-Qu039est-ce-que-les-commentaires-conditionnels-.html

Merci beaucoup elle. Je me replonge.

A +

Ca marche, merci encore.

Encore une question, si je vous casse les pieds, vous le dîtes:

Ce fichier alternatif qu'on crée pour IE, doit-il contenir tout le code CSS ou bien seulement ce qui pose problème et qui, donc, est différent ? (parce que, ça double quand même tous les fichiers CSS, ça risque d'alourdir le site).

Tu peux nous mettre ta page d'accueil en lien ou ton code ?

Je suis sur qu'il n'y a pas beoins de deux feuilles de styles ...

Le site est en construction (j'essaie de faire ça pour une amie). Il s'agit donc de la page d'accueil.

Tant que je n'avais qu'une feuille de style, le menu gauche ne s'affichait pas entièrement. En plus, j'ai dû changer pas mal de choses pour obtenir enfin que ça s'affiche à peu près sous les 2 navigateurs (avant de mettre le lien pour le commentaire conditionnel pour IE.

http://jacquelinepetit.free.fr/

Merci de vous intéresser à mes problèmes.

Informaniaque a écrit :

Le site est en construction (j'essaie de faire ça pour une amie). Il s'agit donc de la page d'accueil.

Tant que je n'avais qu'une feuille de style, le menu gauche ne s'affichait pas entièrement. En plus, j'ai dû changer pas mal de choses pour obtenir enfin que ça s'affiche à peu près sous les 2 navigateurs (avant de mettre le lien pour le commentaire conditionnel pour IE.

http://jacquelinepetit.free.fr/

J'avais fait un site précédemment en utilisant Dreamweaver mais là, j'ai décidé de me lancer "à la main": dir, dur !

Merci de vous intéresser à mes problèmes.

Salut

Quelques petits trucs génants .

Tes tableaux ne vont pas bien en changeant de navigateurs .....

Pourquoi ne pas utiliser des class sur des ul et li ?

Je vais regarder ça de plus près !!

A +

Sous quels navigateurs ça ne fonctionne pas ? Quand j'essaie IE et Firefox chez moi, ça fonctionne ... (il n'y a que 2 pages créées : accueil et hébergement).

A +

Sur Opera !!!

Il y a un décalage de tous tes liens dans les cartouches .......

OK merci, je n'avais pas essayé Opera.

Et là, d'après ce que j'ai compris, on ne peut pas mettre une CSS alternative.

Re

Tu as un class:menuhaut qui n'est pas défini ....

Supprimes ton text-indent dans le body , c'est lui qui te fait ce défaut !!

Pour le menu vertical comme le texte est un peu en vrac dans les cartouches

Je mettrais plutôt ceci :

li {
width:140px;
height:16px;
background-color:#f1f081;
border:2px solid #2e7da7;
text-align:center;
padding:2px;
margin:2px;
}

C'est plus beau !!

Merci à toi Dreamer.

Je modifie tout ça.

Ce qui se passe c'est que j'ai modifié si souvent en raison des différents échecs qu'il est resté des choses bizarres.

Mais, tu as accès à la feuille CSS pour avoir connaissance du "text-indent" ou bien tu le déduis d'après ce que tu vois ?

Informaniaque a écrit :

Merci à toi Dreamer.

Je modifie tout ça.

Ce qui se passe c'est que j'ai modifié si souvent en raison des différents échecs qu'il est resté des choses bizarres.

Mais, tu as accès à la feuille CSS pour avoir connaissance du "text-indent" ou bien tu le déduis d'après ce que tu vois ?

Non , je suis sur FF et j'ai Web Developer qui me permet d'avoir les codes source : html , css , javascript , les images etc ..

C'est un module hyper utile pour qui veux connaitre les structure d'un site !!!

OK vu.

Merci encore.

Salut

Je suis en train de modifier ton index.css pour avoir un meilleur rendu !!

A +

Vraiment sympa de ta part.

J'abuse peut-être de ta bonne volonté mais ...j'ai essayé de faire une bordure autour de l'ensemble. Dans EI, ça fonctionne bien mais dans FF et Opera, les 2 derniers blocs sont "hors cadre"

Re

A ta place je ne mettrais pas de cadre , pas terrible !!

Bon, OK je vais suivre tes conseils.

Ca me paraissait mieux délimiter la zone en largeur du fait que cette zone est moins large que l'écran (Je ne sais pas d'ailleurs si j'ai bien fait de limiter à 760px, dans mon idée, c'était pour éventuellement les différents écrans et les différentes résolutions mais je n'y connais pas grand chose).

Ca me semble un peu flotter comme ça.

Re

Oui , ça l'est car te tableaux ne sont pas facilement extensibles !!

Tu pourrais le faire , mais il faudrait tout reprendre !!!

Bon, alors, je laisse tomber !

Dreamer a écrit :

Informaniaque a écrit :

Mais, tu as accès à la feuille CSS pour avoir connaissance du "text-indent" ou bien tu le déduis d'après ce que tu vois ?

Non , je suis sur FF et j'ai Web Developer qui me permet d'avoir les codes source : html , css , javascript , les images etc ..

C'est un module hyper utile pour qui veux connaitre les structure d'un site !!!

Sinon, clic droit ou menu Affichage, Afficher la source...

Il y a d'autres extensions aussi, comme JSView.

elle a écrit :

Sinon, clic droit ou menu Affichage, Afficher la source...

Il y a d'autres extensions aussi, comme JSView.

, comment vas-tu , on ne t'a pas beaucoup vu !!