28173 sujets

CSS et mise en forme, CSS3

Menu en list - décalage de 2 pixels sous IE

Bonjour,

Je fais un menu en list et je rencontre une difficulté sur IE sachant que je ne peux pas déclarer une doctype (à cause d'une apli java déjà installée malheureusement). Je voudrais donc savoir s'il est possible de remédier à ce décalage de 2 pixels qui se trouve sous le menu.

Merci !

upload/12817-cdsc.gif

Code html :

<html>
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<link rel="stylesheet" href="css/style.css" type="text/css" />
	</head>

	<body>

		<div id="topFrame">
					<ul>
						<li class="logout">
							<a href="#">
								<img src="img/onglet_close.gif" alt="" />
							</a>
						</li>
						<li class="topFrameMenu">
							<a href="#">
								<img src="img/icone_partage.gif" alt="" />
								<p>Mes Partages</p>
							</a>
						</li>
						<li class="topFrameMenu">
							<a href="#">
								<img src="img/icone_contacts.gif" alt="" />
								<p>Mes Contacts</p>
							</a>
						</li>
						<li class="topFrameMenu">
							<a href="#">
								<img src="img/icone_disque.gif" alt="" />
								<p>Mon Disque</p>
							</a>
						</li>
						<li class="topFrameMenu">
							<a href="#">
								<img src="img/icone_home.gif" alt="" />
								<p>Mon Compte</p>
							</a>
						</li>
					</ul>
				</div>

	</body>
</html>



Page Css :

body {
	margin: 0px;
}

div#topFrame{
	background: url(../img/logoStoreAndShare.gif) no-repeat #8DC8E6 ;
	border-bottom:1px solid #A8A7A5;
}

div#topFrame ul{
    border-bottom:1px solid #fff;
	margin:0px;
	padding:0px;
	height: 58px;
}
div#topFrame .logout img{
	float:right;
	border:0px;
}
div#topFrame .logout {
	margin:30px 3px 0px 0px ;
	float:right;
    height:28px;
    width: 31px;
    text-align: center;
    list-style-type: none;
	position:relative;
}
div#topFrame .topFrameMenu {
	margin:30px 3px 0px 3px ;
	float:right;
    height:30px;
    width: 140px;
    text-align: center;
    list-style-type: none;
	position:relative;
	background: url(../img/onglet_off.gif) no-repeat;
}
div#topFrame a {
    margin:0px;
    font: bold 12px Arial, Helvetica, sans-serif;
	color:#999;
    display: block;
    width: 100%;
    height: 28px;
    text-decoration: none;
}
div#topFrame a:hover {
    font: bold 12px Arial, Helvetica, sans-serif;
	color:#E78E3C;
    height: 30px;
	background: url(../img/onglet_on.gif) no-repeat;
}
div#topFrame .topFrameMenu p{
	margin:0px;
    padding:8px 0px 0px 10px ;
}
div#topFrame .topFrameMenu img{
	margin:5px 0px 0px -60px ;
	padding:0px 0px 0px 0px ;
	position:absolute;
	border:0px;
}

Modifié par Bringdal (19 Jun 2007 - 11:22)
Sujet clos
Aller à