28173 sujets

CSS et mise en forme, CSS3

Coucou

Hum, tu voudrais pas juste indiquer le code mis en place pour ta bannière ...
Car j'ai du mal trouver et un peu la flemme de chercher ... Smiley lol
Question con : elle ne serait pas en float par hasard ? Smiley rolleyes
Cygnus a écrit :
Coucou

Hum, tu voudrais pas juste indiquer le code mis en place pour ta bannière ...
Car j'ai du mal trouver et un peu la flemme de chercher ... Smiley lol
Question con : elle ne serait pas en float par hasard ? Smiley rolleyes



Voici l'extrait de la feuille de style :

/* Structure Divs */
#header-background {
	background: url(images/degrade_bando.gif) repeat-x;
}

#header {
	height: 136px;
	margin: 0px auto;
	width: 959px; 
  
  /*background:url(images/bg_header.jpg) no-repeat top center;*/
/*background: #fff;*/
	vertical-align: middle;
}

#menubar {
/*
  position:absolute;
  top: 136px;
  left:0px;
*/
  width: 100%;
	height: 29px;
	background: url(images/menubar_degrade.gif) repeat-x;
	color: #CCFFC1;
	font-weight: bold;
}

#menubar p {
	margin: 0px auto;
	width: 959px;
  padding-top: 5px;
}

#menubar a {
  color: #ccffc1;
}

#menubar a:hover {
	color: #fff;
	background-color: transparent;
}


Voici le code HTML de l'entête qui pose problème :


<body>
<div id="header-background">

  <div id="header">
  		<img src="http://www.pouxdagouti.org/gwok/wp-content/themes/unnamed-one-021beta/images/logo-jiwok3.gif" alt="Jiwok : le blog du sport en musique" />
  		<img src="http://www.pouxdagouti.org/gwok/wp-content/themes/unnamed-one-021beta/images/pub-banniere-standard468x60.png" alt="Une publicit&#65533;" /> 
<!--  		<img src="http://www.pouxdagouti.org/gwok/wp-content/themes/unnamed-one-021beta/images/pub-large-banner728x90.png" alt="Une publicit&#65533;" /> -->
  </div>
</div>
<div id="menubar">
  <p>&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.pouxdagouti.org/gwok">Home</a> |  Jobs |  Polls |  About |  Advertise |  Sitemap |  Contact Us  </p>
</div>

<div id="navigation">
  <div class="nav">
  		<ul>
  				<!--<li class="current_page_item"><a href="http://www.pouxdagouti.org/gwok">
  						Blog  						</a></li>-->
  				<li class="page_item"><a href="http://www.pouxdagouti.org/gwok/a-propos/" title="A propos">A propos</a></li>
<li class="page_item"><a href="http://www.pouxdagouti.org/gwok/jiwok/" title="Jiwok">Jiwok</a></li>
<li class="page_item"><a href="http://www.pouxdagouti.org/gwok/sante-fitness/" title="Santé Fitness">Santé Fitness</a></li>
<li class="page_item"><a href="http://www.pouxdagouti.org/gwok/les-compilations/" title="Compilations">Compilations</a></li>
<li class="page_item"><a href="http://www.pouxdagouti.org/gwok/matos-sport-music/" title="Matos">Matos</a></li>

<li class="page_item"><a href="http://www.pouxdagouti.org/gwok/nutrition/" title="Nutrition">Nutrition</a></li>
<li class="page_item"><a href="http://www.pouxdagouti.org/gwok/nouvelles-scientifiques/" title="Et la science">Et la science</a></li>
  		</ul>
  </div>
</div>
Re ...
Apparemment, d'après ce que je constate, sous IE (6.0) tes styles ne sont purement et simplement pas appliqués à ton div #menubar.
M'est avis qu'il y a certainement un problème de syntaxe quelque part...
Et il semblerait que les validateur soient de mon avis :
- Validateur HTML
- validateur CSS

Je pense que cela peut provenir de ta DTD.
Elle me parait un peu bizarre Smiley confus

Commence par ça, et dis-nous si les problèmes persistent.
Sinon, d'un point de vue syntaxique, utilises une liste pour mettre en forme un menu plutôt qu'un paragraphe Smiley cligne
Cygnus a écrit :
Re ...
Apparemment, d'après ce que je constate, sous IE (6.0) tes styles ne sont purement et simplement pas appliqués à ton div #menubar.
M'est avis qu'il y a certainement un problème de syntaxe quelque part...
Et il semblerait que les validateur soient de mon avis :
- Validateur HTML
- validateur CSS

Je pense que cela peut provenir de ta DTD.
Elle me parait un peu bizarre Smiley confus

Commence par ça, et dis-nous si les problèmes persistent.
Sinon, d'un point de vue syntaxique, utilises une liste pour mettre en forme un menu plutôt qu'un paragraphe Smiley cligne


Pour le menu en liste, c'est ce que je fais habituellement et ce n'est pas le cas là car il n'est pas terminé.

Merci de tes conseils.