Problème de positionnement CSS

Problème de positionnement CSS - HTML/CSS - Programmation

Marsh Posté le 29-07-2005 à 20:29:00    

Bonjour  :hello:  
J'aimerai savoir comment résoudre le problème de mon titre en <h6> : qu'il soit tout en bas en bas de la <div id:"ss-menu"> (en assurant une compatibilité avec les navigateurs les plus fréquents).
PS : j'ai bien essayé le remplissage pour le titre <h6>, mais comme il y a une image en fond derrière, cela ne marche pas.(sinon l'image s'étale sur toute la <div id:"ss-menu"> )
Merci d'avance pour votre aide (en espérant que vous ayez compris le problème  :D )
Voici la page en question : http://perso.wanadoo.fr/alpina-tou [...] ilbis1.htm


Message édité par MisteR WarE le 29-07-2005 à 20:30:13

---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 29-07-2005 à 20:29:00   

Reply

Marsh Posté le 29-07-2005 à 21:16:33    

Si ce n'est pas compréhensible, je peux illustrer :D


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 29-07-2005 à 21:32:07    

ouais illustre parce que j'ai passé 10 minutes a essayer de comprendre et j'ai po pigé

Reply

Marsh Posté le 30-07-2005 à 18:09:32    

Je réexplique :
sur cette page, le titre "accueil" (en <h6> )et l'image sous le menu (qui assure la continuité et la fin de la bannière) se place bien sous IE.
Mais sous Opéra, le sous menu se décolle du menu à cause du titre "accueil" en <H6> (avec la marge). (voir cette page sous Opéra)
Y a t'il un moyen de corriger ça??
Merci d'avance pour la réponse  :hello:


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 31-07-2005 à 16:33:54    

Sous FF ca foire aussi. (ca serait cool pour les exemple comme ca d'intégerer le ccs dans la page au lieu de le mettre a part car c'est assez soulant à regarder sans webdev toolbar).
Je suis en train de regarder, mais d'instinct je dirais que c'est du au fait que FF et IE ne voient pas pareil les marges. Donc ton margin 140px pour h6 quand je le retire ca l'air de marcher sous FF.
C'est à creuser.

Reply

Marsh Posté le 31-07-2005 à 16:40:23    

J'ai pas pu bien vérifier mais j'aurais envie d'essayer  
 
h6 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 24px;
 font-style: oblique;
 font-weight: bolder;
 font-variant: normal;
 text-transform: capitalize;
 color: #64626F;
 margin: 0px auto auto;
 height: 22px;
 background-image: url(Fond-titre.jpg);
 background-repeat: repeat;
 line-height: 21px;
 width: 300px;
 text-align: center;
 background-color: #E2E1F2;
 clear:both ;
}


Message édité par Ricco le 31-07-2005 à 16:41:04

---------------
"L'informatique n'est pas plus la science des ordinateurs que l'astronomie n'est celle des télescopes." Michael R. Fellows & Ian Parberry
Reply

Marsh Posté le 31-07-2005 à 22:34:03    

J'ai reussi :
Il fallait que je mette une position relative et que je précise la position.
voir le résutat de cette page sur tout les navigateurs : http://perso.wanadoo.fr/alpina-tou [...] ilbis1.htm
Merci cependant pour vos réponses et votre patience  :jap:


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 01-08-2005 à 02:44:54    

Tu met XHTML valide or ça l'est pas :p http://validator.w3.org/check?uri= [...] ilbis1.htm

Reply

Marsh Posté le 01-08-2005 à 18:03:50    


Je le sais  :o  
Le site n'est pas complet et j'ai déjà mis les logos.
Mais rassure toi : tout sera dans les normes W3C et sera accessible (poids d'images résonnables :D )
C'est long à faire un site : j'écoute les forumeurs et je progresse, alors ça prend du temps  ;)  


---------------
http://www.reivaxbook.fr
Reply

Marsh Posté le 01-08-2005 à 18:21:21    

C'est bien ;)

Reply

Marsh Posté le 01-08-2005 à 18:21:21   

Reply

Marsh Posté le 02-08-2005 à 01:23:05    

Pour les titres, on utilise h1 puis h2 puis h3 puis ...
Si tu n'as pas de h3 ni h4, pourquoi utiliser h5 et h6? :??: Ca manque un peu de logique à mon avis.
 
h3 et pas h5, j'y vois un avantage et aucun inconvénient.
Avantage: si l'utilisateur désactive les CSS par exemple, le titre aura la taille et le style par défaut des h3, quelque chose de lisible et qu'on repère. Mais en h5 :/
Pas d'inconvénient: avec les CSS activés, que tu relookes des titres h3 ou h5, le résultat est le même visuellement (mais pas sémantiquement).


Message édité par phosphorus68 le 02-08-2005 à 01:23:29
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed