Comment on met un id à un href

Résolu/Fermé
gaya_102 - 31 août 2009 à 21:54
 gaya_102 - 31 août 2009 à 22:38
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

8 réponses

en fait je vais utiliser cette mise en forme à plusieurs endroit. IL ne vaut mieu pas que j'utilise une class?
1
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
31 août 2009 à 22:37
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
En tout cas je te remercie de ton aide
1
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
31 août 2009 à 22:00
<a href="http://www.xxxxxx" id="ton_id">lien</a> 
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
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
j'ai essayé de mettre un id a la colonne mais je n'arrive pas non plus a réduire mon texte
0
bon j'ai essayé avec une class et ca marche
merci quand meme de ton aide
0
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
31 août 2009 à 22:28
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