Probleme affichage lien active
bob 34
-
XxIncontournablexX Messages postés 59 Statut Membre -
XxIncontournablexX Messages postés 59 Statut Membre -
Bonjour,
J'utilise une feuille de style pour un site en XHTML et je n'arrive pas à faire apparaitre le bouton qui signale que la page est visitée.
Voici un extrait du code html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0//FR">
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Microfinance - La Perche financière</title>
<meta name="Micro finance" content="Activité de finance au TOGO" />
<meta name="Crédits développement" content="Togo, France" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="ie-6.css" />
<![endif]-->
<style type="text/css">
<!--
body {
background-image: url(images/fondecran.jpg);
background-color: #925D29;
background-repeat: no-repeat;
}
-->
</style></head>
<body bgcolor="#965F29" background="images/fondecran.jpg" link="#000000" vlink="#000000" alink="#965F29">
<div id="site">
<div id="header">
<div id="menu">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="Fequipe.html">L'équipe</a></li>
<li><a href="Gmoncompte.html">mon compte</a></li>
<li><a href="Hcontact.html">Contact</a></li>
</ul>
</div>
</div>
<div id="main">
<div id="side">
<h2>Présentation</h2>
<ul>
<li><a href="A1qui.html">Qui sommes nous?</a></li>
<li><a href="A2quoi.html">Que faisons nous?</a></li>
<li> <a href="A3demarche.html">notre démarche</a></li>
<li><a href="A4adhesion.html">Comment adhérer ?</a></li>
<li><a href="A5associe.html">devenir Associé</a></li>
<li><a href="A6client.html">devenir Client</a></li>
</ul>
et la le code CSS:
body {
margin : 0;
padding : 0;
text-align : center;
font-size : 0.7em;
color : #000;
font-family : arial;
}
/* SITE
********************************************************************/
#site {
width : 884px;
margin : 0 auto;
text-align : left;
min-height : 100%;
}
/* HEADER
********************************************************************/
#header {
position : relative;
height : 255px;
background : url(images/header.jpg);
}
/* HEADER >> La Perche Financière >> H1 + P slogan
********************************************************************/
#header h1 {
position : absolute;
top : 10px ;
right : 20px ;
margin : 0;
padding : 0 ;
font-size : 2em ;
text-transform : uppercase;
font-weight : normal ;
letter-spacing : 6px ;
}
#header h1 a {
color : #9D9D9D;
text-decoration : none;
}
#header p {
position : absolute;
top : 40px ;
right : 33px ;
margin : 0;
padding : 0 ;
text-transform : uppercase;
font-weight : normal ;
letter-spacing : 6px ;
color : #fff;
}
/* HEADER >> MENU PRINCIPAL
********************************************************************/
#menu {
position : absolute;
bottom : 14px;
left : 6px;
width: 469px;
}
#menu ul{
list-style : none ;
margin : 0;
padding : 0 ;
}
#menu li{
float : left ;
text-transform : uppercase ;
background : url(images/bg-li-menu.jpg) right no-repeat;
}
#menu li a{
margin : 0;
padding : 0 15px;
text-decoration : none;
color : #000;
font-weight : bold;
}
#menu li a:hover {
color : #965F29;
background-color: #000;
}
#menu li a:active {
color : #965F29;
background-color: #000;
}
/* MAIN
********************************************************************/
#main {
overflow : auto ;
background : url(images/bg-content.jpg) center repeat-y;
}
/* CONTENU
********************************************************************/
#contenu {
width : 458px ;
background : transparent ;
float : left ;
margin : 0;
padding : 20px 10px 0 20px ;
}
/* CONTENU >> POST
********************************************************************/
.post {
padding : 0 0 20px 0;
}
.post h2 {
font-size : 1.6em;
padding : 0;
margin: 0;
color : #965D29;
font-weight : normal;
text-transform : uppercase;
}
.post img {
float : right ;
margin : 0 10px 5px 20px;
}
/* SIDE RIGHT
********************************************************************/
#side {
width : 196px ;
float : left ;
padding : 0 ;
text-align : justify;
background : transparent ;
font-size : 90%;
}
#side h2 {
font-size : 1em;
margin : 0;
padding : 0 0 0 25px;
color : #000;
background : #E6E6E6;
height : 20px;
line-height : 18px;
text-transform : uppercase;
font-weight : bold;
}
#side h2 a{
margin : 0;
text-decoration : none;
color : #000;
font-weight : bold;
padding-top: 0;
padding-bottom: 0;
}
#side h2 a:hover {
color : #FFF;
background-color: #965F29;
}
#side h2 a:active {
color : #FFF;
background-color: #965F29;
}
#side ul{
list-style : none;
margin : 5px 0;
padding : 0;
color : #1A1A1A
}
#side li{
margin : 0 ;
padding : 0;
border-top : 1px solid #E6E6E6;
}
#side li a{
padding : 0 0 0 30px;
display : block;
height : 13px;
line-height : 13px;
text-decoration : none;
color : #000;
text-transform : uppercase;
}
#side li:first-child{
border-top : 0;
}
#side li a:hover{
color : #FFF;
background-color: #965F29;
}
#side li a:active{
color : #FFF;
background-color: #965F29;
}
#side p{
margin : 10px 0 25px 0;
padding : 0;
}
#side form {
margin : 0;
padding : 20px 0 0 0;
height : 50px;
}
#side input {
float : left ;
margin : 0;
padding : 0;
}
#side .champ {
width : 115px ;
height : 23px;
border-top : 1px solid #E2E2E2;
border-left : 1px solid #E2E2E2;
border-bottom : 1px solid #E2E2E2;
border-right : 0;
}
#side .recherche {
background : url(images/search.jpg);
height : 25px;
width : 67px;
border : 0;
}
/* SIDE LEFT
********************************************************************/
#side-left {
width : 176px;
float : left;
padding : 20px 0 0 10px;
text-align : justify;
color : #FFF;
}
#side-left h2 {
font-size : 1.2em;
margin : 0 0 10px 0;
padding : 0;
color : #FFF;
}
#side-left p {
margin : 0 0 5px 0;
padding : 0;
}
/* FOOTER
*******************************************************************/
#footer {
height :63px;
text-align : center;
}
#footer p {
margin : 0;
padding : 15px 0 0 0;
color : #000;
}
#footer a {
color : #000;
text-decoration : none;
}
#footer a:hover {
text-decoration : underline ;
}
D'ailleurs j'ai aussi un problème d'affichage avec IE 6, qui me fait sauter l'image qui me sert de tableau.
Merci d'avance
J'utilise une feuille de style pour un site en XHTML et je n'arrive pas à faire apparaitre le bouton qui signale que la page est visitée.
Voici un extrait du code html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0//FR">
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Microfinance - La Perche financière</title>
<meta name="Micro finance" content="Activité de finance au TOGO" />
<meta name="Crédits développement" content="Togo, France" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="ie-6.css" />
<![endif]-->
<style type="text/css">
<!--
body {
background-image: url(images/fondecran.jpg);
background-color: #925D29;
background-repeat: no-repeat;
}
-->
</style></head>
<body bgcolor="#965F29" background="images/fondecran.jpg" link="#000000" vlink="#000000" alink="#965F29">
<div id="site">
<div id="header">
<div id="menu">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="Fequipe.html">L'équipe</a></li>
<li><a href="Gmoncompte.html">mon compte</a></li>
<li><a href="Hcontact.html">Contact</a></li>
</ul>
</div>
</div>
<div id="main">
<div id="side">
<h2>Présentation</h2>
<ul>
<li><a href="A1qui.html">Qui sommes nous?</a></li>
<li><a href="A2quoi.html">Que faisons nous?</a></li>
<li> <a href="A3demarche.html">notre démarche</a></li>
<li><a href="A4adhesion.html">Comment adhérer ?</a></li>
<li><a href="A5associe.html">devenir Associé</a></li>
<li><a href="A6client.html">devenir Client</a></li>
</ul>
et la le code CSS:
body {
margin : 0;
padding : 0;
text-align : center;
font-size : 0.7em;
color : #000;
font-family : arial;
}
/* SITE
********************************************************************/
#site {
width : 884px;
margin : 0 auto;
text-align : left;
min-height : 100%;
}
/* HEADER
********************************************************************/
#header {
position : relative;
height : 255px;
background : url(images/header.jpg);
}
/* HEADER >> La Perche Financière >> H1 + P slogan
********************************************************************/
#header h1 {
position : absolute;
top : 10px ;
right : 20px ;
margin : 0;
padding : 0 ;
font-size : 2em ;
text-transform : uppercase;
font-weight : normal ;
letter-spacing : 6px ;
}
#header h1 a {
color : #9D9D9D;
text-decoration : none;
}
#header p {
position : absolute;
top : 40px ;
right : 33px ;
margin : 0;
padding : 0 ;
text-transform : uppercase;
font-weight : normal ;
letter-spacing : 6px ;
color : #fff;
}
/* HEADER >> MENU PRINCIPAL
********************************************************************/
#menu {
position : absolute;
bottom : 14px;
left : 6px;
width: 469px;
}
#menu ul{
list-style : none ;
margin : 0;
padding : 0 ;
}
#menu li{
float : left ;
text-transform : uppercase ;
background : url(images/bg-li-menu.jpg) right no-repeat;
}
#menu li a{
margin : 0;
padding : 0 15px;
text-decoration : none;
color : #000;
font-weight : bold;
}
#menu li a:hover {
color : #965F29;
background-color: #000;
}
#menu li a:active {
color : #965F29;
background-color: #000;
}
/* MAIN
********************************************************************/
#main {
overflow : auto ;
background : url(images/bg-content.jpg) center repeat-y;
}
/* CONTENU
********************************************************************/
#contenu {
width : 458px ;
background : transparent ;
float : left ;
margin : 0;
padding : 20px 10px 0 20px ;
}
/* CONTENU >> POST
********************************************************************/
.post {
padding : 0 0 20px 0;
}
.post h2 {
font-size : 1.6em;
padding : 0;
margin: 0;
color : #965D29;
font-weight : normal;
text-transform : uppercase;
}
.post img {
float : right ;
margin : 0 10px 5px 20px;
}
/* SIDE RIGHT
********************************************************************/
#side {
width : 196px ;
float : left ;
padding : 0 ;
text-align : justify;
background : transparent ;
font-size : 90%;
}
#side h2 {
font-size : 1em;
margin : 0;
padding : 0 0 0 25px;
color : #000;
background : #E6E6E6;
height : 20px;
line-height : 18px;
text-transform : uppercase;
font-weight : bold;
}
#side h2 a{
margin : 0;
text-decoration : none;
color : #000;
font-weight : bold;
padding-top: 0;
padding-bottom: 0;
}
#side h2 a:hover {
color : #FFF;
background-color: #965F29;
}
#side h2 a:active {
color : #FFF;
background-color: #965F29;
}
#side ul{
list-style : none;
margin : 5px 0;
padding : 0;
color : #1A1A1A
}
#side li{
margin : 0 ;
padding : 0;
border-top : 1px solid #E6E6E6;
}
#side li a{
padding : 0 0 0 30px;
display : block;
height : 13px;
line-height : 13px;
text-decoration : none;
color : #000;
text-transform : uppercase;
}
#side li:first-child{
border-top : 0;
}
#side li a:hover{
color : #FFF;
background-color: #965F29;
}
#side li a:active{
color : #FFF;
background-color: #965F29;
}
#side p{
margin : 10px 0 25px 0;
padding : 0;
}
#side form {
margin : 0;
padding : 20px 0 0 0;
height : 50px;
}
#side input {
float : left ;
margin : 0;
padding : 0;
}
#side .champ {
width : 115px ;
height : 23px;
border-top : 1px solid #E2E2E2;
border-left : 1px solid #E2E2E2;
border-bottom : 1px solid #E2E2E2;
border-right : 0;
}
#side .recherche {
background : url(images/search.jpg);
height : 25px;
width : 67px;
border : 0;
}
/* SIDE LEFT
********************************************************************/
#side-left {
width : 176px;
float : left;
padding : 20px 0 0 10px;
text-align : justify;
color : #FFF;
}
#side-left h2 {
font-size : 1.2em;
margin : 0 0 10px 0;
padding : 0;
color : #FFF;
}
#side-left p {
margin : 0 0 5px 0;
padding : 0;
}
/* FOOTER
*******************************************************************/
#footer {
height :63px;
text-align : center;
}
#footer p {
margin : 0;
padding : 15px 0 0 0;
color : #000;
}
#footer a {
color : #000;
text-decoration : none;
}
#footer a:hover {
text-decoration : underline ;
}
D'ailleurs j'ai aussi un problème d'affichage avec IE 6, qui me fait sauter l'image qui me sert de tableau.
Merci d'avance
A voir également:
- Probleme affichage lien active
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Pass telecommande active - Forum Téléviseurs
- Verificateur de lien - Guide
- Problème affichage photo messenger - Forum Facebook Messenger
2 réponses
Bonjour,
en css la syntaxe est background-image:url(images/image_de_fond.jpg);
dans votre code il y a des manques.
choisissez le css ou le body les deux peuvent se neutraliser
en css la syntaxe est background-image:url(images/image_de_fond.jpg);
dans votre code il y a des manques.
choisissez le css ou le body les deux peuvent se neutraliser
si j'ai bien compris t'as un problème avec tes liens visité?
dans <body bgcolor="#965F29" background="images/fondecran.jpg" link="#000000" vlink="#000000" alink="#965F29">
la couleur des liens visiter vlink est "#000000" ( tu va s me dire c'est pour la couleur mai essai quand meme
je me demande est ce que ça vien pa de là le pb!
et vu que tu te debrouille pas mal en css pourquoi tu fai pas pareil pour le body
body{background-image:url();
margin : 0;
padding : 0;
text-align : center;
font-size : 0.7em;
color : #000;
font-family : arial; }
dans <body bgcolor="#965F29" background="images/fondecran.jpg" link="#000000" vlink="#000000" alink="#965F29">
la couleur des liens visiter vlink est "#000000" ( tu va s me dire c'est pour la couleur mai essai quand meme
je me demande est ce que ça vien pa de là le pb!
et vu que tu te debrouille pas mal en css pourquoi tu fai pas pareil pour le body
body{background-image:url();
margin : 0;
padding : 0;
text-align : center;
font-size : 0.7em;
color : #000;
font-family : arial; }
