Lien dans un fichier .CSS - Communauté Informatique NDFR.net

Communauté Informatique NDFR.net (http://www.ndfr.net/forums/index.php)

- Programmation Web (HTML, PHP, ASP, Java, XML, etc.) (http://www.ndfr.net/forums/forumdisplay.php?f=65)

- - Lien dans un fichier .CSS (http://www.ndfr.net/forums/showthread.php?t=5700)

Lien dans un fichier .CSS

Bonjours a tous.

J'ai un fichier .CSS qui affiche une image et je voudrait que l'on puisse cliquer sur celle ci afin d'ateindre la page mais je n'est pour le moment pas trouver la ligne de code qui permet de faire sa.

A votre bon coeur messieur dame si vous pouvez me dire si c'est réalisable et si oui comment faire merci:)

Et tu mets l'image dans quel tags ?? un div, un table, td, img .... si tu pouvais montrer un petit bou de code dont tu parles :)

Un css qui affiche une image, tu es sur que tu ne parles pas d'un js ?

Quote:

Originally Posted by Magi-X

Et tu mets l'image dans quel tags ?? un div, un table, td, img .... si tu pouvais montrer un petit bou de code dont tu parles :)

Voila un petit morceau du code:

.accueil {

background-image: url(images/menu/accueil.jpg);

background-repeat : no-repeat;

width : 120px;

height : 22px;

vertical-align : top;

}

En vait je voudrait que en cliquant sur l'image accueil on aille sur le lien accueil pour cette image par exemple.

Beluga oui je suis pas niais quand meme

oui mais tu utilise ce style dans quel tags ??? donc la ou tu fais class="accueil" ??

car la tu devras mettre un petit javascript du genre onClick="location.href=''" ...

donc si tu peux me donner le code ou tu refere vers le style.

Effectivement, sans le code source de la page, il est impossible de répondre à ta question.

Code:

<html>

 <head>

 <title>Bienvenue sur www.csalp.org</title>

 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

 

 <STYLE type="text/css">

 <!--

 A.ssmItems:link        {color:navy;text-decoration:none;}

 A.ssmItems:hover    {color:black;text-decoration:none;}

 A.ssmItems:active    {color:black;text-decoration:none;}

 A.ssmItems:visited    {color:black;text-decoration:none;}

 //body {

     background-color: #ECA04A;

 }

 body {

     background-color: #ECA04A;

 }

 .Style1 {font-family: "Times New Roman", Times, serif}

 .Style2 {font-family: Georgia, "Times New Roman", Times, serif}

 .Style3 {color: #000000}

 .Style4 {

     font-family: Georgia, "Times New Roman", Times, serif;

     color: #000000;

 }

 .Style5 {font-family: Verdana, Arial, Helvetica, sans-serif}

 -->

 </STYLE>

 <link href="style.css" rel="stylesheet" type="text/css">

 </head>

 <body>

 <div align="center">

   <p> </p>

   <table width="716" border="0" align="center">

     <tr>

       <td class="textNewsDAtes"><div align="center"></div></td>

       <td class="textNewsDAtes"><img src="images/alp3pti.jpg" width="878" height="90" /></td>

       <td class="textNewsDAtes">&nbsp;</td>

     </tr>

     <tr>

       <td class="Style4" ><p align="center" class="accueil"><br>

         <p align="center" class="news"><br>

         <p align="center" class="historique"><br>

         <p align="center" class="equipe"><br>

         <p align="center" class="forum"><br>

       <p align="center" class="contact"><br>

       <td height="407" rowspan="2" ><p class="textbleu"></p>

         <div align="center">

           <? include ("content/selectpages.php")?>

         </div></td>

       <td height="407" rowspan="2" ><div align="center">Partenaires</div></td>

     </tr>

     <tr>

       <td ><? include ("content/selectmenu.php")?></td>

     </tr>

   </table>

   <p></p>

 </div>

 </body>

 </html>

voici le code de ma page chut faut pas le répéter:D

Code:

<p onclick="location.href='le_lien.htm'" align="center" class="accueil">



ou si tu veux qu'il ouvre dans un autre fenetre alors il faut utilise



<p onclick="window.open('le_lien.htm')" align="center" class="accueil">

ca c'est un example avec le javascript ... sinon jpense que tu peux mettre des balase <a href=""> </a> autour de ton <p ... >

Merci Magi-X j'ai tester:

<p onclick="location.href='le_lien.htm'" align="center" class="accueil">

Et sa tourne parfaitement sur la page.

Merci de ton aide:)

c'est fais avec plaisir, on est la pour ça :)