Bonjour...voilà, j'ai un petit souci...avec mon blog avec dotclear...
J'ai réussi à faire l'arrière-plan, les différents "div"...avec style..etc...
Maintenant, j'ai fait un menu avec des images...et le lien sur le survol de l'image...puis ca a créer un dossier ainsi : la page htm + image..ok...là je suis d'accord..mais mon soucis, maintenant c'est que mon menu ne fonctionne pas.
Je l'ai introduit sous template.php, dans "div top"..j'ai beau mettre le curseur dans la div.top, mais toutes mes images se mettent dans head....
et bien entendu sur le site il n'apparait pas.....
j'ai donc du créer le menu en image...png ou gif...et je l'ai mis dans #top, mais sous layout...seulement voilà...dans les images...y a pas de liens. j'ai essayé aussi d'enregistré ce menu en gif animé...mais ca ne marche pas...
et dans css je ne vois pas comment je peux faire les liens avec les images du menu !

www.medrano.ch
Hello,

Première chose à faire: corriger le code HTML. Et là, si tu ne t'y retrouves pas dans les templates de Dotclear, je ne suis pas sûr qu'on puisse beaucoup t'aider.

Petit rappel: dotclear a un forum sur http://www.dotclear.net/forum/ Smiley cligne

À l'heure actuelle, ton menu est une image de fond PNG placée sur un div#top vide de contenu. Ce n'est clairement pas la bonne méthode, comme tu t'en doutes. Mais on peut aussi rajouter que il ne faut jamais générer des contenus avec CSS, à moins de savoir très exactement ce que l'on fait.

Bon courage pour la correction de ton code HTML.
Un outil utile:
http://validator.w3.org
oueh ben c'est anglais..j'y comprend rien....
si l'image fonctionnait sur la page php..en mettant l'image sous div id"top" je n'aurai pas besoin de la mettre sous le css...C'est ca qui je pige...Car, c'est moi qui l'ai créer, le top...à l'endroit et les dimensions que je veux.. mais justement au moment où l'image est mise sous div...elle n'y est pas..alors que sous le css oui...C'est ca que je ne pige pas...même une simple image en jpg...
al_ange a écrit :
C'est ca qui je pige...Car, c'est moi qui l'ai créer, le top...à l'endroit et les dimensions que je veux.. mais justement au moment où l'image est mise sous div...elle n'y est pas..

Euh... et quel est le code PHP correspondant à la création de div#top dans tes templates (theme) Dotclear?
en fait, selon moi....certains éléments sont en php...les données, calculs..etc...mais la disposition de la page est liée avec les css.

<?php
# ***** BEGIN LICENSE BLOCK *****
# This file is part of DotClear.
# Copyright (c) 2004 Olivier Meunier and contributors. All rights
# reserved.
#
# DotClear is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# DotClear is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with DotClear; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
#
# ***** END LICENSE BLOCK *****
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php dcInfo('lang'); ?>"
lang="<?php dcInfo('lang'); ?>">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=<?php dcInfo('encoding'); ?>" />
<meta name="MSSmartTagsPreventParsing" content="TRUE" />
<?php dcHeadLinks(); ?>
<link rel="alternate" type="application/rss+xml" title="RSS" href="<?php dcInfo('rss'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="<?php dcInfo('atom'); ?>" />
<meta name="DC.title" content="<?php dcInfo(); ?>" />
<title><?php dcSinglePostTitle('%s - '); dcSingleCatTitle('%s - ');
dcSingleMonthTitle('%s - '); dcCustomTitle('%s - '); dcInfo(); ?></title>

<link rel="stylesheet" type="text/css" href="<?php dcInfo('theme'); ?>/style.css" media="screen" />
<?php dcPostTrackbackAutoDiscovery(); ?>
</head>

<body>


<div id="top"> </div>
<div id="content">
<?php if ($err_msg != '') : /* Si on a une quelconque erreur, on l'affiche */?>
<div class="error"><strong>Erreur : </strong>
<?php echo $err_msg; ?></div>

<?php elseif ($preview) : /* Si on demande la prévisualisation d'un commentaire */?>
<h3>Commentaire pour <?php dcPostTitle(); ?></h3>
<div id="comment-preview">
<blockquote>
<?php dcCommentPreview(); ?>
</blockquote>
</div>

<h3>Changer le commentaire</h3>
<?php include dirname(__FILE__).'/form.php'; ?>

<?php elseif ($mode != 'post') : /* Si aucune erreur et mode != post on affiche une liste de billets */?>
<?php # Phrase affiché en cas de recherche (%s est le mot cherché)
dcSearchString('<p>R&eacute;sultats de votre recherche de <em>%s</em>.</p>');
?>

<?php include dirname(__FILE__).'/list.php'; ?>

<?php else : /* Sinon, mode = post, donc billet unique (avec commentaires et tout le reste)*/?>
<?php include dirname(__FILE__).'/post.php'; ?>
<?php endif; ?>

</div>
</div>

<div id="sidebar">
<div id="calendar">
<h3>Calendrier</h3>
<?php #Affichage du calendrier
dcCalendar('<table summary="Calendrier">%s</table>'); ?>
</div>

<div id="search">
<form action="<?php dcInfo('search'); ?>" method="get">

<h3><label for="q">
Rechercher</label>
</h3>
<p class="field"><input name="q" id="q" type="text" size="10"
value="<?php dcSearchString(); ?>" accesskey="4" />
<input type="submit" class="submit" value="ok" /></p>

</form>
</div>

<?php /* Affichage du blog "selection uniquement si des billets sont
présents */ ?>
<?php dcSelection('<div id="selection"><h2>&Agrave; retenir</h2><ul>%s</ul></div>'); ?>

<?php dcLangList('<div id="languages"><h2>Langues</h2><ul>%s</ul></div>'); ?>

<div id="categories">
<h3>Cat&eacute;gories</h3>
<?php dcCatList(); ?>
</div>

<div id="archives">
<h3>Archives</h3>
<?php dcMonthsList(); ?>
</div>

<div id="links">
<h3>Liens</h3>
<?php dcBlogroll::linkList(); ?>
</div>

<div id="syndicate">
<h3> Syndication</h3>
<ul>
<li><a href="<?php dcInfo('rss'); ?>">fil rss</a></li>
<li><a href="<?php dcInfo('rss'); ?>?type=co">fil rss commentaires</a></li>
<li><a href="<?php dcInfo('atom'); ?>">fil atom</a></li>
<li><a href="<?php dcInfo('atom'); ?>?type=co">fil atom commentaires</a></li>
</ul>
</div>
</div>

<p id="footer"><a href="http://www.dotclear.net/">
propuls&eacute; par DotClear</a></p>


<!-- Blocs en plus pour ajouter des images en tout genre si besoin -->
<div id="block1"></div><div id="block2"></div>
<div id="block3"></div><div id="block4"></div>
<div id="block5"></div><div id="block6"></div>

</body>
</html>


et mon css :

#top{
height:200px;
width: 671px;
margin-left: 280px;


}
Deux choses:

1. Pourrais-tu éditer ton message ci-dessus pour respecter les règles du forum, et notamment entourer ton code avec les balises [ code ] et [ /code ] (sans espaces)? Merci d'avance.

2. Tu dis que tu as mis un contenu dans div#top, mais je n'en vois strictement aucun. Voici une partie du code de ton template PHP:
<link rel="stylesheet" type="text/css" href="<?php dcInfo('theme'); ?>/style.css" media="screen" />
<?php dcPostTrackbackAutoDiscovery(); ?>
</head>

<body>


[b][#red]<div id="top"> </div>[/#][/b]
<div id="content">
<?php if ($err_msg != '') : /* Si on a une quelconque erreur, on l'affiche */?>
<div class="error"><strong>Erreur : </strong>
<?php echo $err_msg; ?></div>

div#top est désespérément vide. Si tu veux inclure un menu dans ce bloc, il faudrait donc déjà y insérer le code HTML pour ce menu.
c'est dur d'expliquer quand on a un soucis.
mais justement.....c'est là que ca ne joue pas...je viens de refaire le test..
j'ai introduit simplement une image ....

donc :

<div id="top"> <img src="img/menu.png" alt="blog" /></div>

par exemple....et bien entendu en enlevant l'image sous le css top...mais en le gardant seulement pour le format...height..widht..etc...

mais ca me met : le mot menu dans le haut de la page" au lieu de l'image !
pour faire un test...j'ai introduit du texte sous ce div...là ca marche...mais pas l'image...alors soit je ne sais plus comment introduire une image...soit il y a une annotation particulière du fait que c'est une page php ?

à voir sur le site www.medrano.ch

<div id="top"> 
  <p>je peux mettre des textes...mais pas des image...je ne pige pas</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>voil&agrave; la suite du texte...tout ca &agrave; la place de mon image..... </p>
  <p>&nbsp;</p>
</div>


et le css :

#top{
	height:208px;
	width: 674px;
	margin-left: 280px;
	
}
Administrateur
Bonjour,

édite STP tes messages précédents pour y rajouter des balises [ code], comme te l'a demandé Florent V et comme tu viens de le faire pour ce dernier message.

Merci d'avance,
Felipe
al_ange a écrit :
alors soit je ne sais plus comment introduire une image...

Je vote pour cette solution.

En l'occurrence, tu as essayé d'inclure une image dont le chemin est:
img/menu.png

Il s'agit d'un chemin relatif. Il partira du dossier en cours. Lorsque je suis sur la page d'accueil, ce chemin pointe donc vers l'adresse suivante:
http://www.medrano.ch/img/menu.png

Cette adresse me donne une erreur 404.

Je pense que l'image que tu essayes d'inclure est la suivante:
http://www.medrano.ch/themes/test/img/menu.png

Le chemin à indiquer sera donc plutôt:
themes/test/img/menu.png

Et pour être sûr que le chemin sera bon quelle que soit la page (ou plutôt le dossier) de départ, on peut l'écrire ainsi:
/themes/test/img/menu.png

Par ailleurs, il se peut que /themes/test soit défini dans une variable de ton template. Tu devrais donc pouvoir faire quelque chose comme ceci:

<img src="<?php echo $DossierTemplate; ?>img/menu.png" alt="..." />

Il faudra bien sûr trouver la bonne variable si elle existe, et la bonne manière de l'inclure suivant comment fonctionne le système de template.

PS: oui, je sais, ça n'est pas évident. La conception de sites web, même avec un CMS et des outils existants, ça reste un sujet technique. (Là soit je mets un Smiley cligne , soit je mets un Smiley decu ...)
Au sujet des chemins relatifs (vers une image, une feuille de style, une page, un fichier...):

- en CSS, le chemin part de l'emplacement de la feuille de styles;
- en HTML, le chemin part de l'emplacement de la page HTML.

Je pense que c'est là-dessus qu'à porté la confusion. Smiley smile
merci...beaucoup...ca joue effectivement..tu es mon sauveur !!!!!
www.medrano.ch...bon c'est pas encore du parfait...mais ...les liens joue...

en fait...pour moi...étant donné que la page template.php, se trouvait dans le même dossier que /img/menu.png, pour moi, il était évident de ne pas mettre tous ses sous-dossiers..
quant au lien que tu m'as donné "php"...là non ca ne fonctionnait pas...

mais bon....le php...c'est pas encore trop mon dada...pour l'instant..
al_ange a écrit :
quant au lien que tu m'as donné "php"...là non ca ne fonctionnait pas...

Oui, en général les examples fictifs ne fonctionnent pas, car ils sont... fictifs. Smiley cligne

Et tu n'as toujours pas édité ton message plus haut pour mettre en forme le code. Smiley decu
Salut,

@al-ange

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle comme te l'ont déja fait remarqué deux modérateurs ! Smiley cligne

upload/1-code.gif

Merci de tenir enfin compte de ces demandes, c'est dans l'intérêt de tous, notamment dans le tien, car nous ne voudrions pas être dans la nécessité de te sanctionner. Smiley cligne
Voilà !

<?php
# ***** BEGIN LICENSE BLOCK *****
# This file is part of DotClear.
# Copyright (c) 2004 Olivier Meunier and contributors. All rights
# reserved.
#
# DotClear is free software; you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 2 of the License, or
# (at your option) any later version.
#
# DotClear is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with DotClear; if not, write to the Free Software
# Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
#
# ***** END LICENSE BLOCK *****
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php dcInfo('lang'); ?>"
lang="<?php dcInfo('lang'); ?>">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=<?php dcInfo('encoding'); ?>" />
<meta name="MSSmartTagsPreventParsing" content="TRUE" />
<?php dcHeadLinks(); ?>
<link rel="alternate" type="application/rss+xml" title="RSS" href="<?php dcInfo('rss'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="<?php dcInfo('atom'); ?>" />
<meta name="DC.title" content="<?php dcInfo(); ?>" />
<title><?php dcSinglePostTitle('%s - '); dcSingleCatTitle('%s - ');
dcSingleMonthTitle('%s - '); dcCustomTitle('%s - '); dcInfo(); ?></title>

<link rel="stylesheet" type="text/css" href="<?php dcInfo('theme'); ?>/style.css" media="screen" />
<?php dcPostTrackbackAutoDiscovery(); ?>
</head>

<body>


<div id="top"> </div>
<div id="content">
<?php if ($err_msg != '') : /* Si on a une quelconque erreur, on l'affiche */?>
<div class="error"><strong>Erreur : </strong>
<?php echo $err_msg; ?></div>

<?php elseif ($preview) : /* Si on demande la prévisualisation d'un commentaire */?>
<h3>Commentaire pour <?php dcPostTitle(); ?></h3>
<div id="comment-preview">
<blockquote>
<?php dcCommentPreview(); ?>
</blockquote>
</div>

<h3>Changer le commentaire</h3>
<?php include dirname(__FILE__).'/form.php'; ?>

<?php elseif ($mode != 'post') : /* Si aucune erreur et mode != post on affiche une liste de billets */?>
<?php # Phrase affiché en cas de recherche (%s est le mot cherché)
dcSearchString('<p>Résultats de votre recherche de <em>%s</em>.</p>');
?>

<?php include dirname(__FILE__).'/list.php'; ?>

<?php else : /* Sinon, mode = post, donc billet unique (avec commentaires et tout le reste)*/?>
<?php include dirname(__FILE__).'/post.php'; ?>
<?php endif; ?>

</div>
</div>

<div id="sidebar">
<div id="calendar">
<h3>Calendrier</h3>
<?php #Affichage du calendrier
dcCalendar('<table summary="Calendrier">%s</table>'); ?>
</div>

<div id="search">
<form action="<?php dcInfo('search'); ?>" method="get">

<h3><label for="q">
Rechercher</label>
</h3>
<p class="field"><input name="q" id="q" type="text" size="10"
value="<?php dcSearchString(); ?>" accesskey="4" />
<input type="submit" class="submit" value="ok" /></p>

</form>
</div>

<?php /* Affichage du blog "selection uniquement si des billets sont
présents */ ?>
<?php dcSelection('<div id="selection"><h2>À retenir</h2><ul>%s</ul></div>'); ?>

<?php dcLangList('<div id="languages"><h2>Langues</h2><ul>%s</ul></div>'); ?>

<div id="categories">
<h3>Catégories</h3>
<?php dcCatList(); ?>
</div>

<div id="archives">
<h3>Archives</h3>
<?php dcMonthsList(); ?>
</div>

<div id="links">
<h3>Liens</h3>
<?php dcBlogroll::linkList(); ?>
</div>

<div id="syndicate">
<h3> Syndication</h3>
<ul>
<li><a href="<?php dcInfo('rss'); ?>">fil rss</a></li>
<li><a href="<?php dcInfo('rss'); ?>?type=co">fil rss commentaires</a></li>
<li><a href="<?php dcInfo('atom'); ?>">fil atom</a></li>
<li><a href="<?php dcInfo('atom'); ?>?type=co">fil atom commentaires</a></li>
</ul>
</div>
</div>

<p id="footer"><a href="http://www.dotclear.net/">
propulsé par DotClear</a></p>


<!-- Blocs en plus pour ajouter des images en tout genre si besoin -->
<div id="block1"></div><div id="block2"></div>
<div id="block3"></div><div id="block4"></div>
<div id="block5"></div><div id="block6"></div>

</body>
</html>


et mon css :

#top{
height:200px;
width: 671px;
margin-left: 280px;


}
de toute façon, maintenant, c'est réglé..Je me suis réorganiser dans les dossiers, mes liens ont changés...et cette fois, ca fonctionne comme je le voulais au départ...J'avais juste oublié de créer un dossier sous dreamwaever...Ainsi, les liens sont fait correctement !