Comment on met un id à un href

Résolu
gaya_102 -  
 gaya_102 -
Bonjour,

je voudrais mettre une mise en forme différentes à mes href mais je ne sais pas comment on met alors un id.
Pouvez vous me renseigner?
merci d'avance
Configuration: Windows XP
Firefox 3.0.13

8 réponses

  1. gaya_102
     
    en fait je vais utiliser cette mise en forme à plusieurs endroit. IL ne vaut mieu pas que j'utilise une class?
    1
  2. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    En fait je vais utiliser cette mise en forme à plusieurs endroit. IL ne vaut mieu pas que j'utilise une class?

    alors la OUI il FAUT utiliser une class
    1
  3. gaya_102
     
    En tout cas je te remercie de ton aide
    1
  4. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    <a href="http://www.xxxxxx" id="ton_id">lien</a> 
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. gaya_102
     
    ca marche pas snif

    <tr>
          
           <td id="marge"><a href="textes.php" id="margetitre">Idées de textes</a></td>
           <td >3ème célule</td>
    	   
       </tr>


    body {
    	background-color: #f7d8fc;
    	font-family:Comic Sans MS, Times New Roman, Times, serif;
    	font-style: italic;
    }
    
    img {
    	border:0;
    	vertical-align:middle;
    }
    
    a {
    	color: #b04cbf;
    	font-family:Comic Sans MS, Times New Roman, Times, serif;
    
    	font-size: 17px;
    	text-decoration: none;
    	text-align: center;
    } 
    
    a:hover {
        color: #e365f6;
    	font-family:Comic Sans MS, Times New Roman, Times, serif;
    
    	font-size: 17px;
    	text-decoration: none;
    	text-align: center;
    }
    
    #unite {
    	position:absolute;
    	left:50%;
    	margin-left:-490px;
    	width: 980px;
    	top:50%;
    	margin-top:-271px;
    	height: 542px;
    	background-image : url("images/fond_page.jpg");
    	background-repeat: no-repeat;
    	border :2px solid black;
    }
    
    #titre{
        color: #b04cbf;
    	font-family: Comic Sans MS, Times New Roman, Times, serif;
    
    	font-size: 36px;
    	text-decoration: none;
    	text-align: center;
    	position:absolute;
    	top: 5px;
    	left : 205px;
    }
    		
    #texte{
        color: #7890d2;
    	font-family: Comic Sans MS, Times New Roman, Times, serif;
    
    	font-size: 17px;
    	text-decoration: none;
    	text-align: right;
    	position:absolute;
    	top: 65px;
    	left: 585px;
    	
    
    }
    
    #menubas {
    	 margin-top: 108px;
    	 float:right;
    	 padding-right: 5px;
    }
    
    #contenu {
    position: relative;
    top: 3px;
    vertical-align:middle;
    border-collapse:separate;
    width: 979px;
    }
    
    td /* Toutes les cellules des tableaux... */
    {
    text-align: center; /* Tous les textes des cellules seront centrés*/
       padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
       border: 1px solid black; /* ... auront une bordure de 1px */
    }
    #marge{
    width: 200px;
    font-size: 6px;
    }
    
    #margetitre{
    font-size: 6px;
    }
    
    


    j'ai mis la taille du titre en 6 pour être sure de voir la différence
    0
  7. gaya_102
     
    j'ai essayé de mettre un id a la colonne mais je n'arrive pas non plus a réduire mon texte
    0
  8. gaya_102
     
    bon j'ai essayé avec une class et ca marche
    merci quand meme de ton aide
    0
  9. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    ca fonctionne aussi avec une "id"

    regarde
    <!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">
      <head>
        <title>
          RAD ZONE Webcreation
        </title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta name="author" content="http://radservebeer.free.fr" />
        <meta name="generator" content="PSPad editor, www.pspad.com" />
        <style type="text/css">
    /*<![CDATA[*/
        body {
        background-color: #f7d8fc;
        font-family:Comic Sans MS, Times New Roman, Times, serif;
        font-style: italic;
        }
    
        img {
        border:0;
        vertical-align:middle;
        }
    
        a {
        color: #b04cbf;
        font-family:Comic Sans MS, Times New Roman, Times, serif;
    
        font-size: 17px;
        text-decoration: none;
        text-align: center;
        }
    
        a:hover {
        color: #e365f6;
        font-family:Comic Sans MS, Times New Roman, Times, serif;
    
        font-size: 17px;
        text-decoration: none;
        text-align: center;
        }
    
        #unite {
        position:absolute;
        left:50%;
        margin-left:-490px;
        width: 980px;
        top:50%;
        margin-top:-271px;
        height: 542px;
        background-image : url("images/fond_page.jpg");
        background-repeat: no-repeat;
        border :2px solid black;
        }
    
        #titre{
        color: #b04cbf;
        font-family: Comic Sans MS, Times New Roman, Times, serif;
    
        font-size: 36px;
        text-decoration: none;
        text-align: center;
        position:absolute;
        top: 5px;
        left : 205px;
        }
    
        #texte{
        color: #7890d2;
        font-family: Comic Sans MS, Times New Roman, Times, serif;
    
        font-size: 17px;
        text-decoration: none;
        text-align: right;
        position:absolute;
        top: 65px;
        left: 585px;
    
    
        }
    
        #menubas {
         margin-top: 108px;
         float:right;
         padding-right: 5px;
        }
    
        #contenu {
        position: relative;
        top: 3px;
        vertical-align:middle;
        border-collapse:separate;
        width: 979px;
        }
    
        td /* Toutes les cellules des tableaux... */
        {
        text-align: center; /* Tous les textes des cellules seront centrés*/
        padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
        border: 1px solid black; /* ... auront une bordure de 1px */
        }
        #marge{
        width: 200px;
        font-size: 6px;
        }
    
        #margetitre {
        font-size: 6px;
        color: #c4031c;
        background-color: #000000;}
    
    
        /*]]>*/
        </style>
      </head>
      <body>
        <table>
          <tr>
            <td id="marge">
              <a href="textes.php" id="margetitre" name="margetitre">Idées de textes</a>
            </td>
            <td>
              3ème célule
            </td>
          </tr>
        </table>
      </body>
    </html>
    
    
    0