Affichage conditionnel d'image

Fermé
bic - 27 mai 2007 à 17:18
RAD ZONE Messages postés 5205 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 19 avril 2020 - 29 mai 2007 à 22:54
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.

3 réponses

gryzzly Messages postés 4607 Date d'inscription lundi 7 novembre 2005 Statut Contributeur Dernière intervention 24 octobre 2020 1 323
27 mai 2007 à 17:38
Plusieurs 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
0
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 */ }
0
julplemet Messages postés 331 Date d'inscription mercredi 25 avril 2007 Statut Membre Dernière intervention 22 juin 2009 79
28 mai 2007 à 21:19
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>
0
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>
0
RAD ZONE Messages postés 5205 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 19 avril 2020 1 347
29 mai 2007 à 22:54
SALUT

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 ca
 background: url("images/uttrav11.jpg


RAD
0