28220 sujets

CSS et mise en forme, CSS3

Bonjour,

J'utilise joomla un CMS qui s'oriente vers un XHTML/CSS
,de version en version.
Il reste donc encore plein de table pour la mise en page.

Mon problème actuel de compréhension, se situe sur :
la position relative !?

J'ai incorporé mon logo avec cette option afin qu'il dépasse
un peu sur le bas d'une table.

Par contre, je viens de voir un gros defaut sur mon image
chez un ami, mieux équipé que moi en informatique
(notament un plus grand moniteur)

L'image reste à 50px du bord de la page, au lieu du bord du conteneur !
J'ai mis l'image dans un div qui lui est dans un tableau Smiley ohwell

Le defaut apparait donc au dessus de ma résolution max qui est de
1024*768

voici l'url du site Maison de quartier Villeray
l'image logo est : mqv.gif
le CSS : #logo {
position: absolute;
left: 50px; /* à modifier selon les besoins */
top: 27px; /* à modifier selon les besoins */
}
a écrit :
Si quelqu'un peut m'aider dans ma démarche de compréhension afin de comprendre comment placer un élément à une distance invariable d'un autre élément quelque soit la distance du bord de l'écran(qui elle est variable) ?
Merci


PS : j'ai essayé de m'inspirer du tut : Une ombre (ou un contour) sur du texte en CSS en créant un div relative et mon image en absolue
Modifié par iriseye (17 Jan 2006 - 20:22)
bonsoir,

Tu nous dis que tu incorpore ton logo en position relative, et dans ton css, il est en absolu

L'erreur se trouve la

( moi aussi j'ai un grand ecran Smiley lol )

donc ton css doit etre

#logo {
position: relative;
left: 50px; /* � modifier selon les besoins */
top: 27px; /* � modifier selon les besoins */
}


ps: lorsque tu veux mettre du code sur le forum, emploi les balise " code " Smiley cligne
Merci pour l'aide, mais cela ne fonctionne pas comme souhaité Smiley ohwell
cela me fait un bloc bleu foncé plus grand en hauteur.
Après plusieurs éssais infructueux, j'ai décidé de reprendre à zero en faisant du tabless.
Mais là, aussi je suis limitée.

voir :
Maison de quartier Villeray
(différent sous ie et firefox et différent de mon souhait)

Comment fait ton pour avoir 3 ou 4 div (même hauteur, différente largeur, mais surtout collé les uns aux autres sans espacement !?)

Merci
Je perds courage, cela doit être un truc tout simple, mais je tourne autour du pot pendant plusieurs heures Smiley ohwell
Modifié par iriseye (17 Jan 2006 - 20:23)