Les solutions: CSS + tableaux ?

**le Mer Juil 27, 2005 9:14**

Bonjour,

Comme tous les sites, j'ai un menu.. un texte qui apparaît en haut de toutes les pages et seulement après le contenu.

Je veux que le contenu arrive AVANT dans le code.
Pour un menu horizontal... ==> CSS, ça c bon.
Mais pour un menu horizontal :

| G | centre | D |
| G | centre | D |
| G | centre | D |
-------------------------------

Comment faire apparaître dans le code la parie G apres la partie "centre" ?
Actuellement, mon tableau s'ajuste en % à la taille de l'écran.

Merci de vos réponses.

**le Mer Juil 27, 2005 9:55**

snowalpes a écrit:Mais pour un menu horizontal :

| G | centre | D |
| G | centre | D |
| G | centre | D |
-------------------------------

j'imagine que tu voulais écrire vertical...

Dans ce cas il faut utiliser un layout en CSS avec la partie content en first. Tu le positionnes dans ton conteneur par rapport aux marges droite et gauche (margin-right: auto; margin-left:auto;) puis les deux menus G et D en float left et right. Ca devrait marcher.

**le Mer Juil 27, 2005 10:00**

sinon, tu liras avec bénéfice l'article suivant:
http://pompage.net/pompe/margesnegatives/
qui explique la mise en place d'une mise en page avec content first. La méthode utilisée est élégante.

slender

**le Mer Juil 27, 2005 10:58**

Merci pour cette sources très interessantes.
Mais leur exemple 5 http://pompage.net/IMG/html/margesnegat ... mple5.html

Affiche le contenu principale après, la parti de gauche. !!
Et je n'arrive pas à faire l'inverse.

**le Mer Juil 27, 2005 13:19**

Ce que tu demandes ressemble fortement au design de mozilla europe, tu peux regarder leur CSS :

http://www.mozilla-europe.org/fr/

**le Mer Juil 27, 2005 13:59**

La position absolue (position:absolute) est particulièrement utile pour placer (dans le code) des menus après le contenu.

Voici un article trouvé sur Open Web: http://openweb.eu.org/articles/initiation_absolue/

**le Mer Juil 27, 2005 15:46**

slender a écrit: puis les deux menus G et D en float left et right. Ca devrait marcher.

ouais, je me suis planté taleure, la seule solution c'est une position absolue pour side1 et side2. La seule remarque à faire c'est que ca a une sale gueule en cache google - les side 1 et 2 sont généralement rejetés vers le haut. M'enfin c'est toujours que le cache.

@snowalpes: regardes tes MP

**le Mer Juil 27, 2005 16:25**

La question que je me pose est: les gens utilisent souvent les caches google?

Edit: le plus important est que l'on peut éviter le problème en travaillant son code...

**le Mer Juil 27, 2005 17:59**

tonino a écrit:La question que je me pose est: les gens utilisent souvent les caches google?

Je ne sais pas, à mon avis non. Je pense qu'il n'y a que les wbm qui vont parfois voir le cache des concurrents...

Au début je me faisais du souci mais maintenant depuis 6 mois, j'y pense même plus.

tonino a écrit:Edit: le plus important est que l'on peut éviter le problème en travaillant son code...

Je n'ai pas bcp essayé mais ça me paraît difficile car le décalage est dû à la présence de la présentation de mise en cache de google. Je pense que la seule solution est de cloaker le CSS. C'est à dire de faire un CSS en mettant des margin-top différents pour les sides L et R - de manière à les remettre à niveau correct. Mais est-ce que ça vaut le coup :?:

**le Mer Juil 27, 2005 19:45**

slender a écrit:Mais est-ce que ça vaut le coup

C'est la question que je me pose. Franchement je pense que non, mais je le ferai pour la beauté du sport

**le Mer Juil 27, 2005 19:47**

Bonjour,
je découvre grâce à ce message les solutions: CSS + tableaux, c'est très intéressant et je sens que je vais m'y mettre, un peu de pompage.net ne me fera pas de mal.
Désolée de ne pouvoir répondre de ce fait car je ne connaissais pas cette technique de mise en page, je ne regrette pas d'être passée par là cependant.

**le Mer Juil 27, 2005 20:02**

tonino a écrit:La question que je me pose est: les gens utilisent souvent les caches google?

Edit: le plus important est que l'on peut éviter le problème en travaillant son code...

Moi, je désactive la mise en cache par Google ; comme ça pas de problème

**le Mer Juil 27, 2005 21:01**

tonino a écrit:mais je le ferai pour la beauté du sport

Tu m'avertis si ca marche...

**le Mer Juil 27, 2005 22:17**

slender a écrit:Tu m'avertis si ca marche...

Promis, je te ferai signe

medium69 a écrit:Moi, je désactive la mise en cache par Google ; comme ça pas de problème

Comment tu fais stp?

**le Mer Juil 27, 2005 23:41**

tu ajoutes cette meta

Code: Tout sélectionner: <meta name="robots" content="noarchive">

Les solutions: CSS + tableaux ?

Les solutions: CSS + tableaux ?

Re: Les solutions: CSS + tableaux ?

Re: Les solutions: CSS + tableaux ?

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne