surligner/faire clignoter des liens

surligner/faire clignoter des liens - HTML/CSS - Programmation

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

Reply

Marsh Posté le 30-04-2003 à 15:26:35   

Reply

Marsh Posté le 30-04-2003 à 15:33:24    

tu rajoutes un style css ... <a href='...' style='border: solid 2px red;'> par exemple.

Reply

Marsh Posté le 30-04-2003 à 15:37:28    

ou sinon, tu fais
 

Code :
  1. <a href=...><font bgcolor=#ffffff>...</font></a>

Reply

Marsh Posté le 30-04-2003 à 15:40:13    

sebnutt a écrit :

<font bgcolor=#ffffff>...</font>


 
:jap: tu as gagné le prix de la solution la plus crado :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

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">


Message édité par antp le 30-04-2003 à 15:58:08

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

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.

Reply

Marsh Posté le 30-04-2003 à 15:42:48    

il veut un bord, pas un fond :o


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 30-04-2003 à 15:46:41    

antp a écrit :

il veut un bord, pas un fond :o


 
chuis trop teubé !!!
 :jap:

Reply

Marsh 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 :
  1. <a style='border: solid 2px red;'> <a*href*/a> </a>


 
mais ca ne marche pas
pareil pour  
 

Code :
  1. <font bgcolor=#ffffff> <a*href*/a> </font>


 
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é ?


Message édité par nico168 le 30-04-2003 à 15:49:18
Reply

Marsh Posté le 30-04-2003 à 15:55:07    

<a class="selectionne"*href*/a>
 
ça va pas ? :D
 
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


Message édité par antp le 30-04-2003 à 15:57:58

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 30-04-2003 à 15:55:07   

Reply

Marsh Posté le 30-04-2003 à 16:07:18    

antp a écrit :

<a class="selectionne"*href*/a>
 
ça va pas ? :D


 
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 :


pour clignoter, il y a text-decoration: blink mais:
- c'est chiant
- IE ne le supporte pas


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.

Reply

Marsh Posté le 30-04-2003 à 16:11:43    

merci antp pour le <span>  :jap:  
 
 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).
 

Reply

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)


Message édité par antp le 30-04-2003 à 16:14:37

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 30-04-2003 à 16:24:04    

antp a écrit :

essaie de rajouter un padding-top: 1px; dans la classe
(y a des chances qu'IE le supporte pas, mais tu peux tj tester)


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

Reply

Marsh Posté le 30-04-2003 à 16:56:25    

vous venez de m'apprendre comment on faisait une bordure

Reply

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 :)

Reply

Marsh Posté le 30-04-2003 à 20:07:57    

essaie:
 
a:hover
{
  margin-top: 1px;
}


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 30-04-2003 à 21:53:34    

nico168 a écrit :


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


Essaye de jouer sur line-height


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 01-05-2003 à 01:33:21    

chacal_one333 a écrit :

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 :)


 
a:hover
{
  position: relative;
  top: 1px;
}

Reply

Marsh Posté le 01-05-2003 à 11:27:15    

gizmo a écrit :


 
a:hover
{
  position: relative;
  top: 1px;
}
 

:love: merci :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed