18073 sujets

Questions générales et questions de débutants

[Résolu] Rollover sur texte

Bonjour,
Super votre site !
Pour ma première question , j'ai presque un peu honte (mais cela passe tellement vite).
Voilà mon petit problème :
J'ai voulu utiliser le modèle signalé pa alsacreations (listamatic) Simple horizontal list (lien édité par Igor) et j'ai réussi à faire quelques modifications,
Cependant, j'aurai voulu que l'item one (page d'accueil, page où arrive l'internaute) soit d'une autre couleur que "navy" (rouge par exemple) pour qu'il sache qu'il se trouve sur cette page. La barre de navigation doit se trouver en bas de page et centrée avant le footer principal. J'ai modifié le code mais je ne suis pas sûre que c'est juste et s'il y a du code inutile.
ci-dessous mon code CSS
body {
	margin: 0;
	padding: 0;
	background-image:url(bkg.png);
	background-repeat:repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: Navy;}
#conteneur {
	position: absolute;
	width: 760px;
	left: 50%;
	margin-left: -380px;
 	border: 2px solid #00008B;
 	background: #FFFFFF;}
#navcontainer ul{
	margin: 0;
	padding-top: 5px;
	list-style-type: none;
	text-align: center;
	font-size: 10px;
	height: 10px;}
#navcontainer ul li { display: inline; }
#navcontainer ul li a {
	text-decoration: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	color: Navy;
	height: 10px;}
#navcontainer ul li a:hover{
	color: Red;
        text-decoration: none}
#navcontainer ul li a:visited{
	color: Red;
	text-decoration: none}

et le code HTML


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<div id="navcontainer">
.........
.........
<ul id="navlist">
<li id="active"><a href="#" id="current">Item One</a></li>
<li><a href="2.html">Item two</a></li>
<li><a href="3.html">Item three</a></li>
<li><a href="4.html">Item four</a></li>
<li><a href="5.html">Item five</a></li>
</ul>
</div>
<div id="footer"><img src="chat.jpg" alt="footer" /></div>
  </div>

Merci de vos lumières
Modifié par Derniere de Class (29 Mar 2006 - 22:47)
Sujet clos
Aller à