Affichage conditionnel d'image
bic
-
RAD ZONE Messages postés 5362 Statut Contributeur -
RAD ZONE Messages postés 5362 Statut Contributeur -
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.
A voir également:
- Affichage conditionnel d'image
- Affichage conditionnel excel - Guide
- Image iso - Guide
- Affichage double ecran - Guide
- Reduire taille image - Guide
- Légende image word - Guide
3 réponses
Plusieurs solutions :
1) ne met pas d'image, mais indique la construction :
2) mise en page <div> + css
tu mets tous les liens en construction dans un div :
et ta css :
3) un mix des deux
4) surement d'autres moyens... mais ce n'est plus de mon recours
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 */ }
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>
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>
<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>
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!!
si il est chez to hebergeur et en suposant que tu la mis dans un dossier "images" il doit ressembler a ca
RAD
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
