Bonjour,
Bon je précise tout de suite que je suis un grand débutant en CSS mais que depuis 2 semaines je me soigne. Principalement grâce à Openweb et Alsacréation, un grand merci donc !
Je rencontre un pb sur le menu d'un logiciel que je développe. En gros j'ai un logo, le nom de l'application et sa version sur une ligne et calé à gauche. Puis sur la même ligne, mais, calé à droite, un lien vers l'espace perso puis le login de l'utilisateur. (désolé mais mon client est assez sourcilleux sur la sécurité, je ne peux donc pas vous mettre de lien
) .
Voici le code :
et ma CSS
Pour info toutes les marges et padding sont à 0 par défaut. Et si je laisse l'image parce que mon image-background ne marche pas (malgré tous mes tests du lien
).
Sous FF pas de problème la partie droite est bien alignée verticalement. Par contre sous IE6, image et texte de la partie droite sont décalé en haut.
Si qlq a une idée je le remercie d'avance ! Et toute remarque est la bienvenue.
Bon je précise tout de suite que je suis un grand débutant en CSS mais que depuis 2 semaines je me soigne. Principalement grâce à Openweb et Alsacréation, un grand merci donc !
Je rencontre un pb sur le menu d'un logiciel que je développe. En gros j'ai un logo, le nom de l'application et sa version sur une ligne et calé à gauche. Puis sur la même ligne, mais, calé à droite, un lien vers l'espace perso puis le login de l'utilisateur. (désolé mais mon client est assez sourcilleux sur la sécurité, je ne peux donc pas vous mettre de lien
) .Voici le code :
<div id="titre_cadre" >
<div id="logocadre" > <img id="logo" src="./images/logo.gif" alt="logo"/>
</div>
<div id="titre1" >
XXXXX v.<?=VERSION;?>
</div>
<div id="titre2" >
<a href="Perso.php" > <img id="perso" src="./images/perso.png" alt="perso.png" /></a>
<span><?=$_SESSION['prenom']; ?> <?=$_SESSION['nom']; ?> | </span>
<a href="Logout.php"> Quitter</a>
<span> </span>
</div>
</div>
et ma CSS
/* div du logo XXXX (3 SIM) */
#logo {
float:left;
display:inline;
background-image:url(/images/logo.GIF);
}
/* image du logo XXXX (3 SIM) */
div img#logo {
display:inline;
width:3%;
height:2em;
}
/*Titre : 1ère partie (XXX et version) */
#titre1 {
display:inline;
float:left;
line-height:2em;
text-align:left;
}
/*Titre : 2e partie (login et quitter) */
#titre2 {
display:inline;
float:right;
line-height:2em;
vertical-align:middle;
text-align:right;
}
/*Titre : image espace perso*/
#titre2 a img{
border-style:none;
width:1em;
height:1em;
color:black;
text-decoration: none;
vertical-align:middle;
}
Pour info toutes les marges et padding sont à 0 par défaut. Et si je laisse l'image parce que mon image-background ne marche pas (malgré tous mes tests du lien
). Sous FF pas de problème la partie droite est bien alignée verticalement. Par contre sous IE6, image et texte de la partie droite sont décalé en haut.
Si qlq a une idée je le remercie d'avance ! Et toute remarque est la bienvenue.
