28172 sujets

CSS et mise en forme, CSS3

Bonsoir,
j'ai créé un site où j'ai utilisé du php et du css avec un design préfabriqué.
Le site doit ressembler à cela :
http://www.guigro.com/images/eventscrazynight.jpg

Il convient parfaitement sur mon PC avec FF ou IE d'ailleurs, cependant, chez certaines personnes il affiche cela :
http://www.guigro.com/images/badevents.jpg

Je pense que cela vient de la partie qui gère le header, je vous fournis le code CSS du header et le code HTML de ce dernier :

CSS :
#tabs6 {
	font-weight: bold;
	float:right;
	position: absolute;
	margin: -250px 0;
	width: 910px;
	background:transparent;
	font-size:1em;
	line-height:normal;
      }
    #tabs6 ul {
	margin:0;
	float:right;
	padding: 215px 25px 10px 0px;
	list-style:none;
      }
    #tabs6 li {
	display:inline;
	margin:0;
	padding:0;
	float:left;
	      }
    #tabs6 a {
	cursor:pointer;
	height:35px;
	float:left;
	background:url(images/tableft6.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;}

    #tabs6 a span {
	cursor:pointer;
	height:25px;
      display:block;
      background:url(images/tabright6.gif) no-repeat right top;
      padding:10px 12px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs6 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs6 a:hover span {
      color:#FFF;
      }
    #tabs6 a:hover {
      background-position:0% -42px;
      }
    #tabs6 a:hover span {
      background-position:100% -42px;
      }

HTML :
<div id="tabs6">
			<ul>
<li><a href="**"><span>Accueil</span></a></li>
<li><a href="**"><span>Qui sommes-nous ?</span></a></li>
<li><a href="**"><span>Devis</span></a></li>
<li><a href="**"><span>Partenaires</span></a></li>
<li><a href="**"><span>Nous contacter</span></a></li>

			</ul>
	</div>

De plus, sur le menu de gauche, si le titre est sur plus de une ligne, sur IE regardez le résultat, au lieu d'apparaître normalement la puce est décalée.
Sauriez-vous comment régler ce problème ?
Et pourquoi y-a-t-il toujours des problèmes avec IE et FF ?? Ne peuvent-ils pas se mettre d'accord, ou alors tout simplement que IE copie les valeurs de FF Smiley cligne
Merci à vous,
Cordialement
Guigro
Hello Smiley smile

Plusieurs incohérences à mon sens :

- Dans #tabs6 li, quel est l'intérêt d'avoir à la fois float:left et display:inline ?

En général c'est soit l'un, soit l'autre, et le display:block sur #tabs6 a span peut à mon avis poser problème avec le display:inline de #tabs6 li (d'où le pétage de plomb de ton menu).

- Le float:right de #tabs6 ul est inutile

Préfères un float:right sur #tabs6 li avec #tabs6 ul à width:100% (ou taille fixée, à voir).

- Le <span> dans tes <li> est lui aussi useless

Pour ton effet au survol tu peux très bien le faire directement sur la balise <a>.

Une page en ligne pourrait m'être utile Smiley cligne
Bah le site c'est www.eventscrazynight.com, mais de mon côté j'ai effectué des changements depuis, tu pense qu'on pourrait en parler sur MSN, et moi bien sur je viendrais donner la solution lorsque le problème sera résolu ??
Je vais déjà voir lorsque j'applique tes modifications ce que ça me donne.
Merci
Modifié par guigro (25 Apr 2008 - 10:33)
guigro a écrit :
Je vais déjà voir lorsque j'applique tes modifications ce que ça me donne.

Mes remarques ne sont valables que pour le code que tu as proposé initialement. Fais attention si tu as fait des modifs depuis...

guigro a écrit :
tu pense qu'on pourrait en parler sur MSN

Si je commence à parler sur MSN avec tous les gens du forum qui ont des soucis alors j'peux quitter mon boulot et stopper toute vie sociale...

Ma réponse est non, désolé.
En fait on va faire plus simple, histoire que les modifications que j'apporte ne dérangent pas.
Ce thème est un template de Wordpress, donc le code et tout ce qu'il faut est ici :
http://blogstheme.com/test/citylight-idea-10.html/
Et pour le télécharger il suffit de taper "wordpress citylight idea 10" sur le Gogole.
Merci en tout cas à vous !!
a écrit :
Bon, ben skype alors... Smiley lol Smiley lol

Et pourquoi pas une rencontre IRL dans un hôtel low-cost avec nos PC portables...

Tu prendrais ta bible CSS, j'te montrerais comment tourner les pages... Le tout dans une ambiance tamisée avec un disque de Manu Servé...
a écrit :
Si je commence à parler sur MSN avec tous les gens du forum qui ont des soucis alors j'peux quitter mon boulot et stopper toute vie sociale...


C'est un argument mais peut être pas le meilleur Smiley smile .
Je dirai plutôt pensons partage (la résolution de ce problème pourra en aider d'autres) Smiley cligne .
Exactement, voilà pourquoi j'ai reposté une manière plus simple de régler mon problème et ça pourra aider tout ceux qui veulent utiliser ce template ou ce genre de menu Smiley cligne
BeliG a écrit :
Et pourquoi pas une rencontre IRL dans un hôtel low-cost avec nos PC portables...

Tu prendrais ta bible CSS, j'te montrerais comment tourner les pages... Le tout dans une ambiance tamisée avec un disque de Manu Servé...


Génial, rendez vous à 20h00 !!! Je serai habillé en mauve.
FranZz a écrit :
Génial, rendez vous à 20h00 !!! Je serai habillé en mauve.

Et moi en Guy Smiley lol

(quel jour sommes-nous déjà ? Smiley confuse )