[Ah non pas Resolu] [CSS] Un probleme CSS

**vampyrx** · 17/08/2005, 20h57

Voici l'adresse : www.virtualcisco.com/tarik/tarik.html
Donc j'ai deux ou trois problemes :

[Probleme résolu] Quand on passe le curseur sur les onglets, le blanc ne prend pas toute la case, pourtant j'ai utilisé le css display: block; quelqu'un a une idée ?

Le Fait de rajouter height: 25px; dans a ca tue tout sous IE, comme remettre tout correctement sous IE au niveau des onglets ?

Merci d'avance

Voici le code CSS :

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
 
body
{
	margin: 0px;
	background-color: #FFFFFF;
}
 
#en_tete
{
	text-align: center;
}
 
/* Barre de navigation */
#navigation
{
	width: 810px;
	margin: auto;
	border-bottom: 1px solid #CCFFCC;
}
 
#navigation ul
{
	margin-bottom: 1px;
	list-style-type: none;
	padding-bottom: 25px;
}
 
#navigation li 
{
   float: left;
   height: 25px;
   background-color: #CCFFCC;
   border: 1px solid #000000;
}
 
#navigation .active 
{
   border-bottom: 1px solid #FFFFFF;
   background-color: #FFFFFF;
}
 
#navigation a
{
	display: block;
	height: 25px;
   color: #000000;
   text-decoration: none;
}
 
#navigation a:hover 
{
   background-color: #FFFFFF;
}
 
/* Corps */
#corps
{
	margin: auto;
	width: 810px;
}
 
fieldset
{
	border: 1px solid #FF0000;
}
 
/* Pied de page */
#bas_page
{
	margin-top: 20px;
   text-align: center;
}

Voici le code XHTML :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
   <head>
       <title>VirtualCisco</title>
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
       <link rel="stylesheet" media="screen" type="text/css" title="cisco" href="style.css"/>
   </head>
   <body>
 
   	<div id="en_tete">
			<img src="en_tete.jpg"/>
			<hr/>
   		<hr/>
		</div>
 
		<div id="navigation">
   		<ul>
				<li class="active"><a href="#">Actualites</a></li>			
				<li><a href="#">Virtualcisco</a></li>
				<li><a href="#">Connexion</a></li>
				<li><a href="#">Deconnexion</a></li>
				<li><a href="#">Administration</a></li>
				<li><a href="#">Contact</a></li>
			</ul>
		</div>
 
		<div id="corps">
 			<fieldset>
				<legend>Test</legend>
				<h1>Test1</h1>
				<h2>Test2</h2>
				<h3>Test3</h3>
				<p>Test4</p>
 
				<table>
				<tr>
				<td>colonne 1</td>
				<td>colonne 2</td>
				<td>colonne 3</td>
				</tr>
				<tr>
				<td>colonne 1</td>
				<td>colonne 2</td>
				<td>colonne 3</td>
				</tr>
				</table>
 
				<form method="post" action="#">
				<label>Test<input type="text"/></label>
				<input type="submit" value="Envoyer"/><input type="reset" value="Effacer"/>
				</form>	
  			</fieldset>		
  		</div>
 
   	<div id="bas_page">
  		<img src="pied_page.jpg"/>
  		</div>
 
  	</body>
</html>

**spirou** · 17/08/2005, 21h59

Salut,

Ajoutes dans #navigation a :

Code :

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

height: 25px;

Par contre ta mise en page est décalé avec IE, ton corps est aligné à gauche.

**vampyrx** · 17/08/2005, 22h07

Ah presque la solution...
Le probleme maintenant est sous IE, on ne voit plus les onglets, le float left ne fonctionne plus correctement, alors que sous Firefox il fonctionne.

J'ai ajouté donc le height: 25px dans #navigation a

Si quelqu'un a une idée merci bcp

**vampyrx** · 17/08/2005, 23h09

Bon ben voila la solution etait de rajouter dans a float: left;

Merci bcp

**v4np13** · 18/08/2005, 00h38

Résolu ou pas résolu?

[Ah non pas Resolu] [CSS] Un probleme CSS

CSS

Vue hybride

Discussions similaires

Partager

Partager