Affichage conditionnel d'image
Bonjour, je commence la création de mon premier site web, par conséquent bien qu'étant en bac+2, je n'y connais pas grand chose en dev web.
Voici mon problème:
J'ai sur ma page, une liste de liens aficher les un en dessous des autres.
Je voudrais un moyen pour mettre AUTOMATIQUEMENT une image "site en construction" à côté d'un lien à partir du moment où la page web associé à ce lien n'existe pas (dans le dossier où se trouve mes page)
Je supose qu'il faut mettre un bout de code C cherchant le fichier dans le dossier et affichant l'image s'il n'existe pas (boucle if else).
Merci.
Voici mon problème:
J'ai sur ma page, une liste de liens aficher les un en dessous des autres.
Je voudrais un moyen pour mettre AUTOMATIQUEMENT une image "site en construction" à côté d'un lien à partir du moment où la page web associé à ce lien n'existe pas (dans le dossier où se trouve mes page)
Je supose qu'il faut mettre un bout de code C cherchant le fichier dans le dossier et affichant l'image s'il n'existe pas (boucle if else).
Merci.
Configuration: Windows XP Internet Explorer 6.0
3 réponses
-
ContributeurPlusieurs solutions :
1) ne met pas d'image, mais indique la construction :<a href="#" title="page en construction">nom du lien</a>
2) mise en page <div> + css
tu mets tous les liens en construction dans un div :<div class="construction"><a>nom du lien</a></div>
et ta css :.construction a { background: url("../img/image.jpg") no-repeat; padding-left: 50px; /*50 pixels à gauche */ }
3) un mix des deux
4) surement d'autres moyens... mais ce n'est plus de mon recours -
Merci de la réponse mais j'ai encore des progrès à faire.
Voici mon code
<HTML>
<BODY>
<CENTER><FONT SIZE=7><I><B> Le Portail De La Prod</CENTER></I></B></FONT>
<BR>
<A HREF="cpfr.html" TITLE="page en construction" TARGET="self"> L'univers du CPFR </A>
<BR>
<A HREF="cprouteur.html" TARGET="self"> L'univers du CP Routeur </A>
<DIV CLASS="construction"><A>cpfr.html</A></DIV>
.construction
{
background: url("C:\Documents and Settings\Administrateur\Bureau\FT\Pré-projet ITIN\uttrav11.jpg") no-repeat;
padding-left: 50px; /*50 pixels à gauche */
} </BODY>
</HTML>
Et voici le résultat:
Le Portail De La Prod
L'univers du CPFR
L'univers du CP Routeur
cpfr.html
.construction { background: url("C:\Documents and
Settings\Administrateur\Bureau\FT\Pré-projet ITIN\uttrav11.jpg") no-repeat;
padding-left: 50px; /*50 pixels à gauche */ }-
Ce que tu as écrit ne veut rien dire car tu as sorti le code CSS de la zone qui lui est réservée et il donc interprété comme du simple texte par le navigateur
pour la <DIV> tu dois mettre:
<HTML>
<HEAD>
<STYLE TYPE="text/css">
.construction
{
background: url("C:\Documents and Settings\Administrateur\Bureau\FT\Pré-projet ITIN\uttrav11.jpg") no-repeat;
padding-left: 50px; /*50 pixels à gauche */
}
</STYLE>
</HEAD>
<BODY>
<DIV CLASS="construction">Texte</DIV>
</BODY>
</HTML> -
Merci beuacoup je me coucherai moins bête ce soir. Par contre, l'image ne s'affiche pas. Malgré ce code Pourquoi?
<HTML>
<HEAD>
<STYLE TYPE="text/css">
.construction
{
background: url("C:\Documents and Settings\Administrateur\Bureau\FT\Pré-projetITIN\uttrav11.jpg") no-repeat;
padding-left: 50px; /*50 pixels à gauche */
}
</STYLE>
</HEAD>
<BODY LINK="navy" VLINK="purple" BGCOLOR="orange">
<A HREF="rolecpfr.html" TARGET="corps"> Qu'est ce que le CPFR </A>
<BR>
<A HREF="bibliothèquecpfr.html" TARGET="corps"> Les documentations techniques du CPFR </A>
<BR>
<A HREF="outilscpfr.html" TARGET="corps"> Les outils du CPFR </A>
<BR>
<A HREF="index.html" TARGET="_top"> Retour ausommaire </A>
<BR>
<DIV CLASS="construction">Toutes ces pages sont en cours de développement!!</DIV>
</BODY>
</HTML>
-
-
ContributeurSALUT
tu teste ton site en local ??
parceque si c est online l erreur vient du lien !!! il pointe sur ton pc et pas chez ton hebergeur!!background: url("C:\Documents and Settings\Administrateur\Bureau\FT\Pré-projetITIN\uttrav11.jpg
si il est chez to hebergeur et en suposant que tu la mis dans un dossier "images" il doit ressembler a cabackground: url("images/uttrav11.jpg
RAD
