28173 sujets

CSS et mise en forme, CSS3

[Résolu] Création d'un damier

Bonjour,

Je dois faire un site qui se présente sous la forme d'un damier de 9 cases.
Je l'ai fait sans soucis en utilisant des boites flottantes mais je souhaiterais faire en sorte que la position de la boite ne dépende pas de sa position dans le code HTML.

J'ai bien sur la solution d'utiliser des positions absolues mais histoire de compliquer le truc, mon damier doit être centré sur la page.

Selon certaines pages ce ne sera pas forcement un damier de 3x3.

Les différents gabarits seront les suivants :

http://www.kaimite.fr/alsa_cre/1.gif http://www.kaimite.fr/alsa_cre/2.gif
http://www.kaimite.fr/alsa_cre/3.gif http://www.kaimite.fr/alsa_cre/4.gif

En gros je cherche une position absolute qui se réfère a un parent et pas à la fenêtre Smiley cligne

Merci de votre aide.

Cordialement,
Kaimite
Modifié par Kaimite (22 Nov 2007 - 13:46)
Administrateur
Kaimite a écrit :

En gros je cherche une position absolute qui se réfère a un parent et pas à la fenêtre Smiley cligne

Hello Smiley smile

En fait c'est déjà le cas. Un élément positionné en absolu ne se réfère pas forcément au document entier, c'est mal connaître ce positionnement que de dire ça Smiley cligne

Je te propose une petite révision du positionnement en CSS ?

Bonne lecture.

PS : en passant, si tu veux vraiment obtenir exactement ton "damier", il sera bien plus facile (et moins alambiqué) d'employer des cellules de tableau. Non non, les tableaux ne sont pas sataniques, même sur Alsa Smiley smile
Bonjour et merci de ta réponse.

Je reconnais tout a fait mon manque de connaissance dans les positionnement CSS.

Je n'ai encore jamais utilisé les position relative ou absolute...

Lors de mes tests mes boites étaient positionnées par rapport à la fenêtre du navigateur...

Je vais aller réviser mes cours et encore merci pour ta réponse ultra rapide Smiley smile

Cordialement,
Kaimite
Re bonjour,

En fait je viens de comprendre mon erreur.

Je n'avais pas remarqué une petite subtilité.

Le conteneur doit être en position "relative" pour que ses enfants en postion "absolute" se placent comme il faut Smiley smile

Désolé pour le message inutile Smiley decu

Mais je vais en profiter pour une autre petite demande un peu HS mais bon...

Je me pose la question depuis un p'tit moment sans vraiment trouver de réponses.

Dans le code de ta page il y a : 

<link rel="help" href="help.php" title="Règles" />


A quoi cela sert-il ?

Est-ce pour les moteurs de recherche, pour l'utilisateur ? J'avoue que je ne vois pas trop...

Merci pour ton aide.

Cordialement,
Kaimite
Bonjour,

Oui mais non.
Dans la FAQ il est question de 
><link type="text/css" rel="stylesheet" href="skins/1noel-boulou/styles.css" />


Là je sais ce que c'est : importer une feuille de style.
en revanche les autres balises link du genre :

<link rel="help" href="help.php" title="Règles" />

Quel est l'intérêt ?

Je n'ai rien de plus dans le menu "Aide" de mon navigateur ni apparemment sur la page affiché.

En gros quelle est la différence entre ça et un lien <a href></a> ?

Cordialement,
Kaimite
Kaimite a écrit :
Merci pour la réponse et désolé d'avoir posé la question Smiley smile

Il ne faut pas être désolé de poser une question. Smiley smile

Tu considères que ce sujet est [Résolu] ? Smiley cligne
Julien Royer a écrit :
Il ne faut pas être désolé de poser une question. Smiley smile

Tout à fait. Smiley smile

On pourra tout de même prendre l'habitude, dès maintenant ou un peu plus tard dans l'apprentissage de HTML/CSS, de consulter les spécifications:
- pour HTML/XHTML, on consultera la spécification HTML 4.01 (traduction française) (conseil: utiliser la table des matières, l'index des éléments et l'index des attributs);
- pour CSS, on consultera la spécification CSS 2.1 (en anglais) (conseil: utiliser la table des matières et l'index des propriétés).

Tout ça n'empêche bien sûr pas de poser des questions. Smiley cligne
Sujet clos
Aller à