Problemes de ul et autres....

Marsh Posté le 30-09-2006 à 19:28:23

Salut à tous !

J'ai quelques problemes

http://img20.imageshack.us/img20/2323/ie7ks2.jpg

déja commençons par ie7 :

le menu s'affiche horriblement mal

et toute la page est mal ordonnée

--->ma solution :
J'arrive à remetre toute la page en ordre en suprimant le float : left de :

Code :

#contenu{
background:#ffffff;
float:left;
width:770px;
padding:8px;
position: relative;
}

et la ça s'affiche bien sous ie7 mais ça devient horrible sous firefox et opera

par contre pour le menu j'ai rien trouvé

Ensuite probleme communs à tout les naviguateurs :

Ba le menu on sens que ... enfin je le sens que y a quelques chose qui va pas :s

sous opera et ff il s'affiche bien mais j'ai l'impréssion que j'ai fait quelques chose de mal dedans :s

Donc voila j'aimerai un peu d'aide pour démeller tout ça

Je prend toutes idées pour regler les problemes ou plus simplement une solution alternative plus jolie =)

Infos :

L'accueil du site : http://romain.giovanetti.free.fr/ganoninc.php

et le css http://romain.giovanetti.free.fr/ganoninc3.css

Merci d'avance !

Reply

Marsh Posté le 30-09-2006 à 19:28:23

Reply

Marsh Posté le 30-09-2006 à 20:00:38

XHTML 1.0 Strict?! Revoit la validité de ton code avant de bricoler des solutions pour que l'affichage soit le même sur tout les navigateurs.

Message édité par dwogsi le 30-09-2006 à 20:04:14

Reply

Marsh Posté le 30-09-2006 à 20:33:25

j ai deja fait pour ma css, mais pour le xhtml, j avoue a ma grande honte n avoir jamais comprit d ou venaient les erreurs malgrer la numerotation des lignes :s

Reply

Marsh Posté le 01-10-2006 à 03:26:12

Déjà pourquoi dans ton head tu as :
<script type="text/javascript">
...du code js...
</script>
<script type="text/javascript">
...du code js...
</script>

Ya deux lignes complètement inutiles. Et externaliser les contenus de types différents c'est pas mal aussi selon moi. Donc créeru fichier.js séparer.

Ensuite si tu choisi de faire ton site en HTML 1.0 Strict, ce qui est un très bon choix soit dit en passant, tu ne dois pas utiliser de majuscules dans ton code.

Les caractères tel que > ne doivent pas être écrit de cette façon s'ils représentent du texte à afficher. il faut normalement utiliser > et & lt;. Pareil pour le & qui se transforme en & amp; même dans les url. (Edit: le forum ne veut pas afficher les &blabla; donc j'ais rajouté un espace après le &, à supprimer donc)

<div align="center"> Attribut align innexistant.

Ya aussi pas mal de balises non fermées.

<FORM> On se demande ce que ça fou là.

SELECTED dans les options de liste doit normalement être remplacé par selected="selcted" si mes souovennirs sont bons (à vérifier). A propos, tes <option [...]> doivent avoir leur balise fermante eux-aussi.

L'ID d'un élément est unique. il ne peut donc pas être utilisé deux ois dans la même page. Donc ton <div id="ganon"> ne va pas. Utilise une classe pour le style et si tu as vraiment besoin des id va en falloir deux différents.

Pas d'attribut target dans les liens en XTHML 1.0 Strict.

L'attribut border n'existe pas non plus. Dans ta css, tu met un simple :
img{ border:0; }
Comme ça les images n'ont pas de bordure par défaut, qu'elles soient encadrés par un lien ou pas.
Idem pour bgcolor.

Voilà tout ça devrait régler pasmal d'erreurs dans ton code et peut être asurer un meilleur rendu sur différents navigateurs.

Message cité 1 fois
Message édité par dwogsi le 04-10-2006 à 22:46:13

Reply

Marsh Posté le 01-10-2006 à 07:20:25

hum merci !

je m y met dés ce matin !

perso je pense que le java script et menus deroulant avec form sera le plus énervant

je re posterai quand mon travail sera accomplit ou si je coince vraiment

@tout à l heure!

Reply

Marsh Posté le 01-10-2006 à 16:25:17

dwogsi a écrit :

SELECTED dans les options de liste doit normalement être remplacé par selected="selected" si mes souovennirs sont bons (à vérifier)

je confirme :jap:

Message édité par mIRROR le 01-10-2006 à 16:25:58

Reply

Marsh Posté le 01-10-2006 à 20:38:42

j ai pas eu le temps aujourd hui (raison familiales)

je commencerai donc demain soir =p

bonne nuit!

Reply

Marsh Posté le 02-10-2006 à 18:34:53

J'aimerai un peu d'aide pour la barre avec form car quand je vire les balises form rien ne marche (en ligne actuellement)

Reply

Marsh Posté le 02-10-2006 à 18:43:53

Citation :

Internal Server Error

Reply

Marsh Posté le 02-10-2006 à 18:47:35

faut faire actualiser c'est free qui bloque

Reply

Marsh Posté le 02-10-2006 à 18:47:35

Reply

Marsh Posté le 02-10-2006 à 18:53:38

&

Bah si ca marche les & en clair [:spamafote]

Message cité 1 fois
Message édité par WiiDS le 02-10-2006 à 18:54:12

---------------
"I can cry like Roger. It's just a shame I can't play like him" - Andy Murray, 2010

Reply

Marsh Posté le 03-10-2006 à 15:44:12

Bon j'ai remit des ALT à toutes mes images et corriger les div align par

Code :

<div style='text-align: center;'>

Donc globalement ça avance mais j'aimerai bien un peu d'aide sur :

document type does not allow element "div" here; assuming missing "li" start-tag.

Code :

<div style='text-align: center;'><img src="images/124.png" alt="Menus" /></div>

document type does not allow element "li" here; missing one of "ul", "ol" start-tag.

Code :

<li class="liens"><a href="ganoninc.php?page=login">Connexion</a></li>

et pour finir le fameux menu déroulant qui m'embete bien -_-

Merci d'avance !

Message cité 1 fois

Reply

Marsh Posté le 04-10-2006 à 22:45:17

WiiDS a écrit :

&

Bah si ca marche les & en clair [:spamafote]

& peut être mais < ? (On verra quand j'aurais posté)
(Edit: Ca c'est étrange quand même!)

GANONEINC a écrit :

document type does not allow element "li" here; missing one of "ul", "ol" start-tag.

Code :

<li class="liens"><a href="ganoninc.php?page=login">Connexion</a></li>

et pour finir le fameux menu déroulant qui m'embete bien -_-

Merci d'avance !

Une liste est encadrée par les balises <ul> ou <ol>, tu les as mise?

Message édité par dwogsi le 04-10-2006 à 22:45:55

Reply

Marsh Posté le 05-10-2006 à 08:26:03

Code :

<div id = "menu">
<ul id="menuconteneur">
<div style='text-align: center;'><img src="images/124.png" alt="Menus" /></div>
<div id = "heure">(( 08 h 39 ))</div>
<br />
<div class = "ganon">(( Membres ))</div>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<br />
<li class="liens"><a href="ganoninc.php">Accueil</a></li>
<li class="liens"><a href="/phpBB2/index.php">Forums</a></li>
<li class="liens"><a href="http://romain.giovanetti.free.fr/phpBB2/weblogs.php">Blogs</a></li>
<li class="liens"><a href="http://romain.giovanetti.free.fr/phpBB2/profile.php?mode=editprofile">Profil</a></li>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<div class = "ganon">(( G@NON INC ))</div>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<br />
<li class="liens"><a href="ganoninc.php?page=boutique">Boutique</a></li>
<li class="liens"><a href="ganoninc.php?page=faq">Faq</a></li>
<li class="liens"><a href="ganoninc.php?page=doss">Dossiers</a></li>
<li class="liens"><a href="http://romain.giovanetti.free.fr/phpBB2/viewforum.php?f=32">Archives News</a></li>
<li class="liens"><a href="ganoninc.php?page=guest">Livre d'or</a></li>
<li class="liens"><a href="ganoninc.php?page=recrute">Emplois</a></li>
<li class="liens"><a href="ganoninc.php?page=contacts">Contacts</a></li>
<li class="liens"><a href="ganoninc.php?page=about">A propos de... </a></li>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<div class = "ganon">(( Délires ))</div>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<br />
<li class="liens"><a href="ganoninc.php?page=whatislove">What is love ?</a></li>
<li class="liens"><a href="ganoninc.php?page=whatislove2">What is love Mix</a></li>
<li class="liens"><a href="ganoninc.php?page=whatislove3">What is love Amat.</a></li>
<li class="liens"><a href="ganoninc.php?page=moskau">Moskau !</a></li>
<li class="liens"><a href="ganoninc.php?page=bobg">Bob l'éponge</a></li>
<li class="liens"><a href="ganoninc.php?page=zidane">Zidane</a></li>
<li class="liens"><a href="ganoninc.php?page=lotr">LOTR</a></li>
<li class="liens"><a href="ganoninc.php?page=wow">WoW</a></li>
<li class="liens"><a href="ganoninc.php?page=foot">Outils</a></li>
<li class="liens"><a href="ganoninc.php?page=kaamelot">Kaamelot 1</a></li>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<div class = "ganon">(( G@NON ))</div>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<br />
<li class="liens"><a href="ganoninc.php?page=myxp">Bureau</a></li>
<li class="liens"><a href="ganoninc.php?page=moi">Présentation</a></li>
<li class="liens"><a href="ganoninc.php?page=quote">Citations</a></li>
<li class="liens"><a href="ganoninc.php?page=collection">Collection</a></li>
<li class="liens"><a href="ganoninc.php?page=barbie">Barbie Girl</a></li>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<div class = "ganon">(( Download ))</div>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<br />
<li class="liens"><a href="ganoninc.php?page=download">Accueil</a></li>
<li class="liens"><a href="ganoninc.php?page=videos">Videos</a></li>
<li class="liens"><a href="ganoninc.php?page=wallpapers">Wallpapers</a></li>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<div class = "ganon">(( Forums ))</div>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<br />
<li class="liens"><a href="/phpBB2/index.php">Forums</a></li>
<li class="liens"><a href="http://romain.giovanetti.free.fr/phpBB2/memberlist.php">Membres</a></li>
<li class="liens"><a href="http://romain.giovanetti.free.fr/phpBB2/profile.php?mode=editprofile">Votre Profil</a></li>
<li class="liens"><a href="http://romain.giovanetti.free.fr/phpBB2/privmsg.php?folder=inbox">Vos MPs </a></li>
<li class="liens"><a href="http://romain.giovanetti.free.fr/phpBB2/search.php">Rechercher</a></li>
<li class="liens"><a href="http://romain.giovanetti.free.fr/phpBB2/faq.php">FAQ</a></li>
<li class="liens"><a href="http://romain.giovanetti.free.fr/phpBB2/statistics.php">Stats</a></li>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<div class = "ganon">(( Liens ))</div>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<br />
<li class="liens"><a href="http://1nicky.free.fr/">1Nicky</a></li>
<li class="liens"><a href="http://remisoft.ath.cx/">Rémisoft Interact.</a></li>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<div class = "ganon">(( Stats ))</div>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<p class="TexteClassique" style='text-align: center;'><a href="http://romain.giovanetti.free.fr/phpBB2/viewonline.php">
Il y a en tout <b>2</b> utilisateurs en ligne :: 1 Enregistré, 0 Invisible et 1 Invité.
</a></p>
<p class="TexteClassique" style='text-align: center;'>
Nombres de visiteurs: 46058</p>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<div class = "ganon">(( Partenaires ))</div>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
<div style='text-align: center;'><script type="text/javascript"><!--
google_ad_client = "pub-4386668980094441";
google_ad_width = 120;
google_ad_height = 60;
google_ad_format = "120x60_as_rimg";
google_cpa_choice = "CAAQxeybzgEaCG3YLtlrxd0NKK3F93M";
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<div style='text-align: center;'><a href='http://www.alapage.com/partenaires/banners/adclick.php?what=LHQVC&n=5~GENE~120x60' target='_blank'>
<img src='http://www.alapage.com/partenaires/banners/adview.php?what=LHQVC&n=5~GENE~120x60' border='0' alt='Alapage'>
</a></div>
<div style='text-align: center;'><a href='http://phpbb-fr.com/' target='_blank'><img alt="phpbb" src="http://ganoninc.free.fr/gym/phpBB2/templates/subSilver/images/logo_phpBB_med.gif
" class="image" /></a></div>
<div style='text-align: center;'><a href="http://www.spreadfirefox.com/?q=affiliates&id=0&t=77"><img border="0" alt="Get Firefox!" title="Get Firefox!" src="http://sfx-images.mozilla.org/affiliates/Buttons/120x60/blank.gif"/></a></div>
<div style='text-align: center;'><a href="http://jigsaw.w3.org/css-validator/"><img style="border:0;width:88px;height:31px"src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!"></a>
</div>
<div style='text-align: center;'><img src="images/separationmenus.jpg" alt="Séparation" width="120" height="2" /></div>
</ul>
</div>

Il a bien un <ul> au début et fin

EDIT j'ai viré deux balises </li> qui trainait pour rien et j'ai vu que y avait une div refermé par </dvi> au lieu de </div> ^^ faute de frape

enfin ça à pas changé grand chose :s

Message édité par GANONEINC le 05-10-2006 à 08:43:10

Reply

Marsh Posté le 05-10-2006 à 16:50:57

entre tes li t as des tas de div br toussa c est pas bien :pfff:

Reply

Marsh Posté le 08-10-2006 à 11:31:48

Nouvelle CSS de test ici :

http://romain.giovanetti.free.fr/ganoninc4.css

le float left du contenu a été enlevé pour maximiser le rendu sous ie 7 :

http://img141.imageshack.us/img141/6973/ie7ds2.jpg

La page affichée est biensur une page test sans div dans le menu :
http://romain.giovanetti.free.fr/ganonie.php

Donc en gros ce qui est en rouge sont les bugs qui reste sous ie7 en suprimant les div du menu et le float left :pfff:

Je me demande donc comment je vais faire pour garder tout mes élement en div du menu et si il n'y a pas moyen de faire deux version du site automatiquement séléctioné en fonction du naviguateur .

Merci d'avance pour vos futur réponses !

PS: je sais ce topic n'avance pas vite ... enfin surtout mon travail mais je fait passer mes études en priorité et ne travail donc que le week end (ce que je juge personellement comme logique)

Reply

Problemes de ul et autres....

Sujets relatifs:

Leave a Replay