surligner/faire clignoter des liens - HTML/CSS - Programmation
Marsh Posté le 30-04-2003 à 15:33:24
tu rajoutes un style css ... <a href='...' style='border: solid 2px red;'> par exemple.
Marsh Posté le 30-04-2003 à 15:37:28
ou sinon, tu fais
Code :
|
Marsh Posté le 30-04-2003 à 15:40:13
sebnutt a écrit : <font bgcolor=#ffffff>...</font> |
tu as gagné le prix de la solution la plus crado
Marsh Posté le 30-04-2003 à 15:41:23
youdontcare a écrit : tu rajoutes un style css ... <a href='...' style='border: solid 2px red;'> par exemple. |
dans ce cas-ci je ferais une classe pour ça,
.selectionne
{
border: solid 2px red;
}
et pour chaque lien qui doit être entouré :
<a href="..." class="selectionne">
Marsh Posté le 30-04-2003 à 15:42:12
d'accord, alors dans le head, tu coles un Css
A.sousclass{background:#ffffff}
et dans le body
<a href=... class=sousclass>ton lien</a>
c'est + propre.
Marsh Posté le 30-04-2003 à 15:42:48
il veut un bord, pas un fond
Marsh Posté le 30-04-2003 à 15:46:41
ReplyMarsh Posté le 30-04-2003 à 15:47:06
je precise que je ne veut pas toucher au <a*href*/a> que j'ai extrait. je ne peut donc pas y ajouter qqchose comme class="selectionne".
j'ai essayé :
Code :
|
mais ca ne marche pas
pareil pour
Code :
|
je rappel que le <a*href*/a> que je detecte peu-etre une image,
question bis: y'aurrai t'il moyen d'inserer du javascript afin de faire clignoter une propriété ?
Marsh Posté le 30-04-2003 à 15:55:07
<a class="selectionne"*href*/a>
ça va pas ?
Sinon tu peux tj tenter un
<span class="selectionne"><a*href*/a></span>
(et j'ai fait une erreur, c'est .selectionne dans le CSS, pas juste selectionne; j'ai édité)
pour clignoter, il y a text-decoration: blink mais:
- c'est chiant
- IE ne le supporte pas
Marsh Posté le 30-04-2003 à 16:07:18
antp a écrit : <a class="selectionne"*href*/a> |
C'est a dire que le <a*href*/a> que je recupere contient peut etre deja un classe="*" et donc je devrais faire un traitement pour ce cas (je pense genre classe="*,selection" ) et ca me semble compliqué. J'aurrai aimé ne pas me replonger dans la doc des regexp
antp a écrit : |
Je ne pensais pas a une proprieté HTML pour faire clignoter mais plutot grace a une boucle en javascript(gruiiik).
Cet html est affiché grace a un twebbrowser delphi, je dis ca au cas ou cela ouvrirait des solutions.
Marsh Posté le 30-04-2003 à 16:11:43
merci antp pour le <span>
ca se comporte mieux que mon <table>, bien qu'il y ai encore des p'tit bugs d'affichage (le bordure d'en haut qui s'affiche pas toujours).
Marsh Posté le 30-04-2003 à 16:14:30
essaie de rajouter un padding-top: 1px; dans la classe
(y a des chances qu'IE le supporte pas, mais tu peux tj tester)
Marsh Posté le 30-04-2003 à 16:24:04
antp a écrit : essaie de rajouter un padding-top: 1px; dans la classe |
Pour certain lien, c'est la bordure en haut qui manque, d'autre la bordure en bas, et d'autre où toute les bordures sont bien presentes.
J'ai essayé un padding: 1px; mais cela ne resoud pas le pb.
mais c'est pas tres important.. le lien est assez bien en valeur
Marsh Posté le 30-04-2003 à 19:53:10
tient j'en profite de ce tomik sur els lien
comment on fait pour que sur un hover le lien baisse d'un pixel par exemple.
on ai l'impression qu'il s'enfonce en gros
Marsh Posté le 30-04-2003 à 20:07:57
essaie:
a:hover
{
margin-top: 1px;
}
Marsh Posté le 30-04-2003 à 21:53:34
nico168 a écrit : |
Essaye de jouer sur line-height
Marsh Posté le 01-05-2003 à 01:33:21
chacal_one333 a écrit : tient j'en profite de ce tomik sur els lien |
a:hover
{
position: relative;
top: 1px;
}
Marsh Posté le 01-05-2003 à 11:27:15
Reply
Marsh Posté le 30-04-2003 à 15:26:35
salut,
Voili mon pb : j'ai un HTML que je retouche a la volé a l'aide d'un soft de mon cru pour mettre en evidence des liens afin d'y faire un traitement.
donc le prog detecte les <a*href*/a> et si c'est celui selectionné, il faut le surligner.
jusque la pas de pb.
pour surligner un lien, je fait en gros :
'<table border=0 bgcolor="#FF0000"><tr><td>'+<a*href*/a>+'</td></tr></table>'
je me rend bien compte que c'est un peu crade, mais ca marche a peu pres et ca m'entoure les lien en rouge.
le pb est que ca a tendance a casser un peu la mise en page.
si qq'un voit un moyen de mettre en valeur un lien sans casser la mise en page.
(rajouter un calque ? mais comment le positionner?)
merci