28173 sujets

CSS et mise en forme, CSS3

Re-postage de mon 1er message après édition. Excusez-moi pour la mise en forme de ce 1er message. Merci pour votre aide.



Bonjour à tous,

Souci... que je n'arrive pas à solutionner tout seul...

Je suis en train de réaliser un site dont la mise en forme est gérée par une feuille de style externe

En ligne, aucun style ne s'affiche... sur aucune page... pourtant ma feuille est bien liée. Mais elle est totalement inactive.

Que se passe t-il ? Je ne trouve pas la solution. Merci aux personnes qui pourront passer un peu de temps à m'aider sur mon problème.

Lien vers le site: SITE WEB

http://inti.france.free.fr/inti/francais/association/qui_sommes_nous.html
[/url]


Contenu de ma feuille de style:


.fond1 {
	background-image: url(/inti1/images/terre1.jpg);
}
.menuradio {
	font-family: "Trebuchet MS", Verdana, "Tahoma Small Cap", sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #993300;
	text-align: center;
	width: 165px;
	margin-left: 15px;
}
.fond2 .menuradio a:hover {
	color: #FFFF00;
	background-color: #009900;
}
.fond2 {
	background-image: url(/inti1/images/colonne3.jpg);
}
.fond3 {
	background-image: url(/inti1/images/beige1.jpg);
}
#menuv li {
	text-align: center;
	width: 160px;
	border: medium outset #FF9966;
	background-image: url(/inti1/images/colonne3.jpg);
	margin: 0px;
	padding: 0px;
}


#menuv a {
	font-family: "Trebuchet MS", Verdana, "Tahoma Small Cap", sans-serif;
	font-size: 16px;
	line-height: 50px;
	color: #993300;
	text-decoration: none;
	display: block;
	font-weight: bold;
	height: 50px;
}

#menuv a:hover {
	background-color: #33CC00;
	font-family: "Trebuchet MS", Verdana, "Tahoma Small Cap", sans-serif;
	font-weight: bold;
	color: #FFFF00;
}

#menuv {
	margin-right: 17px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}
#menuv .liens_2_lignes {
	line-height: normal;
}

#menuh a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	color: #FFFF00;
	text-align: center;
}
#menuh a:hover {
	color: #990033;
}
h2 {
	font-family: "Comic Sans MS";
	font-size: 36px;
	color: #FFCC00;
	font-weight: lighter;
}
#menuh {
	background-color: #009900;
	background-position: center;
	text-align: center;
}
.accueil {
	font-family: "Comic Sans MS";
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	color: #993300;
}
.titre_de_menu {
	font-family: "Comic Sans MS";
	font-size: 24px;
	color: #003300;
	text-align: center;
}
h1 {
	font-family: "Comic Sans MS";
	font-size: 16px;
	font-weight: bold;
	color: #993300;
}
.fond1 img {
	margin-left: 20px;
	font-family: "Trebuchet MS", Verdana, "Tahoma Small Cap", sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #993300;
	text-align: center;
}
body {
	margin: 0px;
}

Modifié par Le Condor (01 May 2007 - 16:43)
Bonjour,

À priori, je dirais que le chemin de ta feuille de style (défini par ta balise "link") est tout simplement faussé par une url absolue probablement non adaptée à la hiérarchie de tes fichiers sur ton ftp.
Salut,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Je comprends pas trop. Ma feuille de style est placée à la racine de mon site, et de là, elle est sensée agir sur toutes les pages.

En local, quand je fais des aperçus avec la touche F12, j'ai un peu le même souci... Quand je fais un aperçu sur une page courante, les styles s'affichent sans problème, mais si je cliques sur un lien vers une autre page, là il n'y a plus de style...

Tu en penses quoi ?
Bonjour et bienvenue à toi sur le Forum,

Pourrais-tu avoir l'obligeance de respecter les règles du forum et, comme te l'a demander Mikachu, d'éditer ton message afin d'encadrer ton code au moyen des balises appropriées ?

Merci d'avance et bonne continuation Smiley cligne
Plus spécifiquement, ton problème est simplement que le lien vers ta feuille de style ne pointe pas au bon endroit :
<link href="/inti1/inti.css" rel="stylesheet" type="text/css" /> pointe ici

Alors que ta feuille se trouve ici : <link href="/inti/inti.css" rel="stylesheet" type="text/css" />

<edit>Grillée</edit>
Modifié par Cygnus (01 May 2007 - 16:39)