Comment positionner un texte au dessus d'une image (CSS)

Comment positionner un texte au dessus d'une image (CSS) - HTML/CSS - Programmation

Marsh Posté le 25-09-2007 à 22:38:11    

Bonjour,
 
Je n'arrive vraiment pas a positionner un texte au dessus d'une image a l'aide de CSS.
 
Je m'en sors pas avec ma page d'accueil sur
www.photographe-mariages.net
 
La page est a peu pres OK sour Firefox, une horreur sous Internet Explorer!
 
1.J'aimerais que le logo (un texte en realite) [classe logo] H1 et H2 apparaissent dans l'image, en haut a gauche dans l'image, pas au dessus. Pour l'instant ca s'affiche bien sous Firefox, pas sous IE6...
2.J'aimerais que le menu (accueil, photographe...) [classe menu] tienne completement sur une ligne et ne soit pas influencé par la taille de caractère (si l'utilisateur change la taille de caractère sur la page alors la taille des caractères du menu ne bouge pas)
3.Enfin j'aimerais que la taille des caractères dans tout le reste de la page soit dynamique.
 
Ma feuille CSS se trouve ici:
www.photographe-mariages.net/default.css
 
Merci d'avance pour tout support!
 
Blaise


Message édité par xberg le 25-09-2007 à 22:39:13
Reply

Marsh Posté le 25-09-2007 à 22:38:11   

Reply

Marsh Posté le 26-09-2007 à 09:52:17    

Pour le logo je tenterais ceci:

 

<div id="encadre">
<img src="..." />
<h1 class="logo">...</h1>
</div>

 

Puis en css je positionnerais mon h1 en haut à gauche:

 

position:relative;
top:0px;
left:0px;

 

Pour ce qui est de la taille des caractères, c'est défini par le navigateur, donc de ce côté là tu es foutu. En tout cas, j'ai toujours pu redimensionner la taille des caractères avec mozilla.


Message édité par durkheim le 26-09-2007 à 09:53:19
Reply

Marsh Posté le 26-09-2007 à 12:56:37    

Durkheim,
 
Tu es un chef - j'essaye ca ce soir!  
 
Pour les caracteres je crois que le probleme vient du fait que j'ai "hard-code" la taille des caracteres: par exemple "13px". Du coup ils ne bougent pas...
 
Merci du coup de main!
 
Blaise

Reply

Sujets relatifs:

Leave a Replay

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