Barre de navigation non adapté aux navigateur ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Barre de navigation non adapté aux navigateur ?

noxno

http://jsfiddle.net/KwukB/ on peut voir un appercu de ce que je veux que ca donne

le # c'est normal c'est le logo, je voudrais mettre home portfolio skill contact a gauche et les liens vers les reseaux sociaux a droite le tout centrer !Mais sur IE et chrome c'est pas gagné :fou: :cry:

Voila voilou !

merci d'avance

Publicité

R-Daneel

Quelque chose comme ça ? http://jsfiddle.net/k5tJb/5/

En tout cas fait gaffe quand tu utilise des balises html5 avec IE8 et inférieur.
Tu dois par exemple définir un type d'élément header (puisque non connu par IE8) comme étant de type block..
Pareil pour la balise nav.

noxno

Le résultat est pire avec tes modification la partie droite de la nav n'apparait plus sur l'écran .

ps: existe t-il des hébergeur gratuit pour vous montrer l’aperçu ?car ca ce complique. . .

Message cité 1 fois

noxno

R-Daneel

noxno a écrit :

Le résultat est pire avec tes modification la partie droite de la nav n'apparait plus sur l'écran .

:heink:

Enfin j'ai pas repris tout ton css en entier, faut adapter. [:cosmoschtroumpf]

Message édité par R-Daneel le 07-08-2012 à 15:21:34

noxno

Oui,merci comme même :-)

gatsu35

Blablaté par Harko

ton css est tout bonnement crade, tu mets tout en absolute, alors qu'un simple float:left sur les LI aurait suffit.
Règle numéro un, essaye de bannir le position:absolute, pour des montages simples
Pense au flux, les éléments vivent les un à la suite des autres.

---------------
Blablaté par Harko

noxno

Ok j'ai refais une barre plus simple je suis repartie de zero cependant mes menu son des image et non du css ! comment je peux faire pour centrer le tout de façon responsive !

Code :

<div id="nav">
<ul>
<li><a id="testa" href="#"><img src="images/accueil.png" id="a" alt="#"> </a></li>
<li><a id="testb" href="#"><img src="images/portfolio.png" id="a" alt="#"></a></li>
<li><a id="testb" href="#"><img src="images/compétence.png" id="a" alt="#"></a></li>
<li><a id="testb" href="#"><img src="images/contact.png" id="a" alt="#"></a></li>
</ul>
</div>

Code :

#nav ul {
width : 100%;
list-style : none;
}
#nav li {
margin-left:160px;
float:left;
}

car margin-left:160px c'est pas centrer exactement et pour des petites resolution hop! c'est plus centrer :cry: :cry:

ps: j'ai tester margin:auto (sans résultat) ='(

Message édité par noxno le 09-08-2012 à 15:09:30

gatsu35

Blablaté par Harko

Si t'en à rien à faire de IE7 :
http://jsfiddle.net/Gatsu35/qbH2d/

Si tu penses à IE7 et IE6 :
http://jsfiddle.net/Gatsu35/qbH2d/1/

---------------
Blablaté par Harko

noxno

Merci merci !! Parfait Merci encore !

FORUM HardWare.fr

Programmation

HTML/CSS

Barre de navigation non adapté aux navigateur ?

Sujets relatifs
Barre de menu	Supprimer l'affichage de la barre de défilement verticale
pb subi de lecture de mp3, barre de boutons out, compatibilité embed?	[C# .net] Navigation vers un TAB précis d'un FORM.
fenêtre pop-up après un submit	[VB5]Choix controle le mieux adapté ?
[PHP] Détecter navigateur + système d'exploitation [Résolu]	modification d'une barre de defilement
differencier navigateur pc de navigateur mobile	Langage le mieux adapté pour un développement mobile et logiciel
Plus de sujets relatifs à : Barre de navigation non adapté aux navigateur ?

Page générée en 0.053 secondes