Liens des pages
Résolu/Fermé
A voir également:
- Liens des pages
- Supprimer des pages sur word - Guide
- Créer un lien pour partager des photos - Guide
- Séparer pages pdf - Guide
- Comment numéroter les pages sur word - Guide
- Fichier .pages ✓ - Forum MacOS
3 réponses
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
11 sept. 2012 à 11:20
11 sept. 2012 à 11:20
il te faut définir les 'propriétés' des liens (balise "a.....") dans la css
le 'bleu' est par défaut quand justement il n'y a rien ;)
le 'bleu' est par défaut quand justement il n'y a rien ;)
tryan44
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
219
11 sept. 2012 à 16:30
11 sept. 2012 à 16:30
Vous créez une feuille de style css nommé style.css et vous y placez le code suivant :
...ce qui aura pour effet de supprimer les bordures des images associées à un lien.
Vous liez cette feuille de style dans l'entête de vos documents (entre <head> et </head>) avec le code suivant :
img{
border:none;
}
...ce qui aura pour effet de supprimer les bordures des images associées à un lien.
Vous liez cette feuille de style dans l'entête de vos documents (entre <head> et </head>) avec le code suivant :
<link href="style.css" rel="stylesheet" type="text/css"/>
tryan44
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
219
12 sept. 2012 à 10:50
12 sept. 2012 à 10:50
Mettez le lien juste avant la balise de fermeture de l'entête du document (</head>).
tryan44
Messages postés
1288
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
219
12 sept. 2012 à 10:56
12 sept. 2012 à 10:56
Vous pouvez mettre également le style directement dans la page comme ci-dessous :
...mais c'est mieux de le mettre dans une feuille de style.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Titre</title>
<style type="text/css">
img{
border:none;
}
</style>
</head>
<body>
<a href="https://www.google.fr/?gws_rd=ssl" title="Google"><img src="https://www.google.fr/images/srpr/logo3w.png" alt="Google" /></a>
</body>
</html>
...mais c'est mieux de le mettre dans une feuille de style.
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
11 sept. 2012 à 17:32
11 sept. 2012 à 17:32
exemple :
et dans la css:
pour les liens
pour les images
... à personnaliser comme tu le veux ;)
<a href="verslapage.php" title="fonds d'écran"><img src="images/main.png" title="fonds d'écran" alt="fonds d'écran" width="20" height="10" border="0" />
et dans la css:
a:link, a:active, a:visited {
text-decoration: none;
color: #bababa;
}
a:hover {
text-decoration: none;
color: #fff;
}
pour les liens
#images img {
border: 5px solid #000;
}
pour les images
... à personnaliser comme tu le veux ;)
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
12 sept. 2012 à 11:11
12 sept. 2012 à 11:11
là c'est une 'version' des plus simples ;)
11 sept. 2012 à 11:23
11 sept. 2012 à 11:25
11 sept. 2012 à 14:25
<p><a href="winsup.html"><img src="img/solutions/winsup/onglet_winsup.jpg" width="200" height="19" alt="pres" /></a></p> <p><a href="alphatec.html"><img src="img/solutions/winsup/onglet_alphatec.jpg" width="200" height="19" alt="part" /></a></p> <p><a href="manicour.html"><img src="img/solutions/winsup/onglet_manicour.jpg" width="200" height="19" alt="mani" /></a></p> <p><a href="solution_mobilite.html"><img src="img/solutions/winsup/onglet_solution.jpg" width="200" height="19" alt="solution" /></a></p> <p><a href="websup.html"><img src="img/solutions/winsup/onglet_websup.jpg" width="200" height="19" alt="web" /></a></p></td>11 sept. 2012 à 15:53
11 sept. 2012 à 16:02
img{ border:none; }