Discussion :

[Halukard]

bonjour, le rendu de ma feuille de style pour mon menu est totalement different entre opera et ie, pourtant il me semble pas avoir utilisé des chose particuliere pour la mise en page qui pourrait le gener (au contraire je me suis basé sur ie vu qu'il comprend pas la moitier des choses la plus part du temps -_-)

le lien avec juste le menu
http://robspo.free.fr/dreamcloth_site/menu.php

Le CSS qui va avec

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
ul#lienmenu{
margin-left: 2em;
padding: 0;
list-style-type: none;
 
}
 
#lienmenu li{
float: left;
}
 
#lienmenu a {
diplay: block;
font: bold 14px;
color: black;
padding: 3px;
padding-top: 7px;
border : 1px solid black;
background: url(images/fond.gif) no-repeat 0 0;
margin: 0 5px;
text-decoration: none ;
text-align: center;
width:70px;
height: 30px;
}
 
#lienmenu a:hover {
background-position: 0 -30px;
}
 
#lienmenu span{
display:none;
}
 
#lienmenu a:hover span{
display: block;
position: absolute;
top: 42px;
left:50;
width:800px;
text-align: left;
color:black;
}

et le html (mais je pense pas qu'il y ai de probleme la dedans)

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
<style type="text/css">
	@import url(style.css);
</style>
 
 
<ul id="lienmenu">
		<li><a href="index.php">News</a></li>
		<li><a href="index.php?page=dossier.php">Dossiers<span>Accédez aux dossier réalisés par l'équipe et les membres de Dreamcloth</span></a></li>
    <li><a href="index.php?page=tuto.php">Tutoriaux<span>Accédez aux tutoriaux réalisés par l'équipe et les membres de Dreamcloth</span></a></li>
    <li><a href="index.php?page=decors.php">Décors<span>Consultez la base de données des magnifiques décors réalisés par nos membres</span></a></li>
    <li><a href="index.php?page=custom.php">Custom<span>Consultez la base de données des magnifiques custom réalisés par nos membres</span></a></li>
    <li><a href="index.php?page=fanart.php">Graphisme<span>Venez voir les superbes oeuvres de nos membres</span></a></li>
		<li><a href="index.php?page=fanfic.php">Fanfics<span>Venez lire les superbes oeuvres de nos membres</span></a></li>
		<li><a href="index.php?page=lien.php">Liens<span>Parce que nous aussi on a des amis qui sont bien à connaître</span></a></li>
		<li><a href="index.php?page=livre.php">Livre d'or<span>si vous nous aimez laissez nous un petit message :p</span></a></li>
</ul>

je n'ai pas encore esséyé sous firefox.

[trotters213]

La seule différence que je vois c'est le texte qui n'est pas gras sous Opera et FF mais qui l'ait sous IE.
Un petit font-weight:bold devrais arranger ça non?

PS :

au contraire je me suis basé sur ie vu qu'il comprend pas la moitier des choses la plus part du temps

Erreur, justement il ne respecte pas les standards donc il vaut mieux faire ton site sous FF puis arranger pour IE.

[Halukard]

bizarre moi on dirait qu'il me prend pas l'attribut display:block; les lien ne font pas la taille que je leur ai donné.

deplus j'ai déja précisé le gras dans l'attribut font. ma version d'opera est la 9.01 pour etre précis.



voila ce que ca donne chez moi.

[trotters213]

En effet j'avais pas fait gaffe à la largeur.
Je sais pas si tu as remarqué d'ailleur mais même sous IE ton menu Graphisme est plus grand de quelques pixels et il y a une bande bleu pour combler le trou : ça vient surement de ton padding: 3px; dans #lienmenu a.
Pour homogénéiser la taille essaie de faire

Code :

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

1
2
3
4
5
#lienmenu li{
float: left;
width:70px;
height:30px;
}

et je sais que des fois ça pose des problèmes sous IE donc je rajoute quelque chose de ce genre

Code :

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

1
2
3
* html #lienmenu li a {
width: 70px;
}

[Halukard]

le display:block; n'est toujours pas pris en compte mais j'ai l'impression qu'il y a une place "reservé" en largeur de 70px (du au code que tu m'a donné)

en image


sinon c'est dispo a la meme url que dans le premier post.

le point positif c'est que j'ai récupéré les caracteres gras lol

un petit truc aussi il y a moyen de grugé et de donner deux valeur a un meme attribut un pour ie et un autre pour ff avec un caractere dechapement en debut de ligne ou un truc dans le style non?

[ilood]

Salut

un petit truc aussi il y a moyen de grugé et de donner deux valeur a un meme attribut un pour ie et un autre pour ff avec un caractere dechapement en debut de ligne ou un truc dans le style non?

Oui

Code :

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

1
2
3
4
selecteur {
width: 400px;
_width: 450px; /* propriété comprise par ie seulement */
}

[trotters213]

je sais pas quel niveau de tatillonage tu veux donc j'expose mes idées ("même si tout le monde s'en fiche, je serais pas comme ça si j'avais eu la vie riche "): tu as un décalage de 2 ou 3px à droite sur tes boutons et ton image est un tout petit peu coupé en bas

[Halukard]

oui j'ai vu aussi faut que je remodifie un peu l'image pour que ca soit carré comme il faut ^^