28173 sujets

CSS et mise en forme, CSS3

Help !

Salut à tous,

voila, j'ai un soucis au niveau de la presentation des couleurs...
Ma page est composé d'un menu et d'un footer ou il y a des liens avec une certaines couleurs... LE PROBLEME : J'ai des liens dans mes pages de contenu également qui renvoient vers d'autres sites (encyclopédie...Etc) et le probleme c'est que la couleur de fond de ma frame (pseudo) est differente du reste, en fait je voudrai que les liens du contenu ne prenne pas le style des liens du site en général...je n'y arrive plus la...

http://bhsoh.free.fr/

AVEC LE LIEN VOUS COMPRENDREZ TOUT DE SUITE Smiley lol SUR DESIGN1...FOND ROUGE FONCEE...VOILA MERCI...JE MET LE CODE DES LIENS :

a {
	text-decoration: none;
	color: #330000;
	background-color: #CC0033;
}
a:visited {
	text-decoration: none;
	color: #CC9999;
	background-color: #CC0033;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background: #CC0033 url(none); /* correction d'un bug IE */
}
a:active/*ie*/ {
	text-decoration: none;
	color: #FF3366;
	background-color: #CC0033;
}
a:focus/*gecko*/ {
	text-decoration: none;
	color: #FF3366;
	background-color: #CC0033;
}
h1 {
	margin: 25px;
	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif;
	font-style: normal;
	color: #CC9999;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	background-color: #330000;
}
h1:hover {
	color: #FFCCCC;
	background-color: #330000;
}
h2 {
	margin: 25px;
	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif;
	font-style: normal;
	color: #CC9999;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	background-color: #330000;
}
h2:hover {
	color: #FFCCCC;
	background-color: #330000;
}
p {
	margin: 25px;
	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif;
	font-style: normal;
	color: #CC9999;
	font-size: 0.9em;
	font-weight: normal;
	text-align: justify;
	background-color: #330000;
}
p:hover {
	color: #FFCCCC;
	background-color: #330000;
}
.menugauche {
	margin: 20px 0px 0px 20px;
	list-style-type: none;
	text-align: left;
	padding: 0px;
	background-color: #CC0033;
	color: #ffffff;
}
.menugauche li {
	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 5px;
	background-color: #CC0033;
}
.menugauche a {
	margin: 0px;
	color: #330000;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	background-color: #CC0033;
}
.menugauche a:visited {
	margin: 0px;
	color: #CC9999;
	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #CC0033;
}
.menugauche a:hover {
	margin: 0px;
	color: #ffffff;
	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #CC0033;
}
.menugauche a:active/*ie*/ {
	margin: 0px;
	color: #FF3366;
	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #CC0033;
}
.menugauche a:focus/*gecko*/ {
	margin: 0px;
	color: #FF3366;
	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #CC0033;
}


PITIE Smiley bawling

Smiley cligne Merçi
Modifié par yank (01 Jun 2006 - 16:29)
plutot que definir l'aspect des liens pour la page entiere tu mets un selecteur de zone .
#footer a{ blabkla;}
#footer a:visited{ blabkla;}
#footer a:hover{ blabkla;}
#footer a:active{ blabkla;}
Modifié par jp94 (01 Jun 2006 - 16:06)
jp94 a écrit :
plutot que definir l'aspect des liens pour la page entiere tu mets un selecteur de zone .
#footer a{ blabkla;}
#footer a:visited{ blabkla;}
#footer a:hover{ blabkla;}
#footer a:active{ blabkla;}


...je vois ce que tu veux dire, mais comment je fais pour mon contenu car ce ne sont pas les liens du footer que je veux definir mais ceux de mes frames...

#frame a { ? Smiley rolleyes

.frame {

    * margin-left : 200px;
    * margin-right : 20px;
    * overflow : auto;
    * width : 530px;
    * height : 430px;
    * background-color : #330000;
    * color : #ffffff;
    * background-image : url(visuels/frame1.gif);
    * background-repeat : no-repeat;
    * background-position : left;

Modifié par yank (01 Jun 2006 - 16:09)
si tu definis l'aspect des liens pour toute ta page tous les liens vont avoir le meme aspect , donc definis l'aspect zone par zone kla moi j'ai donné footer au hazard mais l'important est que tu ne denifinisse pas l'aspect pour toute la page mais que pour une zone eta chaque zone tu redonnes l'aspect que tu veux
.iframe a { }
.iframe a:visited { }
.iframe a:hover { }
.iframe a:active { }
Modifié par jp94 (01 Jun 2006 - 16:20)
Ok merçi à vous Smiley biggrin J'vais essayer ça tout de suite

Nikel :

.frame a {
	color: #CC9999;
	background-color: #330000;
}
.frame a:hover {
	color: #FFCCCC;
	background-color: #330000;
}


Merçi Smiley cligne
Modifié par yank (01 Jun 2006 - 16:29)