Retour à Forum de site web

css différents code pour les liens sur les différentes parties de la page

  • dr nick
  • Proficient
  • Proficient
  • No Avatar
  • Inscription: Sep 10, 2003
  • Messages: 263
  • Loc: Frankfurt
  • Status: Offline

Message Septembre 26th, 2003, 5:52 pm

Salut,

Im sûr Ive vu ce expliqué quelque part ici, mais je ne peux pas le trouver.

En cherchant à définir différents styles pour les liens à différentes parties de la page à l'aide de css. Comment puis-je faire?

Également...Je veux que les images sont des liens à ne pas avoir n'importe quel type de lien mis en évidence «la frontière. Comment puis-je changer que l'utilisation de css ou d'autres moyens?

Merci pour toute aide!
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Septembre 26th, 2003, 5:52 pm

  • RichB
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 17, 2003
  • Messages: 1121
  • Loc: Boston
  • Status: Offline

Message Septembre 26th, 2003, 6:57 pm

Vous pouvez créer différentes catégories de liens en utilisant le CSS, puis de définir la catégorie dans la balise a. Pour supprimer la bordure autour des images mis en lien l'attribut border à 0 dans la balise img ou améliorer les balises d'images que vous utilisez des liens comme une classe CSS qui a la propriété de bordure CSS réglé sur "none" comme dans les exemples ci-dessous.



Code: [ Select ]
<html>
<head>
<style type="text/css">
a.bigRed
{
color: red;
font-size: 2 em;
}
a.bigRed:hover
{
color: black;
}
img.noBorder
{
border: none;
}
</style>
</head>
<body>
<a href="#" class="bigRed">blah</a><br>
<a href="#" ><img border="none" src="email.gif"></a>
or
<a href="#" ><img class="noBorder" src="email.gif"></a>
</body>
</html>
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. a.bigRed
  5. {
  6. color: red;
  7. font-size: 2 em;
  8. }
  9. a.bigRed:hover
  10. {
  11. color: black;
  12. }
  13. img.noBorder
  14. {
  15. border: none;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <a href="#" class="bigRed">blah</a><br>
  21. <a href="#" ><img border="none" src="email.gif"></a>
  22. or
  23. <a href="#" ><img class="noBorder" src="email.gif"></a>
  24. </body>
  25. </html>
Free Programming Resources
  • dr nick
  • Proficient
  • Proficient
  • No Avatar
  • Inscription: Sep 10, 2003
  • Messages: 263
  • Loc: Frankfurt
  • Status: Offline

Message Septembre 27th, 2003, 4:52 am

Merci RichB!

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 3 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 110 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC