28173 sujets

CSS et mise en forme, CSS3

[Résolu]Mon header ne s'affiche pas....

Voilà la page ou constater les dégats www.mathstrass.fr/Forum
Voilà se que j'ai mis dans ma feuille de style:
#title_image {

	margin:0;

	text-align:left;

	display:block;

	height:95px;

	background-image:url(templates/default/images/header_image3.jpg) center center transparent repeat-y;

}



#title {

	background-image:url(templates/default/images/header.gif) top #7F7F7F no-repeat;

	height:76px;

	margin:0;

	padding:25px 25px 0 25px;

	clear:both;

	text-align:left;

}

#page {

	text-align:center;

	background-image:url(templates/default/images/page_bg.gif) center #7F7F7F repeat-y;}

#header {

	width:800px;

	margin-right:auto;

	margin-left:auto !important; /* stupid ie... */

	margin-left:1px;

	margin-top:0px;

	padding:0px;


Et voilà ce que j'ai mis dans mon header:

 <body onload="{IF FOCUS_TO_ID}var focuselt=document.getElementById('{FOCUS_TO_ID}'); if (focuselt) focuselt.focus();{/IF}">

    <div align="{forumalign}">
      <div class="PDDiv">
        {IF notice_all}
          <div class="PhorumNotificationArea PhorumNavBlock">
            {IF NEW_PRIVATE_MESSAGES}<a class="PhorumNavLink" href="{URL->PM}">{LANG->NewPrivateMessages}</a><br />{/IF}
            {IF notice_messages}<a class="PhorumNavLink" href="{notice_messages_url}">{LANG->UnapprovedMessagesLong}</a><br />{/IF}
            {IF notice_users}<a class="PhorumNavLink" href="{notice_users_url}">{LANG->UnapprovedUsersLong}</a><br />{/IF}
            {IF notice_groups}<a class="PhorumNavLink" href="{notice_groups_url}">{LANG->UnapprovedGroupMembers}</a><br />{/IF}
          </div>
        {/IF}
<div id="page">

	

	<!-- header -->



	<div id="header">

		<div id="title">

			<h1>Essai

							</h1>

			<div class="description">

				<small>bof</small>

			</div>

		</div>

		<div id="title_image"></div>

	</div>


<img src="templates/default/images/header.gif" >
          {IF NAME}<a href="{URL->TOP}">{NAME}</a>&nbsp;:&nbsp;{/IF}
          {TITLE}
        </span></img>

     <!--<span class="PhorumTitleText PhorumLargeFont">
          {IF NAME}<a href="{URL->TOP}">{NAME}</a>&nbsp;:&nbsp;{/IF}
          {TITLE}
        </span>*/</div>-->


        {IF URL->INDEX}<a href="{URL->INDEX}">{/IF}<img src="templates/default/images/logo.png" alt="The fastest message board... ever. " title="FAQ mathématiques " width="780" height="84" border="0" />{IF URL->INDEX}</a>{/IF}
        <div class="PhorumFloatingText">{DESCRIPTION}&nbsp;</div>
</body>


Les deux images s'affichant sont celles déclarées par <img>

De l'aide, le forum de Phorum ne veut pas répondre aux problèmes css ainsi que celui de wordpress....
Merci d'avance

edit par koala64 : Modif de l'url pour la rendre cliquable. Smiley cligne
Modifié par koala64 (12 Sep 2006 - 14:36)
Quelques précisions: je tiens à faire cela pour donner à mon forum "Phorum 5" le même design qu'à mon blog...
Les fichiers que je modifie s'appelle header.tmp et css.tmp Smiley bawling
J'ai trouvé le problème. La syntaxe CSS utilisée est erronée :
#title_image {
	background-image:url(templates/default/images/header_image3.jpg) center center transparent repeat-y;
}
#title {
	background-image:url(templates/default/images/header.gif) top #7F7F7F no-repeat;
}
#page {
	background-image:url(templates/default/images/page_bg.gif) center #7F7F7F repeat-y;
}


La propriété CSS background-image ne s'utilise pas ainsi : on ne peut lui donner comme valeur que le chemin vers l'image elle-même. Les autres informations doivent être dispatchées entre background-position, background-repeat, background-color, etc.

La propriété CSS permettant de passer toutes ces informations en une fois est la propriété background.

Cf. http://wiki.media-box.net/documentation/css/background
et http://wiki.media-box.net/documentation/css/background-image
Sujet clos
Aller à