Discussion :

[jpean.net]

Bonjour à tous.

Je suis en train de monter un site à partir d'un design récupéré sur la toile.

dans ce design, les liens, pour une raison qui m'est inconnue prennent toute une ligne et pas moyen de changer ça.

voilà le CSS, le site est visualisable en cliquant ici :

Code :

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
body  {
	background-color:ade;
}
 
td,p  {
	color: #1C4E66;
}
 
.listimage {
	float: left;
}
 
.listnom {
	height: 98; 
	font-size: 22pt; 
	font-family: 'Comic Sans MS';
	padding-left: 410px;
}
 
.copyright  {
	border: 1px solid #1C4E66; 
	background-color: ade; 
	padding: 4px; 
	font-size:9px; 
	text-align:center;
}
 
a   {
	color: 1C6988; 
	text-decoration: none;
}
 
a:hover  {
	color: 3e9baa; 
	text-decoration: underline;
}
 
table  {
	border: 1px solid #1C4E66; 
	font: 12px Tahoma;
}
 
table.main  {
	background-color:;
}
 
table.emp,td.emp  {
	border: 0px;}
 
td.nav  {
	border: 1px solid #1C4E66;
	background-color: ddffff; 
	padding: 4px; 
	font: 14px Tahoma #1C4E66;
}
 
td.news  {
	border: 1px dotted #1C4E66; 
	background-color: 99ccdd; 
	padding: 4px; 
	font: 11px Tahoma #1C4E66;
}
 
.head  {
	border: 1px dotted #1C4E66; 
	background-color: 99ccdd; 
	padding: 0px; 
	font: 14px Tahoma #1C4E66; 
	text-align:center;
}
 
.contenthead {
	font-weight:bold; 
	border: 1px dotted #1C4E66; 
	background-color: 99ccdd;
	padding: 0px; f
	font: 11px Tahoma #1C4E66; 
	text-align:center;
}
 
.nav a {
  display: block;
  padding: 1px;
  border-left: 10px solid #ade;
  border-right: 1px solid #ade;
  border-top: 1px solid #ade;
  border-bottom: 1px solid #ade;
}
.nav a:hover {
  text-decoration: none;
  font-weight: bold;
  background: #89C6E0;
  background-image: url(images/bg.gif);
  color: e7f9f8;
  border-left: 10px solid #1C4E66;
  border-right: 1px solid #1C4E66;
  border-top: 1px solid #1C4E66;
  border-bottom: 1px solid #1C4E66;
}

Ceci est très pretique pour modifier le menu (pas besoin des BR) mais relativement agaçant quand on veut ettre plusieurs liens sur la même ligne (images partenaires sous le menuu par ex.)

Voilà !

Merci d'avance pour votre aide

[jpean.net]

Bonjour à tous.

Je suis en train de monter un site à partir d'un design récupéré sur la toile.

dans ce design, les liens, pour une raison qui m'est inconnue prennent toute une ligne et pas moyen de changer ça.

voilà le CSS, le site est visualisable en cliquant ici :

Code :

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
body  {
	background-color:ade;
}
 
td,p  {
	color: #1C4E66;
}
 
.listimage {
	float: left;
}
 
.listnom {
	height: 98; 
	font-size: 22pt; 
	font-family: 'Comic Sans MS';
	padding-left: 410px;
}
 
.copyright  {
	border: 1px solid #1C4E66; 
	background-color: ade; 
	padding: 4px; 
	font-size:9px; 
	text-align:center;
}
 
a   {
	color: 1C6988; 
	text-decoration: none;
}
 
a:hover  {
	color: 3e9baa; 
	text-decoration: underline;
}
 
table  {
	border: 1px solid #1C4E66; 
	font: 12px Tahoma;
}
 
table.main  {
	background-color:;
}
 
table.emp,td.emp  {
	border: 0px;}
 
td.nav  {
	border: 1px solid #1C4E66;
	background-color: ddffff; 
	padding: 4px; 
	font: 14px Tahoma #1C4E66;
}
 
td.news  {
	border: 1px dotted #1C4E66; 
	background-color: 99ccdd; 
	padding: 4px; 
	font: 11px Tahoma #1C4E66;
}
 
.head  {
	border: 1px dotted #1C4E66; 
	background-color: 99ccdd; 
	padding: 0px; 
	font: 14px Tahoma #1C4E66; 
	text-align:center;
}
 
.contenthead {
	font-weight:bold; 
	border: 1px dotted #1C4E66; 
	background-color: 99ccdd;
	padding: 0px; f
	font: 11px Tahoma #1C4E66; 
	text-align:center;
}
 
.nav a {
  display: block;
  padding: 1px;
  border-left: 10px solid #ade;
  border-right: 1px solid #ade;
  border-top: 1px solid #ade;
  border-bottom: 1px solid #ade;
}
.nav a:hover {
  text-decoration: none;
  font-weight: bold;
  background: #89C6E0;
  background-image: url(images/bg.gif);
  color: e7f9f8;
  border-left: 10px solid #1C4E66;
  border-right: 1px solid #1C4E66;
  border-top: 1px solid #1C4E66;
  border-bottom: 1px solid #1C4E66;
}

Ceci est très pretique pour modifier le menu (pas besoin des BR) mais relativement agaçant quand on veut ettre plusieurs liens sur la même ligne (images partenaires sous le menuu par ex.)

Voilà !

Merci d'avance pour votre aide

edit : Une solution serait de supprimer TOUT formatage CSS dans une div, mais je ne sais pas comment faire...


Désolé, j'ai trouvé la réponse tout seul

[boutmos]

euh l'idée principale du CSS / XHTML n'etant pas justement de separer contenant et contenu et donc de faire son formatage, sa mise en page qu'a partir du CSS ?