Sujet Précédent Sujet Suivant

Probleme affichage lien active

Fermé
bob 34 - 10 août 2009 à 23:25
XxIncontournablexX Messages postés 50 Date d'inscription mardi 4 août 2009 Statut Membre Dernière intervention 14 octobre 2009 - 11 août 2009 à 09:48
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

2 réponses

Réponse 1 / 2
giheller Messages postés 1875 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 3 février 2024 142
11 août 2009 à 09:28
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
0
Réponse 2 / 2
XxIncontournablexX Messages postés 50 Date d'inscription mardi 4 août 2009 Statut Membre Dernière intervention 14 octobre 2009 2
11 août 2009 à 09:48
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; }
0

Discussions similaires

"Aucune application permettant d'ouvrir cette URL"
sidojaice -
JIP -

24 réponses
lien copié
alaurore -
LEFEUVRE -

7 réponses
Rajout de lien sur plusieurs pages
leparradiss -
David -

11 réponses
Comment retrouver des lien copier sur sont téléphone
SAMA -
Lylou -

2 réponses
Impossible d'ouvrir des liens via mon Samsung A71
bleuenn29 -
Pierr10 -

4 réponses