18041 sujets

Questions générales et questions de débutants

Attacher une feuille de style [RESOLU]

Bonjour, je viens de découvrir ce site.
Voilà, j'ai un soucis tout bête, je n'arrive pas à attacher ma feuille de style.
Je m'explique : Je suis sous dreamweaver, j'ai une page html et une css.
Quand j'incorpore la feuille de style il n'y a pas de soucis mais quand je veux écrire sur la page dans le #conteneur, il n'y a aucun style sauf le nom de la police. Si je fais attacher feuille de style, cela ne fait rien du tout.
Voilà, un premier pas tout bête je l'avoue mais qui m'embête un peu.
Modifié par premierpas (25 Oct 2006 - 21:09)
Salut.
- uploade la feuille de styles sur ton ftp.
- ouvre le bloc-notes de windoze.
- ouvre ton fichier html dans le bloc-notes de windoze.
- place le curseur dans le header (quelque part entre <head> et </head>, mais attention pas n'importe où. Fais gaffe à ne pas rompre un javascript par exemple. Smiley murf )
- copie-zy les lignes suivantes. 
		     <style type="text/css">
			<!--
				@import url("http://monsite/myCSS.css"); 
			-->
			</style>';

- remplace "http://monsite/myCSS.css" par le nom de ton fichier css.
- sauve ton fichier html.
- uploade le fichier html sur le ftp.
- fais un essai en ligne.

C'est good ?
Modifié par Ralfman68 (23 Oct 2006 - 12:24)
Ok merci c'est nickel Smiley smile

Une autre question :

Est il possible dans le body de mettre deux images (une en fond pour le pixel bg) et une seconde en top qui me sert de décor de fond du haut de la page?
Car cela m'enlève l'une ou l'autre image Smiley decu
Merci

body 
	{
	font-size:small;
	color:#000066;
	font-family: "Georgia", Times, serif;
	font-size:75%;
	line-height: 180%;
	background-color:#5897b6;
	margin:0px;
	margin-bottom: 0px;
    padding:10px;
	background-image: url(images/bg.jpg);
	background-repeat:repeat;
	background-image:url(images/beauce12.jpg);
	background-position:top;
	background-repeat:no-repeat;

Modifié par premierpas (23 Oct 2006 - 21:15)
Salut !

Il n'est paspossible d'affecter deux images en arrière-plan.
Par contre, tu peux faire un montage en les deux si cela est possible ou encore essayer de placer l'une ou l'autre image en arrière-plan d'un conteneur si tu en as un qui s'y prête...

Bon courage Smiley ravi
merci pour ta réponse je regarde toussa.

Une autre question qui a un rapport avec les liens :

J'ai une navigation horizontale pour les menus et dans un contener j'ai rajouté des listes de puce.
LE problème c'est que j'ai mes liens qui sont dans le conteneur qui sont soulignés et je n'arrive pas à enlever ce code.
Comment peut-on faire? merci !
Je vous mets le code :
Navigation :

div#navcontainer
{
background-color:#0173b0;
border-top: solid 1px #FFFFFF;
border-bottom: solid 1px #FFFFFF;
}

div#navcontainer ul
{
font-family: "Times New Roman", Times, serif;
font-weight: bold;
color: white;
text-align: center;
margin:0;
padding-bottom: 1px;
padding-top: 1px;
}

div#navcontainer ul li
{
display: inline;
margin-left: -4px;
}

div#navcontainer ul li a
{
padding: 5px 10px 5px 10px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

div#navcontainer ul li a:hover
{
background-color:#369;
color: white;
}

#active a { border-left: 1px solid #fff; }

Et celui du conteneur dont les liens sont souligés (je ne voudrai pas):
li {
font-family: "Verdana", Arial, Helvetica, sans-serif;
list-style-type:square;
text-decoration:none;
	}

a.lire:hover {
color:#E7830D;
text-decoration:none;
background-color:#780000;
Bonjour,

essaye d'ajouter çà avant la propriétés a.lire:hover


a.lire {
  text-decoration: none;
}


Ainsi tous tes liens ayant la classe .lire, n'auront aucun soulignement quel que soit leur état. Ensuite tu peux réafecter un soulignement si tu le souhaite en le précisant dans l'état concerné en les rangeant dans cet ordre dans la css (pour que çà marche correctement) :
a:link
a:visited
a:active
a:hover

Ce qui dans ton cas donnerait :
a.lire:link
a.lire:visited
a.lire:active
a.lire:hover
Cygnus a écrit :
Il n'est paspossible d'affecter deux images en arrière-plan.

Sauf sous Safari qui implémente une fonctionnalité des CSS3 Smiley confus
Mikachu a écrit :
Bonjour,

essaye d'ajouter çà avant la propriétés a.lire:hover


a.lire {
  text-decoration: none;
}


Ainsi tous tes liens ayant la classe .lire, n'auront aucun soulignement quel que soit leur état. Ensuite tu peux réafecter un soulignement si tu le souhaite en le précisant dans l'état concerné en les rangeant dans cet ordre dans la css (pour que çà marche correctement) :
a:link
a:visited
a:active
a:hover

Ce qui dans ton cas donnerait :
a.lire:link
a.lire:visited
a.lire:active
a.lire:hover


Merci beaucoup je vais essayer cet après midi
Amicalement

Dominique

EDIT : C'est ok merci beaucoup Smiley smile

Une autre chose : J'ai deux fichiers css dans mon dossier l'un appellé : style (celui que j'ai nomé et un second : css...
Normal?
Merci
Modifié par premierpas (24 Oct 2006 - 13:05)
Modérateur
Salut,

Mikachu a écrit :
Ensuite tu peux réafecter un soulignement si tu le souhaite en le précisant dans l'état concerné en les rangeant dans cet ordre dans la css (pour que çà marche correctement) :
a:link
a:visited
a:active
a:hover
Ah ! petite erreur... Smiley cligne

Pour retenir l'ordre, Jeffrey Zeldman disait qu'il pense toujours à "LoVe, HA !" ce qui fait qu'il faut inverser les deux derniers... Smiley smile
Bonjour et bienvenue premierpas Smiley smile ,

Je crois qu'on aborde plusieurs problèmes bien distincts. Il faut mieux faire un sujet sur chaque question et passer celui-ci en résolu comme indiqué dans la FAQ.

Merci d'avance.
Sujet clos
Aller à