[BIEN RESOLU ! ] Je coince sur un pb de a href "large" ...

[Zecat]

Une liste de lignes avec chaque ligne de type :

aaaaaaa bbbbbbbbbbb cccccccccc

de la forme :

<table><tr>
<Td>aaaaaaa</td>
<Td>bbbbbbbbb</td>
<Td>cccccccc</td>
</tr></table>

et je veux entourer L'ENSEMBLE d'une ligne (donc une table) par un <a href ...> ....... </a> pour pouvoir coller un css qui passe l'ensemble de la ligne en encadré fond bleu au survol du lien ...

Mais ca a pas l'air de lui plaire ce type de manip ...ca marche sans probleme si j'encadre juste le aaaaaa mais pas les 3 ensemble ...

Ya une syntaxe particulière a respecter pour cela (en div ou autre ?)

[spout]

En JS avec un onclick sur la <table>, avec un <a> c'est pas valide W3C car il faut des éléments de type inline dedans.
=> recherche GG "div cliquable"

[Zecat]

ouaip effectivement ...

le premier lien propsoe cela :

<a href="http://..." style="diplay:block;width:100%;height:100%;">

c'est bon aussi ?

[spout]

Ça fonctionnera, mais c'est pas valide W3C.

[UsagiYojimbo]

+1 spout.

Et même si tu le fais comme ça, pitié, remonte les attributs CSS dans une feuille de style, plutôt que de les laisser en inline

[Zecat]

Ça fonctionnera, mais c'est pas valide W3C.

j ai testé ... ca fonctionne pas. j'ai bien le css qui fait son cadre tpout autour de la ligne (de la table donc) mais il semble degardé :

- le background ne s'affiche pas (juste le border)
- la ligne n'est opas cliquable sauf curieusement quand je survol le border ...

Bref pas net ...

[Zecat]

+1 spout.

Et même si tu le fais comme ça, pitié, remonte les attributs CSS dans une feuille de style, plutôt que de les laisser en inline

oui oui la c'ets juste le copier coller de ce que j'ai trouvé dans la page ...

[Zecat]

J'arrive a rien ... si quelqu'un trouve le pb ... voila mon code :

Code: Tout sélectionner


<a href="<?=$url_notes2?>" style="diplay:block;width:<?=$size_gauche-17?>px;height:<?=$hauteurligne?>px;" <?=$classliengauche10?>>

<table ...


... table>

</a>


et le css $classleingauche10

Code: Tout sélectionner

a.liengauche10_turquoise
   {
   border:1px solid #ffffff;
    color : #666666;
    text-decoration : none;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
   width : 728px;
    height : 14px;
    }
   
a.liengauche10_turquoise:hover
   {
   border:1px solid #00bbbb;
   color : #00bbbb;
   background-color : #ECFFFF;
       }


au survol ca entoure bien la table aux dimensions voulues mais c'est pas cliquable sauf sur le border 1 pixel !? et j'ai pas de background ...

EDit : erratum pour le background. C'ets moi qui en avait laissé un dans le table ... donc tout va bien sauf que c'est pas cliquable il ne semble pas reconnaitre que c'est un a href ... ou plutot il semble le reconnaitre (border cliquable) mais en suite il semble que la presence du table le rende inopérent à l'intérieur du cadre la ou est affichée la table ...

[mitchum]

<?=$url_notes2?> ???? pourquoi pas un <?php echo $url_notes2; ?> :p

sinon pourquoi ne pas faire un truc genre onclick -> le lien et onmouseover -> affichage du cursor : pointer;background ?

[spout]

<?=$url_notes2?> ???? pourquoi pas un <?php echo $url_notes2; ?>

Pour être sûr d'avoir des problèmes en changeant d'hébergement qui ne supporterais pas les short tags

[Zecat]

<?=$url_notes2?> ???? pourquoi pas un <?php echo $url_notes2; ?>

Pour être sûr d'avoir des problèmes en changeant d'hébergement qui ne supporterais pas les short tags

vi vi je sais, mes mauvaises habitudes ... des fois je fais l'effort de coller le echo mais bon y a deja une telle tetrachiée de short que le jour ou je vais devoir nettoyer ca sera une semaine

[mitchum]

allez le chat tu l'as presque ton rank 2 php :p

[Zecat]

<?=$url_notes2?> ???? pourquoi pas un <?php echo $url_notes2; ?> :p

sinon pourquoi ne pas faire un truc genre onclick -> le lien et onmouseover -> affichage du cursor : pointer;background ?

ca serait quoi le code exact ? moi et le JS, on a pas encore vraiment frayé de près

[mitchum]

Code: Tout sélectionner

<table border ="3" onmouseover="document.body.style.cursor='pointer';" onclick="location.href='http://www.google.fr'">
<tr>
<td>Ligne 1</td>
</tr>
</table>


un truc du genre, mais a nettoyer genre dans le css un style .couleur1{cursor:pointer;backgroupd-color:#ffcc00;} et .couleur2{cursor:pointer;backgroupd-color:#ff0000;}

avec un on mouseout qui remet "par defaut"

mais encore mieux avec un poil de Jquery

[Zecat]

j'ai jquery installé because utilisatin de slider ... et donc ca c'est quelle fonction dans jquery ?