Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3823 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  surligner/faire clignoter des liens

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

surligner/faire clignoter des liens

n°378353
nico168
Posté le 30-04-2003 à 15:26:35  profilanswer
 

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

mood
Publicité
Posté le 30-04-2003 à 15:26:35  profilanswer
 

n°378391
youdontcar​e
Posté le 30-04-2003 à 15:33:24  profilanswer
 

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

n°378415
sebnutt
Un petit rien du tout
Posté le 30-04-2003 à 15:37:28  profilanswer
 

ou sinon, tu fais
 

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

n°378423
antp
Super Administrateur
Champion des excuses bidons
Posté le 30-04-2003 à 15:40:13  profilanswer
 

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
n°378427
antp
Super Administrateur
Champion des excuses bidons
Posté le 30-04-2003 à 15:41:23  profilanswer
 

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
n°378431
sebnutt
Un petit rien du tout
Posté le 30-04-2003 à 15:42:12  profilanswer
 

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.

n°378433
antp
Super Administrateur
Champion des excuses bidons
Posté le 30-04-2003 à 15:42:48  profilanswer
 

il veut un bord, pas un fond :o


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°378452
sebnutt
Un petit rien du tout
Posté le 30-04-2003 à 15:46:41  profilanswer
 

antp a écrit :

il veut un bord, pas un fond :o


 
chuis trop teubé !!!
 :jap:

n°378456
nico168
Posté le 30-04-2003 à 15:47:06  profilanswer
 

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
n°378487
antp
Super Administrateur
Champion des excuses bidons
Posté le 30-04-2003 à 15:55:07  profilanswer
 

<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
mood
Publicité
Posté le 30-04-2003 à 15:55:07  profilanswer
 

n°378546
nico168
Posté le 30-04-2003 à 16:07:18  profilanswer
 

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.

n°378570
nico168
Posté le 30-04-2003 à 16:11:43  profilanswer
 

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

n°378587
antp
Super Administrateur
Champion des excuses bidons
Posté le 30-04-2003 à 16:14:30  profilanswer
 

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
n°378613
nico168
Posté le 30-04-2003 à 16:24:04  profilanswer
 

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

n°378683
thwz
quoi mon pseudo imprononçable?
Posté le 30-04-2003 à 16:56:25  profilanswer
 

vous venez de m'apprendre comment on faisait une bordure

n°378847
Profil sup​primé
Posté le 30-04-2003 à 19:53:10  answer
 

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

n°378859
antp
Super Administrateur
Champion des excuses bidons
Posté le 30-04-2003 à 20:07:57  profilanswer
 

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


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°379049
gm_superst​ar
Appelez-moi Super
Posté le 30-04-2003 à 21:53:34  profilanswer
 

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
n°379189
gizmo
Posté le 01-05-2003 à 01:33:21  profilanswer
 

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;
}

n°379263
Profil sup​primé
Posté le 01-05-2003 à 11:27:15  answer
 

gizmo a écrit :


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

:love: merci :)


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  surligner/faire clignoter des liens

 

Sujets relatifs
cherche liens vers algorithme....peut on mettre plusieurs style CSS pour les liens sur une meme page
liens + qui permet d'ajouter une quantite à un articleLiens double
probleme de liensHTML Liens
News déroulantes (avec liens)[liens hyper texte]...problème d'apparence...
method Post ds les liensLiens qui ouvre une application
Plus de sujets relatifs à : surligner/faire clignoter des liens


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)