Display:inline sur Safari

Bonjour !

J'ai vu que Safari n'interprétait pas le "Display:inline" dans une feuille de style css, y a t'il un équivalent ou un moyen de contourner ?

Pour situer :
j'ai un menu horizontal où chaque entrée est en balise <Hn>.
Le "Display:inline" dans la feuille de style permet de les tenir ainsi horizontal, sinon ils se retrouvent en vertical les uns en dessous des autres...
C'est ce qui arrive avec Safari.

Merci d'avance pour votre aide ^^

Bonjour,

Citation:

---

J'ai vu que Safari n'interprétait pas le "Display:inline" dans une feuille de style css

---

C'est faux ! Safari interprète parfaitement cette propriété. ;)


Peux-tu nous montrer ton code HTML / CSS pour voir d'où peut venir l'erreur ?
J'ai du mal à comprendre ce que tu fais avec tes balises <hr>.

Oki ^^

Voilà du coté de ma feuille :

Code:

---

1 2 3 4 5 6 7 8 9 10

h4{ font-family: Arial; font-size:7pt; font-variant: small-caps ; display: inline; margin-top: 0.3em; margin-right: 0.3em; margin-bottom: 0.3em; margin-left: 0.3em; }

---

Et HTML :

Code:

---

1 2 3 4 5

<font face="Arial" size="1"> <h4><a href="truc">Étagère officielle</a></h4> - <h4><a href="truc">Étagère non-officielle</a></h4> - <h4><a href="truc">Référentiels</a></h4> </font>

---

Sur IE, cela s'affiche comme je le souhaite, c'est à dire :

Citation:

---

Étagère officielle - Étagère non-officielle - Référentiels

---

Sur Safari cela fait comme si rien n'était pris en compte du coté css (parce que sous IE cela était identique avant que je définisse ma css) :

Citation:

---

Étagère officielle

-

Étagère non-officielle

-

Référentiels

---

Ok, j'avais cru que tu parlais de <hr>, alors que c'était <hn>. :oops:

Cela dit, ton bug safari ne devrait pas se produire (d'ailleurs je ne le reproduis pas quand je teste en local).

Avant tout, tu peux enlever la balise <font> qui est dépréciée en XHTML.

Ensuite, il faudrait mettre le code complet car avec la portion de code que tu proposes, je ne constate aucun bug sous Safari.

:P

Je peux te montrer l'URL du site sur lequel je travail :
http://www.innamoramento.net
(oui, un site sur Mylène Farmer, on passera là dessus ^^).

Il y a un problème dans le menu de gauche du site, et dans les sous-menus qui apparaissent en haut lorsque tu cliques sur une catégorie.

Le code que je t'ai passé en HTML est le code de mon fichier sousmenu.php qui est chargé par include dans l'index, donc il est complet...

8O

Bon, j'ai beaucoup de mal à regarder ton code source, il y a des tables imbriquées partout et des balises HTML dépréciées dans tout les sens.

Clairement, tu à monté ta page comme on le faisait il y a 10 ans. :aie:


En ce qui concerne ton problème, pour commencer, il faut penser à fermer correctement l'ancre que tu as mis en haut de ta page : <a name="haut"></a>

Ensuite, dans ta feuille de style, tu as oublié de fermer une accolade pour le bloc #cache.

Déjà, après ça, ça devrait aller mieux.


Cependant, il y a énormément de choses à corriger parce que là c'est un peu du n'importe quoi.
Il manque des unités, il y a des majuscules où il n'en faudrait pas, etc...
Et je ne parle pas du HTML préhistorique.


Bon courage pour la suite... :P

Héhé ^^

Il faut dire que c'est dur de s'adapter... J'ai commencé il y a six ans, les semaines passent, les mois passent, les années... Au final on accumul les modifs par-ci par-là et ça devient un truc incompréhensible pour les autres, mais où le webmaster se retrouve :aie:

Sinon, et bien merci beaucoup, en effet l'accolade du .cache, une erreur bête... Bizarre que cela passait sous IE !

Donc re-merci, et quand j'aurais le courage je me mettrais à la rénovation du code :D