Lien CSS et HTML et vice-versa

**minachou** · 27/02/2008, 01h53

Bonjour tout le monde!

Voilà je suis une débutante dans la création d'un site web.
J'ai appris à écrire en languague html
Et maintenant je suis oqp à essayer de comprendre le languague css
Malheureusement je ne sais pas si on doit mettre avant de commencer quelques lignes comme sur html
Du genre

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<html>
<head>
</head>
</html>

En bref
J'ai essayé de mettre en lien ma page html avec css mais ca ne fonctionne pas du tout

Pourriez vous m'aidez ce serait adorable

Merci

**warwill** · 27/02/2008, 10h11

poste nous le code html et le css sinon ça risque d'être dure.

**Strix** · 27/02/2008, 12h09

Salut et bienvenue sur developpez.net

Un petit tour par les cours te serait-il utile ?
http://css.developpez.com/cours/

**minachou** · 27/02/2008, 19h07

page html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<html> 
  <head>
<LINK rel="stylesheet" type="text/css" href=<"./design.css">
<title>page web </title>
  <meta name="Author" content="page web">
</head>
 
<body>
<div align=center>
<img src="http://a789.ac-images.myspacecdn.com/images01/98/l_151e6ead10524e7b48164e66e9d360ac.jpg">
 
 
<div align=center>
<table border=5>
<tr>
<td><table border=10 cellpadding=10>
 
<td><a href="index (2).htm">
<font face="amienne">
<font size=+3>
<b>
<font color="#FF66CC">
Home
</font color="#FF66CC">
</b>
</font face="amienne">
 
<td><a href="agenda.htm">
<font face="amienne">
<font size=+3">
<b>
<font color="#FF66CC">
Agenda
</font color="#FF66CC">
</b>
</a>
</font face="amienne">
 
<td><a href="photo.htm">
<font face="amienne">
<font size=+3">
<b>
<font color="#FF66CC">
Pictures
</font color="#FF66CC>
</b>
</a>
</font face="amienne">
 
<td><a href="biographie.htm">
<font face="amienne">
<font size=+3">
<b>
<font color="#FF66CC">
Biographie
</font color="#FF66CC">
</b>
</a>
</font face="amienne">
 
<td><a href="liens.htm">
<font face="amienne">
<font size=+3"> 
<b>
<font color="#FF66CC">
Liens
</font color="#FF66CC">
</b>
</a>
</font face="amienne">
 
<td><a href="livredor.htm">
<font face="amienne">
<font size=+3>
<b>
<font color="#FF66CC">
Livre d'0r
</font color="#FF66CC>
</b>
</a>
</font face="amienne">
 
<td><a href="contacts.htm">
<font face="amienne">
<font size=+3>
<b>
<font color="#FF66CC">
Contacts
</font color="#FF66CC">
</b>
</a>
</font face="amienne">
 
</table border=10>
</div align=center>
</table> 
 
 
 
 
 
 
 
 
 
 
 
 
<p>
Intro
</p>
<a href="page1.htm">ici</a>
</body>
</html>

page css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<head>
 <body>
{
   color: black;
   font-size: 18px;
}
body
{
   background-image: ("http://a771.ac-images.myspacecdn.com/images01/32/l_bc8b2d3dda341297c6a1f1783836526a.png");
   background-attachment: scroll;
}
</head>

Bien évidemment je tiens à repréciser que je suis une nouille dans ce domaine
et merci beaucoup pour vos réponses

**12monkeys** · 27/02/2008, 19h48

Hello

Bien vouloir utiliser les balises code (bouton #).

Dans ta page html tu as ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<LINK rel="stylesheet" type="text/css" href=<"./design.css">

il y a un caractère en trop : <

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<LINK rel="stylesheet" type="text/css" href="./design.css">

De plus ton fichier design.css se trouve où par rapport au fichier html ?

Dans ton fichier css on ne met ni <head> ni <body> ni </head>

Il devrait ressembler à ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
body
{
color: black;
font-size: 18px;
background-image: url("http://a771.ac-images.myspacecdn.com/images01/32/l_bc8b2d3dda341297c6a1f1783836526a.png");
background-attachment: scroll;
}

Il faudrait en effet lire les cours css (lien dans ma signature).

**minachou** · 27/02/2008, 19h54

Merci beaucoup pour ton corriger
Pour ce qui est du cours je commence à le lire
Ca ne fait que le troisieme que je lis lool

Cela étant dis quand je clique sur ma page html pour la visualiser elle est comme si j'avais pas ma page css

Comment je peux faire pour qu'on voit les modifications que j'éffectue avec ma page css?

Ma page css est externe par rapport a ma page html
Bisous

Lien CSS et HTML et vice-versa

CSS

Vue hybride

Discussions similaires

Partager

Partager