Bonjour tout le monde,
Encore moi..
J'ai un soucis avec les couleurs de mon bas de page en effet, ce qu ej'ai sur Kompzer et sur le net est différent.
Je ne sais pas comment faire pour régler ce problème.3
Ma feuile de style: /*Footer*/
#footer {background: url(images/footer.jpg) repeat-x; padding:60px 0px 0px 15px; background-color:#333333;}
#footercontent {width:862px; margin:auto; padding:10px;}
#previews {padding:5px;}
#previews .item {width:120px; height:110px; float:left; text-align:center;}
#previews .item a img, #previews .item a:visited img, #previews .item a:active img{background:#efefef; border:solid 1px #CCCCCC; padding:3px;}
#previews .item a:hover img{background:#efefef; border:solid 1px #000000; padding:3px;}
#previews .item .caption {display:block; color:#CCCCCC;}
#copyright {margin:20px 0xp 20px 0px; padding:20px 0px 20px 0px; color:#FFFFCC ; border-top:solid 1px #333333; background:url(images/copyrightbg.jpg) repeat-x;}
#footer a,#FFFFCC a:visited, footer a:active, #footer a:hover {color:#FFFFCC;}
#credit {background:#000000; height: 25px; padding:10px; border-top:solid 2px #666666; text-align:center; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#credit a,#footer a:visited, #footer a:active, #footer a:hover {color:#999999;}
---------------------------------------------------------------------
Ma page: <div class="clear"></div>
</div>
</div>
<div id="footer">
<div id="footercontent">
<div id="previews">
<div class="item"> <a href="#">.</a>
</div>
<p style="text-align: center;">Copyright 2005-2009,tous
droits réservés Michel Brunet </p>
<p>| <a
href="mailto:mon email"subject=je_vous_contacte_depuis_EFFACE">Contacter
Michel
Brunet</a>
|
<a href="effacé">Cabinet
d'ostéopathie et d'énergétique à Bègles-Bordeaux.
</a>|<a href="effacé">
Mes
liens préférés|</a> </p>
</div>
</div>
</div>
</body>
</html>
-------------------------------------------------------------
Pourriez-vous me conseiller SVP?
Merci.
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)
Problème de couleurs
Bonjour,
Sans autre précision, ça ne va pas être possible (on ne sait même pas ce que tu obtiens ni ce que tu souhaites
)
On ne peut pas reproduire sans l'intégralité du code de la page.
Le mieux serait que tu nous donnes un lien pour qu'on aille voir (et que tu précises bien ce qui ne te convient pas)
Edit : adresse trouvée dans ton autre topic : http://www.michelbrunet.com/ mais il manque toujours les précisions sur ce que tu souhaites obtenir
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0 (.NET CLR 3.5.30729)
Sans autre précision, ça ne va pas être possible (on ne sait même pas ce que tu obtiens ni ce que tu souhaites
)On ne peut pas reproduire sans l'intégralité du code de la page.
Le mieux serait que tu nous donnes un lien pour qu'on aille voir (et que tu précises bien ce qui ne te convient pas)
Edit : adresse trouvée dans ton autre topic : http://www.michelbrunet.com/ mais il manque toujours les précisions sur ce que tu souhaites obtenir
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0 (.NET CLR 3.5.30729)
Voir ma configuration
-
mibru2512
Réponse à Asumbaa
Bien sûr, je comprends. Si vous pouvez me donner un coup de main..
Merci!
Dans le bas de page, le problème vient des liens. La couleur me convient et change au passage sur le lien. ça marche dans Kompozer mais ni dans l'aperçu ni même une fois les pages en ligne. Mon problème est là:
Voilà ce que cela donne une fois en ligne ou en faisant un aperçu:
http://www.michelbrunet.com/
Mon code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8" />
<meta http-equiv="Content-Script-Type"
content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="robots" content="ALL" />
<meta name="rating" content="General" />
<meta name="copyright" content="Michel Brunet" />
<meta name="revisit-after" content="1days" />
<meta name="description"
content="Michel Brunet, ostéopathe et naturopathe énergéticien vous offre ses services à Bègles-Bordeaux" />
<meta name="keywords"
content="osteopathie, douleurs,torticolis, tennis elbow,migraine,contractures, entorse, entorses,tendinites,stress,gestion du stress, tensions, naturopathie,energetique, qigong, Qi Gong, complements nutritionnels, complements alimentaires, produits dietetiques, coaching, medecines douces, mal de dos, stress, constipation, mal de dos, ballonnements, osteopathie cranienne, osteopathie bebes, lumbago, torticolis, douleurs, medecines paralleles, osteopathe Begles, osteopathe Talence, osteopathe Villenave d'Ornon, osteopathe Bordeaux, osteopathe Gradignan" />
<meta name="author" content="Michel Brunet" />
<meta http-equiv="reply-to"
content="effacé" />
<meta name="language" content="Fr" />
<title>Cabinet d'ostéopathie et d'énergétique à Bègles-Bordeaux</title>
<link href="style.css" rel="stylesheet"
type="text/css" />
<!-- DEBUT DU SCRIPT -->
<script language="JavaScript1.2">
function ejs_nodroit()
{
alert('Clic droit interdit');
return(false);
}
document.oncontextmenu = ejs_nodroit;
</script><!-- FIN DU SCRIPT -->
<script type="text/javascript">
<!-- Debut
function selection(e)
{ return false; }
function clic()
{ return true; } document.onselectstart=new Function ("return false");
if (window.sidebar) {
document.onmousedown=selection;
document.onclick=clic;
}
// fin du script -->
</script>
</head>
<body>
<div id="topbar">
<div id="TopSection">
<h1 id="sitename"><a href="http://www.michelbrunet.com">Michel
Brunet,
ostéopathe et énergéticien</a></h1>
<div id="topbarnav">
<form action="http://www.michelbrunet.com/osteopathie.html">
<div class="searchform" style=""> </div>
</form>
</div>
<ul id="topmenu">
<li class="active"><a
href="http://www.michelbrunet.com">Home</a></li>
<li><a href="http://www.michelbrunet.com/osteopathie ... ie</a></li>
<li><a href="http://www.michelbrunet.com/energetique ... ue</a></li>
<li><a href="http://www.michelbrunet.com/naturopathie.html">La
naturopathie</a></li>
<li><a href="http://www.michelbrunet.com/form.html">Formulaire
de contact</a></li>
<li><a href="http://www.michelbrunet.com/itineraire.html">Plan
d'accès</a></li>
</ul>
</div>
</div>
<div id="wrap">
<div id="header">
<h2 class="introtext">Cabinet d'ostéopathie et
d'énergétique Michel Brunet <span class="highlight2">Pour
une meilleure santé, un confort de vie et une évolution personnelle</span>
</h2>
</div>
<div id="contents">
<div class="clear"></div>
<div id="aboutdiv">
<h2>L'ostéopathie qui vous est proposée</h2>
<p><span class="openquote"></span>Il s'agit
d'une ostéopathie
traditionnelle structurelle, viscérale et crânienne et des notions
d'énergétique y sont parfois intégrées.<img src="images/quote2.gif"
alt="Closing Quote" height="12" width="12" /></p>
<h2>Où</h2>
<p><span class="openquote"></span> <a
href="http://www.michelbrunet.com/itineraire.html">Vous êtes
accueillis dans un lieu propice au calme et à la sérénité:17 rue
Charles Gounod 33130 BEGLES</a>: </p>
<p>M. Brunet, 05-56-85-43-94<img src="images/quote2.gif"
alt="Closing Quote" height="12" width="12" /></p>
</div>
<div id="highlights">
<h2>De quoi s'agit-il?</h2>
<ul>
<li>
<h3>Ostéopathie et Energétique</h3>
Michel Brunet est ostéopathe et énergéticien à
Bègles-Bordeaux. </li>
<li>
<h3>Une ostéopathie à l'écoute des vrais besoins
du corps</h3>
Ecoute - Diagnostic par tests spécifiques et palpation. </li>
<li>
<h3>Traitement</h3>
Manipulations structurelles douces, techniques crâniennes
et musculo-squelettiques, myo-fasciales et
viscérales; fluidiques et énergétiques, harmoniques et
neuro-musculaires... </li>
</ul>
</div>
<div id="homecontents">
<h2><a href="http://www.michelbrunet.com/osteopathie.html">En
pratique</a></h2>
<span class="postinfo">Par Michel Brunet, ostéopathe et
énergéticien à Bègles-Bordeaux</span>
<p><br clear="all" />
Chaque soin comporte trois temps:
</p>
<p>
- Temps d'écoute du patient,<br />
- Diagnostic par tests spécifiques et palpation,<br />
- Traitement.
</p>
<p>Manipuler une articulation et "faire craquer"
n'est pas le
reflet de l'art qu'est l'ostéopathie. Car, le plus souvent, le
soulagement immédiat ne tient pas dans le temps. Le thérapeute
redonne
à votre corps sa mobilité en l'ajustant et en le
rééquilibrant
globalement.
</p>
<p>Certaines manipulations structurelles douces peuvent être
nécessaires, mais une approche non articulaire est toujours
privilégiée
en recherchant la cause du manque de mobilité "problème
musculaire, tension nerveuse, dysfonctions viscérales ..»,
un
ajustement spontané survient alors.
Avec ce mode opératoire adapté, un grand nombre de patients vont
mieux
durablement. Et l'on sait qu'en étant mieux équilibré " corps
/esprit",
on va mieux aussi,
dans sa vie.
</p>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<div id="footercontent">
<div id="previews">
<div class="item"> <a href="#">.</a>
</div>
<p style="text-align: center;">Copyright 2005-2009,tous
droits réservés Michel Brunet </p>
<p>| <a
href="mailto:effacé?subject=je_vous_contacte_depuis_michelbrunet.com">Contacter
Michel
Brunet</a>
|
<a href="http://www.michelbrunet.com">Cabinet
d'ostéopathie et d'énergétique à Bègles-Bordeaux.
</a>|<a href="http://www.michelbrunet.com/liens.html">
Mes
liens préférés|</a> </p>
</div>
</div>
</div>
</body>
</html>
------------------------------------------------------------------
Ma feuille de style:
@charset "utf-8";
* {
margin: 0px;
padding: 0px;
}
body {background:url(images/bg.jpg) repeat; font-family:Arial, "Times New Roman", Times, serif; font-size:14px;}
#wrap {width:882px; margin:auto;}
.clear {clear:both;}
a {color:#320E15;}
a:visited,active {color:#320E15;}
.hide {display:none;}
/*Header*/
#topbar {background:url(images/topbg.jpg) repeat-x; height:89px;}
#topbar #TopSection {width:882px; margin:auto;}
#sitename {display:block; height:40px; float:left; padding:3px; font:Georgia, "Times New Roman", Times, serif; font-size:30px; font-weight:normal; color:#000000;}
#sitename span {text-transform:lowercase; font-style:italic; color:#D1DDED; font-size:34px;}
#sitename a, #sitename a:visited, #sitename a:active, #sitename a:hover{color:#FFFFCC; text-decoration:none;}
#sitename span a, #sitename span a:visited, #sitename span a:active, #sitename span a:hover {color:#D1DDED; text-decoration:none;}
#topbarnav { height:36px; padding-top:10px; text-align:right; color:#FFFFCC;}
#topbarnav a{color:#FFFFCC;}
#topbarnav a:visited,active {color:#FFFFCC;}
#topbarnav a:hover {color:#FFFFFF; text-decoration:none;}
#topbarnav .searchform { float:right; margin:0px 15px 0px 0px;}
.searchform .keywordfield {border:solid 1px #333333; background:#F8F2DA; padding:3px;}
#topbarnav .topnavitems {float:right; display:block;}
#wrap #header { background:url(images/header.jpg) no-repeat; height:229px; margin-top:10px;}
#header .introtext {display:block; padding:60px 300px 25px 125px; text-align:right; font-weight:normal; color:#FFFFFF; font-size:25px;}
.highlight {background:#FFFFFF; color:#FFFF99;}
.highlight2 {color:#FFFF99; font-size:28px; font-style:italic;}
#headershort {background: url(images/headershort.jpg) no-repeat; height:119px;}
#headershort .subheader {font-size:48px; color:#F1E8CB; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; display:block; padding:55px 55px 0px 20px; }
/* Top Menu */
#topmenu {list-style:none; text-align:center; padding-top:4px;}
#topmenu li {display:inline;}
#topmenu a, #topmenu a:visited, #topmenu a:active { display:block; text-decoration:none; color:#0000FF; float:left; height:30px; padding:9px 15px 0px 17px; background:url(images/menubg1.jpg) no-repeat right top;}
#topmenu a:hover {display:block; text-decoration:none; color:#002F2F; float:left; height:30px; padding:9px 15px 0px 17px; background:url(images/menubg2.jpg) no-repeat right top;}
#topmenu .active a, #topmenu .active a:visited, #topmenu .active a:active {display:block; text-decoration:none; color:#333333; float:left; height:30px; padding:9px 15px 0px 17px; background:url(images/menubg2.jpg) no-repeat right top;}
/* Contents */
#contents {font-size:12px;}
#contents a:hover {text-decoration:none;}
#contents p {color:#000000; line-height:22px;}
#contents h2 {color:#8D6932; font-weight:normal;}
#left { width:570px; float:left; padding:5px 20px 5px 5px; background:url(images/sidebarbg1.jpg) repeat-y right;}
#left h3, #left h4, #left h5 { color:#009999; display:block; padding:5px; margin-bottom:10px; margin-top:10px;}
#left h3 {font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#left h4 {font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#left h5 {font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#left h2 {font-size:26px; display:block; border-bottom:solid 1px #ECDEB0; padding:5px;}
#left h2 a, #left h2 a:visited, #left h2 a:active{color:#8D6932; text-decoration:none;}
#left h2 a:hover {color:#000000;}
#left .postmetadata {display:block; background:url(images/metadatabg.jpg) no-repeat; margin:10px 0px 20px 0px; padding:15px 0px 0px 0px; text-align:center;}
blockquote {display:block; border-top:dashed 1px #D2B87B; border-bottom:dashed 1px #D2B87B;text-align:center; margin:10px; padding:10px;}
blockquote p {font-size:12px; }
#left img {background:#FFFFFF; border:solid 1px #cccccc; padding:3px; margin:5px;}
#left .alignleft {float:left;}
#left .alignright {float:right;}
#left .postdata{display:block; padding:3px; text-align:right; color:#999999; margin-bottom:10px;}
#left table {width:95%; border:solid 1px #DCC48F;}
#left th {padding:5px; text-align:left; background:#E8D8B3}
#left td {padding:5px;}
#left .alttr1{ background:#FFFFCC;}
#left .alttr2{ background:#FFFFFF;}
#left .alttr1 th {background:#ffffff;}
#left .alttr2 th {background:#E7F4FA;}
#left ul {padding:10px; color:#666666;}
#left ul li {padding:3px; display:block; border-bottom:dashed 1px #E8D8B3;}
#left p {margin:10px 0px 10px 0px;}
#left ol {padding:10px; margin:10px; color:#666666;}
#left ol li {padding:3px;}
#left .contactform {padding:10px; margin:10px;}
/*comments*/
.nocomments {color:#999999; font-size:10px; display:block;}
.commentlist {background: #FFFFCC; list-style-type:decimal; list-style-position:inside; font-family: Verdana, Arial, Helvetica, sans-serif;}
.commentlist li {border-bottom:solid 2px #EADDBF; padding:5px;}
.commentlist cite {display:block; color: #996633; font-weight:bold; padding:0px 3px 3px 20px;}
.commentmeta {display:block; font-size:10px; padding:3px; color:#999999;}
.commenttxt {display:block; padding:5px 5px 5px 15px;}
.textfield {width:190px; background-color: #F7F1E6; margin:0px; border: 1px solid #C6A453;}
.textfield:hover {background: #FFFFCC;}
.textfield:focus {background:#ffffff;}
/*sidebar*/
#sidebar {margin-left: 605px; padding:5px;}
#sidebar ul {list-style:none;}
#sidebar ul li ul {list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif;}
#sidebar #categories li{display:block; height:30px; border-bottom:solid 1px #E8DDB3;}
#sidebar #categories a, #sidebar #categories a:visited, #sidebar #categories a:active {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none; border-top:solid 1px #F8F4E0;}
#sidebar #categories a:hover {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none;border-top:solid 1px #F8F4E9; background:#FDFCF2;}
#sidebar #blogroll li{display:block; height:30px; border-bottom:solid 1px #E8DDB3;}
#sidebar #blogroll a, #sidebar #categories a:visited, #sidebar #categories a:active {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none; border-top:solid 1px #F8F4E0;}
#sidebar #blogroll a:hover {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none;border-top:solid 1px #F8F4E9; background:#FDFCF2;}
#sidebar h2{display:block; font-size:18px; padding:5px; border-bottom:solid 1px #E8DDB3;}
#sidebar #recententries li {padding:5px; border-bottom:solid 1px #e8ddb3;}
/* Home Page Content */
#aboutdiv {float:left; padding:3px; width:146px; margin:5px 2px 5px 5px;}
#aboutdiv .openquote {display:block; background:url(images/quote.gif) no-repeat; float:left; padding:3px; width:12px; height:12px;}
#aboutdiv h2, #highlights h2 {padding:5px; display:block; background:url(images/h2line.gif) repeat-x left bottom; color:#8D6932; margin:0px 3px 5px 0px; font-family:Arial, Helvetica, sans-serif;}
#highlights {float:left; width:144px; padding:3px 3px 3px 10px; margin:5px 0px 5px 0px; background:url(images/sidebarbg1.jpg) repeat-y left;}
#highlights h3 {color:#046380; font-weight:normal; font-size:14px;}
#highlights h3 a {color:#046380; text-decoration:none; display:block; border-bottom:solid 1px #F5EFC9;}
#highlights h3 a:hover {color:#B38348; display:block; text-decoration:none; background:#ffffcc;;border-bottom:dashed 1px #BC8F52;}
#highlights ul {list-style:none; color:#000000; text-align:right;}
#highlights li {display:block; padding:3px; background: none; border-bottom:solid 1px #fff;}
#highlights li:hover {display:block; padding:3px; border-bottom:solid 1px #fff; background:#FFFFFF; }
#homecontents {float:left; width:530px; padding:3px 3px 3px 20px; margin:5px 5px 5px 0px; background:url(images/sidebarbg1.jpg) repeat-y left;}
#homecontents p, left p, right p {margin:10px 0px 10px 0px;}
#homecontents h2 {display:block; color:#046380; border-bottom:solid 1px #E1D2A6; font-size:22px;}
#homecontents h2 a{text-decoration:none; color:#046380;}
#homecontents h2 a:hover { text-decoration:none; color:#000000; border-bottom:solid 1px #000000; background:#ffffcc;}
.postinfo {display:block; text-align:right; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:10px}
/*Footer*/
#footer {background: url(images/footer.jpg) repeat-x; padding:60px 0px 0px 15px; background-color:#333333;}
#footercontent {width:862px; margin:auto; padding:10px;}
#previews {padding:5px;}
#previews .item {width:120px; height:110px; float:left; text-align:center;}
#previews .item a img, #previews .item a:visited img, #previews .item a:active img{background:#efefef; border:solid 1px #CCCCCC; padding:3px;}
#previews .item a:hover img{background:#efefef; border:solid 1px #000000; padding:3px;}
#previews .item .caption {display:block; color:#CCCCCC;}
#copyright {margin:20px 0xp 20px 0px; padding:20px 0px 20px 0px; color:#FFFFCC ; border-top:solid 1px #333333; background:url(images/copyrightbg.jpg) repeat-x;}
#footer a,#FFFFCC a:visited, footer a:active, #footer a:hover {color:#FFFFCC;}
#credit {background:#000000; height: 25px; padding:10px; border-top:solid 2px #666666; text-align:center; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#credit a,#footer a:visited, #footer a:active, #footer a:hover {color:#999999;}
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)
Merci!
Dans le bas de page, le problème vient des liens. La couleur me convient et change au passage sur le lien. ça marche dans Kompozer mais ni dans l'aperçu ni même une fois les pages en ligne. Mon problème est là:
Voilà ce que cela donne une fois en ligne ou en faisant un aperçu:
http://www.michelbrunet.com/
Mon code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8" />
<meta http-equiv="Content-Script-Type"
content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="robots" content="ALL" />
<meta name="rating" content="General" />
<meta name="copyright" content="Michel Brunet" />
<meta name="revisit-after" content="1days" />
<meta name="description"
content="Michel Brunet, ostéopathe et naturopathe énergéticien vous offre ses services à Bègles-Bordeaux" />
<meta name="keywords"
content="osteopathie, douleurs,torticolis, tennis elbow,migraine,contractures, entorse, entorses,tendinites,stress,gestion du stress, tensions, naturopathie,energetique, qigong, Qi Gong, complements nutritionnels, complements alimentaires, produits dietetiques, coaching, medecines douces, mal de dos, stress, constipation, mal de dos, ballonnements, osteopathie cranienne, osteopathie bebes, lumbago, torticolis, douleurs, medecines paralleles, osteopathe Begles, osteopathe Talence, osteopathe Villenave d'Ornon, osteopathe Bordeaux, osteopathe Gradignan" />
<meta name="author" content="Michel Brunet" />
<meta http-equiv="reply-to"
content="effacé" />
<meta name="language" content="Fr" />
<title>Cabinet d'ostéopathie et d'énergétique à Bègles-Bordeaux</title>
<link href="style.css" rel="stylesheet"
type="text/css" />
<!-- DEBUT DU SCRIPT -->
<script language="JavaScript1.2">
function ejs_nodroit()
{
alert('Clic droit interdit');
return(false);
}
document.oncontextmenu = ejs_nodroit;
</script><!-- FIN DU SCRIPT -->
<script type="text/javascript">
<!-- Debut
function selection(e)
{ return false; }
function clic()
{ return true; } document.onselectstart=new Function ("return false");
if (window.sidebar) {
document.onmousedown=selection;
document.onclick=clic;
}
// fin du script -->
</script>
</head>
<body>
<div id="topbar">
<div id="TopSection">
<h1 id="sitename"><a href="http://www.michelbrunet.com">Michel
Brunet,
ostéopathe et énergéticien</a></h1>
<div id="topbarnav">
<form action="http://www.michelbrunet.com/osteopathie.html">
<div class="searchform" style=""> </div>
</form>
</div>
<ul id="topmenu">
<li class="active"><a
href="http://www.michelbrunet.com">Home</a></li>
<li><a href="http://www.michelbrunet.com/osteopathie ... ie</a></li>
<li><a href="http://www.michelbrunet.com/energetique ... ue</a></li>
<li><a href="http://www.michelbrunet.com/naturopathie.html">La
naturopathie</a></li>
<li><a href="http://www.michelbrunet.com/form.html">Formulaire
de contact</a></li>
<li><a href="http://www.michelbrunet.com/itineraire.html">Plan
d'accès</a></li>
</ul>
</div>
</div>
<div id="wrap">
<div id="header">
<h2 class="introtext">Cabinet d'ostéopathie et
d'énergétique Michel Brunet <span class="highlight2">Pour
une meilleure santé, un confort de vie et une évolution personnelle</span>
</h2>
</div>
<div id="contents">
<div class="clear"></div>
<div id="aboutdiv">
<h2>L'ostéopathie qui vous est proposée</h2>
<p><span class="openquote"></span>Il s'agit
d'une ostéopathie
traditionnelle structurelle, viscérale et crânienne et des notions
d'énergétique y sont parfois intégrées.<img src="images/quote2.gif"
alt="Closing Quote" height="12" width="12" /></p>
<h2>Où</h2>
<p><span class="openquote"></span> <a
href="http://www.michelbrunet.com/itineraire.html">Vous êtes
accueillis dans un lieu propice au calme et à la sérénité:17 rue
Charles Gounod 33130 BEGLES</a>: </p>
<p>M. Brunet, 05-56-85-43-94<img src="images/quote2.gif"
alt="Closing Quote" height="12" width="12" /></p>
</div>
<div id="highlights">
<h2>De quoi s'agit-il?</h2>
<ul>
<li>
<h3>Ostéopathie et Energétique</h3>
Michel Brunet est ostéopathe et énergéticien à
Bègles-Bordeaux. </li>
<li>
<h3>Une ostéopathie à l'écoute des vrais besoins
du corps</h3>
Ecoute - Diagnostic par tests spécifiques et palpation. </li>
<li>
<h3>Traitement</h3>
Manipulations structurelles douces, techniques crâniennes
et musculo-squelettiques, myo-fasciales et
viscérales; fluidiques et énergétiques, harmoniques et
neuro-musculaires... </li>
</ul>
</div>
<div id="homecontents">
<h2><a href="http://www.michelbrunet.com/osteopathie.html">En
pratique</a></h2>
<span class="postinfo">Par Michel Brunet, ostéopathe et
énergéticien à Bègles-Bordeaux</span>
<p><br clear="all" />
Chaque soin comporte trois temps:
</p>
<p>
- Temps d'écoute du patient,<br />
- Diagnostic par tests spécifiques et palpation,<br />
- Traitement.
</p>
<p>Manipuler une articulation et "faire craquer"
n'est pas le
reflet de l'art qu'est l'ostéopathie. Car, le plus souvent, le
soulagement immédiat ne tient pas dans le temps. Le thérapeute
redonne
à votre corps sa mobilité en l'ajustant et en le
rééquilibrant
globalement.
</p>
<p>Certaines manipulations structurelles douces peuvent être
nécessaires, mais une approche non articulaire est toujours
privilégiée
en recherchant la cause du manque de mobilité "problème
musculaire, tension nerveuse, dysfonctions viscérales ..»,
un
ajustement spontané survient alors.
Avec ce mode opératoire adapté, un grand nombre de patients vont
mieux
durablement. Et l'on sait qu'en étant mieux équilibré " corps
/esprit",
on va mieux aussi,
dans sa vie.
</p>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<div id="footercontent">
<div id="previews">
<div class="item"> <a href="#">.</a>
</div>
<p style="text-align: center;">Copyright 2005-2009,tous
droits réservés Michel Brunet </p>
<p>| <a
href="mailto:effacé?subject=je_vous_contacte_depuis_michelbrunet.com">Contacter
Michel
Brunet</a>
|
<a href="http://www.michelbrunet.com">Cabinet
d'ostéopathie et d'énergétique à Bègles-Bordeaux.
</a>|<a href="http://www.michelbrunet.com/liens.html">
Mes
liens préférés|</a> </p>
</div>
</div>
</div>
</body>
</html>
------------------------------------------------------------------
Ma feuille de style:
@charset "utf-8";
* {
margin: 0px;
padding: 0px;
}
body {background:url(images/bg.jpg) repeat; font-family:Arial, "Times New Roman", Times, serif; font-size:14px;}
#wrap {width:882px; margin:auto;}
.clear {clear:both;}
a {color:#320E15;}
a:visited,active {color:#320E15;}
.hide {display:none;}
/*Header*/
#topbar {background:url(images/topbg.jpg) repeat-x; height:89px;}
#topbar #TopSection {width:882px; margin:auto;}
#sitename {display:block; height:40px; float:left; padding:3px; font:Georgia, "Times New Roman", Times, serif; font-size:30px; font-weight:normal; color:#000000;}
#sitename span {text-transform:lowercase; font-style:italic; color:#D1DDED; font-size:34px;}
#sitename a, #sitename a:visited, #sitename a:active, #sitename a:hover{color:#FFFFCC; text-decoration:none;}
#sitename span a, #sitename span a:visited, #sitename span a:active, #sitename span a:hover {color:#D1DDED; text-decoration:none;}
#topbarnav { height:36px; padding-top:10px; text-align:right; color:#FFFFCC;}
#topbarnav a{color:#FFFFCC;}
#topbarnav a:visited,active {color:#FFFFCC;}
#topbarnav a:hover {color:#FFFFFF; text-decoration:none;}
#topbarnav .searchform { float:right; margin:0px 15px 0px 0px;}
.searchform .keywordfield {border:solid 1px #333333; background:#F8F2DA; padding:3px;}
#topbarnav .topnavitems {float:right; display:block;}
#wrap #header { background:url(images/header.jpg) no-repeat; height:229px; margin-top:10px;}
#header .introtext {display:block; padding:60px 300px 25px 125px; text-align:right; font-weight:normal; color:#FFFFFF; font-size:25px;}
.highlight {background:#FFFFFF; color:#FFFF99;}
.highlight2 {color:#FFFF99; font-size:28px; font-style:italic;}
#headershort {background: url(images/headershort.jpg) no-repeat; height:119px;}
#headershort .subheader {font-size:48px; color:#F1E8CB; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; display:block; padding:55px 55px 0px 20px; }
/* Top Menu */
#topmenu {list-style:none; text-align:center; padding-top:4px;}
#topmenu li {display:inline;}
#topmenu a, #topmenu a:visited, #topmenu a:active { display:block; text-decoration:none; color:#0000FF; float:left; height:30px; padding:9px 15px 0px 17px; background:url(images/menubg1.jpg) no-repeat right top;}
#topmenu a:hover {display:block; text-decoration:none; color:#002F2F; float:left; height:30px; padding:9px 15px 0px 17px; background:url(images/menubg2.jpg) no-repeat right top;}
#topmenu .active a, #topmenu .active a:visited, #topmenu .active a:active {display:block; text-decoration:none; color:#333333; float:left; height:30px; padding:9px 15px 0px 17px; background:url(images/menubg2.jpg) no-repeat right top;}
/* Contents */
#contents {font-size:12px;}
#contents a:hover {text-decoration:none;}
#contents p {color:#000000; line-height:22px;}
#contents h2 {color:#8D6932; font-weight:normal;}
#left { width:570px; float:left; padding:5px 20px 5px 5px; background:url(images/sidebarbg1.jpg) repeat-y right;}
#left h3, #left h4, #left h5 { color:#009999; display:block; padding:5px; margin-bottom:10px; margin-top:10px;}
#left h3 {font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#left h4 {font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#left h5 {font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#left h2 {font-size:26px; display:block; border-bottom:solid 1px #ECDEB0; padding:5px;}
#left h2 a, #left h2 a:visited, #left h2 a:active{color:#8D6932; text-decoration:none;}
#left h2 a:hover {color:#000000;}
#left .postmetadata {display:block; background:url(images/metadatabg.jpg) no-repeat; margin:10px 0px 20px 0px; padding:15px 0px 0px 0px; text-align:center;}
blockquote {display:block; border-top:dashed 1px #D2B87B; border-bottom:dashed 1px #D2B87B;text-align:center; margin:10px; padding:10px;}
blockquote p {font-size:12px; }
#left img {background:#FFFFFF; border:solid 1px #cccccc; padding:3px; margin:5px;}
#left .alignleft {float:left;}
#left .alignright {float:right;}
#left .postdata{display:block; padding:3px; text-align:right; color:#999999; margin-bottom:10px;}
#left table {width:95%; border:solid 1px #DCC48F;}
#left th {padding:5px; text-align:left; background:#E8D8B3}
#left td {padding:5px;}
#left .alttr1{ background:#FFFFCC;}
#left .alttr2{ background:#FFFFFF;}
#left .alttr1 th {background:#ffffff;}
#left .alttr2 th {background:#E7F4FA;}
#left ul {padding:10px; color:#666666;}
#left ul li {padding:3px; display:block; border-bottom:dashed 1px #E8D8B3;}
#left p {margin:10px 0px 10px 0px;}
#left ol {padding:10px; margin:10px; color:#666666;}
#left ol li {padding:3px;}
#left .contactform {padding:10px; margin:10px;}
/*comments*/
.nocomments {color:#999999; font-size:10px; display:block;}
.commentlist {background: #FFFFCC; list-style-type:decimal; list-style-position:inside; font-family: Verdana, Arial, Helvetica, sans-serif;}
.commentlist li {border-bottom:solid 2px #EADDBF; padding:5px;}
.commentlist cite {display:block; color: #996633; font-weight:bold; padding:0px 3px 3px 20px;}
.commentmeta {display:block; font-size:10px; padding:3px; color:#999999;}
.commenttxt {display:block; padding:5px 5px 5px 15px;}
.textfield {width:190px; background-color: #F7F1E6; margin:0px; border: 1px solid #C6A453;}
.textfield:hover {background: #FFFFCC;}
.textfield:focus {background:#ffffff;}
/*sidebar*/
#sidebar {margin-left: 605px; padding:5px;}
#sidebar ul {list-style:none;}
#sidebar ul li ul {list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif;}
#sidebar #categories li{display:block; height:30px; border-bottom:solid 1px #E8DDB3;}
#sidebar #categories a, #sidebar #categories a:visited, #sidebar #categories a:active {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none; border-top:solid 1px #F8F4E0;}
#sidebar #categories a:hover {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none;border-top:solid 1px #F8F4E9; background:#FDFCF2;}
#sidebar #blogroll li{display:block; height:30px; border-bottom:solid 1px #E8DDB3;}
#sidebar #blogroll a, #sidebar #categories a:visited, #sidebar #categories a:active {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none; border-top:solid 1px #F8F4E0;}
#sidebar #blogroll a:hover {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none;border-top:solid 1px #F8F4E9; background:#FDFCF2;}
#sidebar h2{display:block; font-size:18px; padding:5px; border-bottom:solid 1px #E8DDB3;}
#sidebar #recententries li {padding:5px; border-bottom:solid 1px #e8ddb3;}
/* Home Page Content */
#aboutdiv {float:left; padding:3px; width:146px; margin:5px 2px 5px 5px;}
#aboutdiv .openquote {display:block; background:url(images/quote.gif) no-repeat; float:left; padding:3px; width:12px; height:12px;}
#aboutdiv h2, #highlights h2 {padding:5px; display:block; background:url(images/h2line.gif) repeat-x left bottom; color:#8D6932; margin:0px 3px 5px 0px; font-family:Arial, Helvetica, sans-serif;}
#highlights {float:left; width:144px; padding:3px 3px 3px 10px; margin:5px 0px 5px 0px; background:url(images/sidebarbg1.jpg) repeat-y left;}
#highlights h3 {color:#046380; font-weight:normal; font-size:14px;}
#highlights h3 a {color:#046380; text-decoration:none; display:block; border-bottom:solid 1px #F5EFC9;}
#highlights h3 a:hover {color:#B38348; display:block; text-decoration:none; background:#ffffcc;;border-bottom:dashed 1px #BC8F52;}
#highlights ul {list-style:none; color:#000000; text-align:right;}
#highlights li {display:block; padding:3px; background: none; border-bottom:solid 1px #fff;}
#highlights li:hover {display:block; padding:3px; border-bottom:solid 1px #fff; background:#FFFFFF; }
#homecontents {float:left; width:530px; padding:3px 3px 3px 20px; margin:5px 5px 5px 0px; background:url(images/sidebarbg1.jpg) repeat-y left;}
#homecontents p, left p, right p {margin:10px 0px 10px 0px;}
#homecontents h2 {display:block; color:#046380; border-bottom:solid 1px #E1D2A6; font-size:22px;}
#homecontents h2 a{text-decoration:none; color:#046380;}
#homecontents h2 a:hover { text-decoration:none; color:#000000; border-bottom:solid 1px #000000; background:#ffffcc;}
.postinfo {display:block; text-align:right; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:10px}
/*Footer*/
#footer {background: url(images/footer.jpg) repeat-x; padding:60px 0px 0px 15px; background-color:#333333;}
#footercontent {width:862px; margin:auto; padding:10px;}
#previews {padding:5px;}
#previews .item {width:120px; height:110px; float:left; text-align:center;}
#previews .item a img, #previews .item a:visited img, #previews .item a:active img{background:#efefef; border:solid 1px #CCCCCC; padding:3px;}
#previews .item a:hover img{background:#efefef; border:solid 1px #000000; padding:3px;}
#previews .item .caption {display:block; color:#CCCCCC;}
#copyright {margin:20px 0xp 20px 0px; padding:20px 0px 20px 0px; color:#FFFFCC ; border-top:solid 1px #333333; background:url(images/copyrightbg.jpg) repeat-x;}
#footer a,#FFFFCC a:visited, footer a:active, #footer a:hover {color:#FFFFCC;}
#credit {background:#000000; height: 25px; padding:10px; border-top:solid 2px #666666; text-align:center; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#credit a,#footer a:visited, #footer a:active, #footer a:hover {color:#999999;}
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)
Salut,
Alors...
Sur ta page d'accueil, je vois les trois liens. En jaune le premier et le dernier, en gris le second car j'ai déjà cliqué dessus (:visited).
Regarde tes instructions de couleur pour ces liens :
J'y vois des choses bizarres :
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0 (.NET CLR 3.5.30729)
Alors...
Sur ta page d'accueil, je vois les trois liens. En jaune le premier et le dernier, en gris le second car j'ai déjà cliqué dessus (:visited).
Regarde tes instructions de couleur pour ces liens :
Code : Tout sélectionner
#footer a,#FFFFCC a:visited, footer a:active, #footer a:hover {color:#FFFFCC;}
credit a,#footer a:visited, #footer a:active, #footer a:hover {color:#999999;} - #FFFFCC ? Tu cibles un élément ayant pour id "FFFFCC", étrange
- footer a:active ? Tu cibles l'élément footer (qui n'existe pas)
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0 (.NET CLR 3.5.30729)
Voir ma configuration
-
mibru2512
A Asumbaa
Re-bonjour,
La couleur des liens de ce bas de page de la même couleur que mon fond jaune des pages me convient bien.
Un changement au passage de la souris serait un plus.
Je te remercie de l'aide que tu m'apportes.
Michel
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)
La couleur des liens de ce bas de page de la même couleur que mon fond jaune des pages me convient bien.
Un changement au passage de la souris serait un plus.
Je te remercie de l'aide que tu m'apportes.
Michel
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)
Actuellement, on a :
Mais pour le deuxième cas, tu indiques à la fois que le lien doit être en jaune (1ere ligne), puis en gris (2ème ligne), c'est donc la dernière consigne qui est respectée. Il suffirait pour arriver au résultat actuel de :
Pour avoir tout le temps du jaune, et du gris uniquement au survol :
- lien normal en jaune
- lien survolé ou visité en gris
Code : Tout sélectionner
#footer a,#FFFFCC a:visited, footer a:active, #footer a:hover {color:#FFFFCC;}
credit a,#footer a:visited, #footer a:active, #footer a:hover {color:#999999;} Code : Tout sélectionner
#footer a:link {color:#FFFFCC;}
#footer a:visited, #footer a:hover, #footer a:active {color:#999999;}Code : Tout sélectionner
#footer a:link, #footer a:visited {color:#FFFFCC;}
#footer a:hover, #footer a:active {color:#999999;}Nicolas
☛ Problème [résolu] ? Modifiez votre premier message pour l'indiquer.
☞ Pas de support par message privé, postez sur le forum, merci.
☛ Problème [résolu] ? Modifiez votre premier message pour l'indiquer.
☞ Pas de support par message privé, postez sur le forum, merci.
-
mibru2512
A Asumbaa et nico@nc: Problème résolu!
Bonsoir vous deux,
Mon problème est résolu et je me suis aussi payé le luxe de choisir une autre couleur que le gris.
Un grand merci!!
Michel.
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)
Mon problème est résolu et je me suis aussi payé le luxe de choisir une autre couleur que le gris.
Un grand merci!!
Michel.
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)
De rien.
Si tu veux encore améliorer, ajoute le :focus au même niveau que le :hover, pour ceux qui naviguent au clavier
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0 (.NET CLR 3.5.30729)
Si tu veux encore améliorer, ajoute le :focus au même niveau que le :hover, pour ceux qui naviguent au clavier
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0 (.NET CLR 3.5.30729)
Voir ma configuration
-
mibru-2
Demande à asumbaa
Dis-moi,
je ne comprends pas: ajouter focus au même niveau que hover. Peux-tu m'aider TP?
Merci.
---------------------------------------------------------------------------------
@charset "utf-8";
* {
margin: 0px;
padding: 0px;
}
body {background:url(images/bg.jpg) repeat; font-family:Arial, "Times New Roman", Times, serif; font-size:14px;}
#wrap {width:882px; margin:auto;}
.clear {clear:both;}
a {color:#320E15;}
a:visited,active {color:#320E15;}
.hide {display:none;}
/*Header*/
#topbar {background:url(images/topbg.jpg) repeat-x; height:89px;}
#topbar #TopSection {width:882px; margin:auto;}
#sitename {display:block; height:40px; float:left; padding:3px; font:Georgia, "Times New Roman", Times, serif; font-size:30px; font-weight:normal; color:#000000;}
#sitename span {text-transform:lowercase; font-style:italic; color:#D1DDED; font-size:34px;}
#sitename a, #sitename a:visited, #sitename a:active, #sitename a:hover{color:#FFFFCC; text-decoration:none;}
#sitename span a, #sitename span a:visited, #sitename span a:active, #sitename span a:hover {color:#D1DDED; text-decoration:none;}
#topbarnav { height:36px; padding-top:10px; text-align:right; color:#FFFFCC;}
#topbarnav a{color:#FFFFCC;}
#topbarnav a:visited,active {color:#FFFFCC;}
#topbarnav a:hover {color:#FFFFFF; text-decoration:none;}
#topbarnav .searchform { float:right; margin:0px 15px 0px 0px;}
.searchform .keywordfield {border:solid 1px #333333; background:#F8F2DA; padding:3px;}
#topbarnav .topnavitems {float:right; display:block;}
#wrap #header { background:url(images/header.jpg) no-repeat; height:229px; margin-top:10px;}
#header .introtext {display:block; padding:60px 300px 25px 125px; text-align:right; font-weight:normal; color:#FFFFFF; font-size:25px;}
.highlight {background:#FFFFFF; color:#FFFF99;}
.highlight2 {color:#FFFF99; font-size:28px; font-style:italic;}
#headershort {background: url(images/headershort.jpg) no-repeat; height:119px;}
#headershort .subheader {font-size:48px; color:#F1E8CB; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; display:block; padding:55px 55px 0px 20px; }
/* Top Menu */
#topmenu {list-style:none; text-align:center; padding-top:4px;}
#topmenu li {display:inline;}
#topmenu a, #topmenu a:visited, #topmenu a:active { display:block; text-decoration:none; color:#0000FF; float:left; height:30px; padding:9px 15px 0px 17px; background:url(images/menubg1.jpg) no-repeat right top;}
#topmenu a:hover {display:block; text-decoration:none; color:#002F2F; float:left; height:30px; padding:9px 15px 0px 17px; background:url(images/menubg2.jpg) no-repeat right top;}
#topmenu .active a, #topmenu .active a:visited, #topmenu .active a:active {display:block; text-decoration:none; color:#333333; float:left; height:30px; padding:9px 15px 0px 17px; background:url(images/menubg2.jpg) no-repeat right top;}
/* Contents */
#contents {font-size:12px;}
#contents a:hover {text-decoration:none;}
#contents p {color:#000000; line-height:22px;}
#contents h2 {color:#8D6932; font-weight:normal;}
#left { width:570px; float:left; padding:5px 20px 5px 5px; background:url(images/sidebarbg1.jpg) repeat-y right;}
#left h3, #left h4, #left h5 { color:#009999; display:block; padding:5px; margin-bottom:10px; margin-top:10px;}
#left h3 {font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#left h4 {font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#left h5 {font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#left h2 {font-size:26px; display:block; border-bottom:solid 1px #ECDEB0; padding:5px;}
#left h2 a, #left h2 a:visited, #left h2 a:active{color:#8D6932; text-decoration:none;}
#left h2 a:hover {color:#000000;}
#left .postmetadata {display:block; background:url(images/metadatabg.jpg) no-repeat; margin:10px 0px 20px 0px; padding:15px 0px 0px 0px; text-align:center;}
blockquote {display:block; border-top:dashed 1px #D2B87B; border-bottom:dashed 1px #D2B87B;text-align:center; margin:10px; padding:10px;}
blockquote p {font-size:12px; }
#left img {background:#FFFFFF; border:solid 1px #cccccc; padding:3px; margin:5px;}
#left .alignleft {float:left;}
#left .alignright {float:right;}
#left .postdata{display:block; padding:3px; text-align:right; color:#999999; margin-bottom:10px;}
#left table {width:95%; border:solid 1px #DCC48F;}
#left th {padding:5px; text-align:left; background:#E8D8B3}
#left td {padding:5px;}
#left .alttr1{ background:#FFFFCC;}
#left .alttr2{ background:#FFFFFF;}
#left .alttr1 th {background:#ffffff;}
#left .alttr2 th {background:#E7F4FA;}
#left ul {padding:10px; color:#666666;}
#left ul li {padding:3px; display:block; border-bottom:dashed 1px #E8D8B3;}
#left p {margin:10px 0px 10px 0px;}
#left ol {padding:10px; margin:10px; color:#666666;}
#left ol li {padding:3px;}
#left .contactform {padding:10px; margin:10px;}
/*comments*/
.nocomments {color:#999999; font-size:10px; display:block;}
.commentlist {background: #FFFFCC; list-style-type:decimal; list-style-position:inside; font-family: Verdana, Arial, Helvetica, sans-serif;}
.commentlist li {border-bottom:solid 2px #EADDBF; padding:5px;}
.commentlist cite {display:block; color: #996633; font-weight:bold; padding:0px 3px 3px 20px;}
.commentmeta {display:block; font-size:10px; padding:3px; color:#999999;}
.commenttxt {display:block; padding:5px 5px 5px 15px;}
.textfield {width:190px; background-color: #F7F1E6; margin:0px; border: 1px solid #C6A453;}
.textfield:hover {background: #FFFFCC;}
.textfield:focus {background:#ffffff;}
/*sidebar*/
#sidebar {margin-left: 605px; padding:5px;}
#sidebar ul {list-style:none;}
#sidebar ul li ul {list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif;}
#sidebar #categories li{display:block; height:30px; border-bottom:solid 1px #E8DDB3;}
#sidebar #categories a, #sidebar #categories a:visited, #sidebar #categories a:active {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none; border-top:solid 1px #F8F4E0;}
#sidebar #categories a:hover {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none;border-top:solid 1px #F8F4E9; background:#FDFCF2;}
#sidebar #blogroll li{display:block; height:30px; border-bottom:solid 1px #E8DDB3;}
#sidebar #blogroll a, #sidebar #categories a:visited, #sidebar #categories a:active {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none; border-top:solid 1px #F8F4E0;}
#sidebar #blogroll a:hover {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none;border-top:solid 1px #F8F4E9; background:#FDFCF2;}
#sidebar h2{display:block; font-size:18px; padding:5px; border-bottom:solid 1px #E8DDB3;}
#sidebar #recententries li {padding:5px; border-bottom:solid 1px #e8ddb3;}
/* Home Page Content */
#aboutdiv {float:left; padding:3px; width:146px; margin:5px 2px 5px 5px;}
#aboutdiv .openquote {display:block; background:url(images/quote.gif) no-repeat; float:left; padding:3px; width:12px; height:12px;}
#aboutdiv h2, #highlights h2 {padding:5px; display:block; background:url(images/h2line.gif) repeat-x left bottom; color:#8D6932; margin:0px 3px 5px 0px; font-family:Arial, Helvetica, sans-serif;}
#highlights {float:left; width:144px; padding:3px 3px 3px 10px; margin:5px 0px 5px 0px; background:url(images/sidebarbg1.jpg) repeat-y left;}
#highlights h3 {color:#046380; font-weight:normal; font-size:14px;}
#highlights h3 a {color:#046380; text-decoration:none; display:block; border-bottom:solid 1px #F5EFC9;}
#highlights h3 a:hover {color:#B38348; display:block; text-decoration:none; background:#ffffcc;;border-bottom:dashed 1px #BC8F52;}
#highlights ul {list-style:none; color:#000000; text-align:right;}
#highlights li {display:block; padding:3px; background: none; border-bottom:solid 1px #fff;}
#highlights li:hover {display:block; padding:3px; border-bottom:solid 1px #fff; background:#FFFFFF; }
#homecontents {float:left; width:530px; padding:3px 3px 3px 20px; margin:5px 5px 5px 0px; background:url(images/sidebarbg1.jpg) repeat-y left;}
#homecontents p, left p, right p {margin:10px 0px 10px 0px;}
#homecontents h2 {display:block; color:#046380; border-bottom:solid 1px #E1D2A6; font-size:22px;}
#homecontents h2 a{text-decoration:none; color:#046380;}
#homecontents h2 a:hover { text-decoration:none; color:#000000; border-bottom:solid 1px #000000; background:#ffffcc;}
.postinfo {display:block; text-align:right; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:10px}
/*Footer*/
#footer {background: url(images/footer.jpg) repeat-x; padding:60px 0px 0px 15px; background-color:#333333;text-align:center;}
#footercontent {width:862px; margin:auto; padding:10px;}
#previews {padding:5px;}
#previews .item {width:120px; height:110px; float:left; text-align:center;}
#previews .item a img, #previews .item a:visited img, #previews .item a:active img{background:#efefef; border:solid 1px #CCCCCC; padding:3px;}
#previews .item a:hover img{background:#efefef; border:solid 1px #000000; padding:3px;}
#previews .item .caption {display:block; color:#CCCCCC;}
#copyright {margin:20px 0xp 20px 0px; padding:20px 0px 20px 0px; color:#FFFFCC ; border-top:solid 1px #333333; background:url(images/copyrightbg.jpg) repeat-x;}
#footer a:link, #footer a:visited {color:#FFFFCC;}
#footer a:hover, #footer a:active {color:#FFFFFF;}
#credit {background:#000000; height: 25px; padding:10px; border-top:solid 2px #666666; text-align:center; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)
je ne comprends pas: ajouter focus au même niveau que hover. Peux-tu m'aider TP?
Merci.
---------------------------------------------------------------------------------
@charset "utf-8";
* {
margin: 0px;
padding: 0px;
}
body {background:url(images/bg.jpg) repeat; font-family:Arial, "Times New Roman", Times, serif; font-size:14px;}
#wrap {width:882px; margin:auto;}
.clear {clear:both;}
a {color:#320E15;}
a:visited,active {color:#320E15;}
.hide {display:none;}
/*Header*/
#topbar {background:url(images/topbg.jpg) repeat-x; height:89px;}
#topbar #TopSection {width:882px; margin:auto;}
#sitename {display:block; height:40px; float:left; padding:3px; font:Georgia, "Times New Roman", Times, serif; font-size:30px; font-weight:normal; color:#000000;}
#sitename span {text-transform:lowercase; font-style:italic; color:#D1DDED; font-size:34px;}
#sitename a, #sitename a:visited, #sitename a:active, #sitename a:hover{color:#FFFFCC; text-decoration:none;}
#sitename span a, #sitename span a:visited, #sitename span a:active, #sitename span a:hover {color:#D1DDED; text-decoration:none;}
#topbarnav { height:36px; padding-top:10px; text-align:right; color:#FFFFCC;}
#topbarnav a{color:#FFFFCC;}
#topbarnav a:visited,active {color:#FFFFCC;}
#topbarnav a:hover {color:#FFFFFF; text-decoration:none;}
#topbarnav .searchform { float:right; margin:0px 15px 0px 0px;}
.searchform .keywordfield {border:solid 1px #333333; background:#F8F2DA; padding:3px;}
#topbarnav .topnavitems {float:right; display:block;}
#wrap #header { background:url(images/header.jpg) no-repeat; height:229px; margin-top:10px;}
#header .introtext {display:block; padding:60px 300px 25px 125px; text-align:right; font-weight:normal; color:#FFFFFF; font-size:25px;}
.highlight {background:#FFFFFF; color:#FFFF99;}
.highlight2 {color:#FFFF99; font-size:28px; font-style:italic;}
#headershort {background: url(images/headershort.jpg) no-repeat; height:119px;}
#headershort .subheader {font-size:48px; color:#F1E8CB; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; display:block; padding:55px 55px 0px 20px; }
/* Top Menu */
#topmenu {list-style:none; text-align:center; padding-top:4px;}
#topmenu li {display:inline;}
#topmenu a, #topmenu a:visited, #topmenu a:active { display:block; text-decoration:none; color:#0000FF; float:left; height:30px; padding:9px 15px 0px 17px; background:url(images/menubg1.jpg) no-repeat right top;}
#topmenu a:hover {display:block; text-decoration:none; color:#002F2F; float:left; height:30px; padding:9px 15px 0px 17px; background:url(images/menubg2.jpg) no-repeat right top;}
#topmenu .active a, #topmenu .active a:visited, #topmenu .active a:active {display:block; text-decoration:none; color:#333333; float:left; height:30px; padding:9px 15px 0px 17px; background:url(images/menubg2.jpg) no-repeat right top;}
/* Contents */
#contents {font-size:12px;}
#contents a:hover {text-decoration:none;}
#contents p {color:#000000; line-height:22px;}
#contents h2 {color:#8D6932; font-weight:normal;}
#left { width:570px; float:left; padding:5px 20px 5px 5px; background:url(images/sidebarbg1.jpg) repeat-y right;}
#left h3, #left h4, #left h5 { color:#009999; display:block; padding:5px; margin-bottom:10px; margin-top:10px;}
#left h3 {font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#left h4 {font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#left h5 {font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#left h2 {font-size:26px; display:block; border-bottom:solid 1px #ECDEB0; padding:5px;}
#left h2 a, #left h2 a:visited, #left h2 a:active{color:#8D6932; text-decoration:none;}
#left h2 a:hover {color:#000000;}
#left .postmetadata {display:block; background:url(images/metadatabg.jpg) no-repeat; margin:10px 0px 20px 0px; padding:15px 0px 0px 0px; text-align:center;}
blockquote {display:block; border-top:dashed 1px #D2B87B; border-bottom:dashed 1px #D2B87B;text-align:center; margin:10px; padding:10px;}
blockquote p {font-size:12px; }
#left img {background:#FFFFFF; border:solid 1px #cccccc; padding:3px; margin:5px;}
#left .alignleft {float:left;}
#left .alignright {float:right;}
#left .postdata{display:block; padding:3px; text-align:right; color:#999999; margin-bottom:10px;}
#left table {width:95%; border:solid 1px #DCC48F;}
#left th {padding:5px; text-align:left; background:#E8D8B3}
#left td {padding:5px;}
#left .alttr1{ background:#FFFFCC;}
#left .alttr2{ background:#FFFFFF;}
#left .alttr1 th {background:#ffffff;}
#left .alttr2 th {background:#E7F4FA;}
#left ul {padding:10px; color:#666666;}
#left ul li {padding:3px; display:block; border-bottom:dashed 1px #E8D8B3;}
#left p {margin:10px 0px 10px 0px;}
#left ol {padding:10px; margin:10px; color:#666666;}
#left ol li {padding:3px;}
#left .contactform {padding:10px; margin:10px;}
/*comments*/
.nocomments {color:#999999; font-size:10px; display:block;}
.commentlist {background: #FFFFCC; list-style-type:decimal; list-style-position:inside; font-family: Verdana, Arial, Helvetica, sans-serif;}
.commentlist li {border-bottom:solid 2px #EADDBF; padding:5px;}
.commentlist cite {display:block; color: #996633; font-weight:bold; padding:0px 3px 3px 20px;}
.commentmeta {display:block; font-size:10px; padding:3px; color:#999999;}
.commenttxt {display:block; padding:5px 5px 5px 15px;}
.textfield {width:190px; background-color: #F7F1E6; margin:0px; border: 1px solid #C6A453;}
.textfield:hover {background: #FFFFCC;}
.textfield:focus {background:#ffffff;}
/*sidebar*/
#sidebar {margin-left: 605px; padding:5px;}
#sidebar ul {list-style:none;}
#sidebar ul li ul {list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif;}
#sidebar #categories li{display:block; height:30px; border-bottom:solid 1px #E8DDB3;}
#sidebar #categories a, #sidebar #categories a:visited, #sidebar #categories a:active {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none; border-top:solid 1px #F8F4E0;}
#sidebar #categories a:hover {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none;border-top:solid 1px #F8F4E9; background:#FDFCF2;}
#sidebar #blogroll li{display:block; height:30px; border-bottom:solid 1px #E8DDB3;}
#sidebar #blogroll a, #sidebar #categories a:visited, #sidebar #categories a:active {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none; border-top:solid 1px #F8F4E0;}
#sidebar #blogroll a:hover {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none;border-top:solid 1px #F8F4E9; background:#FDFCF2;}
#sidebar h2{display:block; font-size:18px; padding:5px; border-bottom:solid 1px #E8DDB3;}
#sidebar #recententries li {padding:5px; border-bottom:solid 1px #e8ddb3;}
/* Home Page Content */
#aboutdiv {float:left; padding:3px; width:146px; margin:5px 2px 5px 5px;}
#aboutdiv .openquote {display:block; background:url(images/quote.gif) no-repeat; float:left; padding:3px; width:12px; height:12px;}
#aboutdiv h2, #highlights h2 {padding:5px; display:block; background:url(images/h2line.gif) repeat-x left bottom; color:#8D6932; margin:0px 3px 5px 0px; font-family:Arial, Helvetica, sans-serif;}
#highlights {float:left; width:144px; padding:3px 3px 3px 10px; margin:5px 0px 5px 0px; background:url(images/sidebarbg1.jpg) repeat-y left;}
#highlights h3 {color:#046380; font-weight:normal; font-size:14px;}
#highlights h3 a {color:#046380; text-decoration:none; display:block; border-bottom:solid 1px #F5EFC9;}
#highlights h3 a:hover {color:#B38348; display:block; text-decoration:none; background:#ffffcc;;border-bottom:dashed 1px #BC8F52;}
#highlights ul {list-style:none; color:#000000; text-align:right;}
#highlights li {display:block; padding:3px; background: none; border-bottom:solid 1px #fff;}
#highlights li:hover {display:block; padding:3px; border-bottom:solid 1px #fff; background:#FFFFFF; }
#homecontents {float:left; width:530px; padding:3px 3px 3px 20px; margin:5px 5px 5px 0px; background:url(images/sidebarbg1.jpg) repeat-y left;}
#homecontents p, left p, right p {margin:10px 0px 10px 0px;}
#homecontents h2 {display:block; color:#046380; border-bottom:solid 1px #E1D2A6; font-size:22px;}
#homecontents h2 a{text-decoration:none; color:#046380;}
#homecontents h2 a:hover { text-decoration:none; color:#000000; border-bottom:solid 1px #000000; background:#ffffcc;}
.postinfo {display:block; text-align:right; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:10px}
/*Footer*/
#footer {background: url(images/footer.jpg) repeat-x; padding:60px 0px 0px 15px; background-color:#333333;text-align:center;}
#footercontent {width:862px; margin:auto; padding:10px;}
#previews {padding:5px;}
#previews .item {width:120px; height:110px; float:left; text-align:center;}
#previews .item a img, #previews .item a:visited img, #previews .item a:active img{background:#efefef; border:solid 1px #CCCCCC; padding:3px;}
#previews .item a:hover img{background:#efefef; border:solid 1px #000000; padding:3px;}
#previews .item .caption {display:block; color:#CCCCCC;}
#copyright {margin:20px 0xp 20px 0px; padding:20px 0px 20px 0px; color:#FFFFCC ; border-top:solid 1px #333333; background:url(images/copyrightbg.jpg) repeat-x;}
#footer a:link, #footer a:visited {color:#FFFFCC;}
#footer a:hover, #footer a:active {color:#FFFFFF;}
#credit {background:#000000; height: 25px; padding:10px; border-top:solid 2px #666666; text-align:center; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1)
Remplacer :
par :
PS : il vaut mieux mettre tes extraits de code en les balises BBCode pour qu'ils soient plus lisibles et compacts.
Code : Tout sélectionner
#footer a:hover, #footer a:active {color:#FFFFFF;} Code : Tout sélectionner
#footer a:hover, #footer a:focus, #footer a:active {color:#FFFFFF;} Code : Tout sélectionner
et Nicolas
☛ Problème [résolu] ? Modifiez votre premier message pour l'indiquer.
☞ Pas de support par message privé, postez sur le forum, merci.
☛ Problème [résolu] ? Modifiez votre premier message pour l'indiquer.
☞ Pas de support par message privé, postez sur le forum, merci.
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 6 invités