Ne pas surligner des URL

Version imprimable

Voir 40 message(s) de cette discussion en une page

26/08/2010, 11h46
sorofin

Ne pas surligner des URL

Bjr,

Dans un fichier php j'ai la ligne suivante:

Code:

echo "<a href = 'http://www.ingexpert.com/nav.php3?page=voirsujet&boardid=".$boardid."&postid=".$postid." style='text-decoration:none;' '>".$nom_sujet." </a>";

Il s'agit d'afficher des liens vers des posts d'un forum. Je veux que les liens ne soient pas sur-lignés. J'ai donc mis: style='text-decoration:none;' mais cela ne marche pas. Pourquoi?

Merci,

Guillaume
26/08/2010, 11h52
ptilemare
Bonjour,

Un petit fichier css avec
Code:

1 2 3 4 a:link, a:visited, a:hover, a:active { text-decoration: none; }
Ca dit quoi ?
Bien cordialement.
26/08/2010, 14h46
sorofin

Merci,

Sauf que je ne voudrai pas passer pas les styles...

Guillaume
26/08/2010, 16h28
Invité

Bonjour,

Citation:

Envoyé par sorofin

Sauf que je ne voudrai pas passer pas les styles...

Ce que ptilemare as proposé est effectivement le bon usage. Puis-je te demander pourquoi tu ne veux pas utiliser les styles ?
26/08/2010, 17h46
sorofin

C'est parce qu'à certains endroits je veux des liens surlignés et à d'autres non. Il faut donc gérer les styles et je ne suis pas un pro... Voili voilà
26/08/2010, 18h04
bigltnt
Essaye en inversant les quotes ... il me semble que les simples quotes ne sont pas valides en HTML, et j'ai l'impressione que les tiennes sont de plus mal placées
Code:

1 2 echo '<a href="http://www.ingexpert.com/nav.php3?page=voirsujet&boardid=' . $boardid . '&postid=' . $postid . '" style="text-decoration:none;">' . $nom_sujet . '</a>';

Citation:

Envoyé par bigltnt

il me semble que les simples quotes ne sont pas valides en HTML

Non non pas du tout :

Citation:

Par défaut, SGML exige que toutes les valeurs d'attribut soient délimitées en utilisant indiféremment les guillemets doubles (code décimal ASCII 34) ou les guillemets simples (code décimal ASCII 39). Les guillemets simples peuvent être inclus à l'intérieur de la valeur d'attribut quand la valeur est délimitée par des guillemets doubles, et vice versa. Les auteurs peuvent également utiliser les références de caractères numériques pour représenter le guillemet double « " » et le guillemet simple « ' ». Pour le guillemet double, les auteurs peuvent également utiliser la référence d'entité de caractère « " ».

Source : 3.2 Les structures SGML utilisées dans HTML : 3.2.2 Les attributs

Citation:

C'est parce qu'à certains endroits je veux des liens surlignés et à d'autres non. Il faut donc gérer les styles et je ne suis pas un pro... Voili voilà

C'est ce que je dis :aie: utilise les CSS !
Code:

1 2 3 4 5 6 7 8 9 /* Souligne les ancres et les liens */ a:link, a:visited, a:hover, a:active { text-decoration: underline; } /* Souligne tous les ancres et liens ayant la classe "liensNonSoulignes" */ a.liensNonSoulignes:link, a.liensNonSoulignes: { text-decoration }
Tous les liens seront soulignés par défaut :

Code:

<a href="http://foo.bar.baz">qux fum</a>

SAUF ceux ayant la classe liensNonSoulignes :

Code:

<a href="http://foo.bar.baz" class="liensNonSoulignes">qux fum</a>

C'est le but des feuilles de style CSS ! Appliquer des styles spécifiques à certaines éléments, étant différentiables par leur id ou/et leur classe ou/et par la nature de leur balise (x)HTML.

A lire :

Spécifications HTML 4.01 du W3C : En anglais - En français
Cours Developpez : CSS - (x)HTML

27/08/2010, 10h19
sorofin

Bjr,

Je vous remercie pour vos message et surtout Karzoff par ton niveau de détails.

Je me suis résigné à utiliser les styles (tu m'as si bien mis le pied à l'étrier) mais je ne parviens à les faire appliquer:

La le surlignage disparait comme prévu mais on perd l'hyperlien:

Code:

echo "<class='liensNonSoulignes' a href = 'http://www.ingexpert.com/nav.php3?page=voirsujet&boardid=".$boardid."&postid=".$postid." '>".$nom_sujet." </a>";

Et ceci ne marche pas (surlignage présent):

Code:

echo "<a href = 'http://www.ingexpert.com/nav.php3?page=voirsujet&boardid=".$boardid."&postid=".$postid." class='liensNonSoulignes' '>".$nom_sujet." </a>";

Qu'en pensez-vous?

Merci,

Guillaume
27/08/2010, 10h49
Bovino

En remettant à l'endroit, ça passera mieux, parce qu'une balise class, ça n'existe pas :roll:

Code:

echo "<a href = 'http://www.ingexpert.com/nav.php3?page=voirsujet&boardid=".$boardid."&postid=".$postid." ' class='liensNonSoulignes'>".$nom_sujet." </a>";

Ceci dit, épargne-nous le code PHP et montre plutôt le HTML généré.
27/08/2010, 11h06
chris109

Citation:

Envoyé par sorofin

Et ceci ne marche pas (surlignage présent):

Code:

echo "<a href = 'http://www.ingexpert.com/nav.php3?page=voirsujet&boardid=".$boardid."&postid=".$postid." class='liensNonSoulignes' '>".$nom_sujet." </a>";

Le quote est mal placé:

Code:

echo "<a href = 'http://www.ingexpert.com/nav.php3?page=voirsujet&boardid=".$boardid."&postid=".$postid."' class='liensNonSoulignes'>".$nom_sujet." </a>";
27/08/2010, 11h13
Invité

edit : toasted :aie:

Le lien disparait parce que la syntaxe n'est pas correcte, la balise d'un lien hypertexte (ou d'une ancre) est A
La classe, elle, s'ajoute en attribut.

Citation:

<class='liensNonSoulignes' a href = 'http://www.ingexpert.com/nav.php3?page=voirsujet&boardid=".$boardid."&postid=".$postid." '>".$nom_sujet." </a>";

Une balise : <foo>
Une balise avec un attribut : <foo unAttribut="uneValeurDattribut">

Une balise permettant un lien hypertexte est une balise A ayant comme attribut la cible (URL) du lien. Cet attribut est l'attribut href :
<a href="http://foo.bar.baz">Texte a afficher</a>

Lorsqu'on donne une classe à une balise, c'est avec l'attribut class="". Ici avec une balise a :

<a href="http://foo.bar.baz" class="liensNonSoulignes">Texte a afficher</a>

Dans le 2e code, il y a une apostrophe en trop (en rouge):

Citation:

echo "<a href = 'http://www.ingexpert.com/nav.php3?page=voirsujet&boardid=".$boardid."&postid=".$postid." class='liensNonSoulignes' '>".$nom_sujet." </a>";

Même si les guillemets simples (') sont tolérés, il est d'usage d'utiliser plutôt des guillemets doubles (").

Par ailleurs, ceci :

Code:



N'est pas très correct non plus. Je te conseille de mettre tes directives de style dans la feuille de style CSS.
27/08/2010, 11h45
bigltnt

Dis-moi Karzoff, est-ce qeu tu as au moins essayé ce que je t'ai posté ?

Car j'avais effectivement dis que les quotes étaient mal placées .... :D
27/08/2010, 11h56
Invité

Au temps pour moi, je me suis emballé :oops: j'étais resté sur "il me semble que les simples quotes ne sont pas valides en HTML"
27/08/2010, 13h09
sorofin

Merci pour ces infos.

Je n'ai pas réussi à exploiter vos infos.

Je comprends qu'il faut que je m'habitue à travailler avec les styles. Mais j'ai peur que mon fichier style soit pleins d'autant de styles dont je vais avoir besoin (taille de police, couleur, etc...): pas terrible quoi. Mais bon, il faut que je prenne des notes pour faire ca bien.

J'ai tjs un pb de syntaxe. J'ai essayé de remplacer les " par des ' mais ce n'est pas bon, je ne comprends donc pas les conseils.

De plus je ne comprends pas pourquoi on peu retirer une cote ' fermante alors qie celle qui ouvre est tjs en place.

Avec mes excuses pour ma lenteur cérébrale.

Guillaume
27/08/2010, 15h41
Invité

Citation:

Envoyé par sorofin

Mais j'ai peur que mon fichier style soit pleins d'autant de styles dont je vais avoir besoin (taille de police, couleur, etc...): pas terrible quoi.

Justement c'est ce qu'il faut.

De cette manière, tu génère la structure (sémantique) d'un document HTML. Ce document ne contient que la structure, c'est à dire, des titres, des liens, des ances. C'est avec lui que l'on organise les données.
Exemple :
http://imagik.fr/thumb/289963.jpeg
Comme tu peux le voir, il n'y a aucun style, juste la structure et les données.

Une fois que la structure est faite, c'est avec les feuilles de style que l'on agrémente la page : on choisis la couleur, la taille, l'espacement, le placement des images, les marges etc de chaque élément.

Exemple :
http://imagik.fr/thumb/289967.jpeg
C'est la même page que précédemment avec des feuilles de style appliquées.

L'intérêt, c'est que sans changer la page HTML, en ne changeant que la feuille de style CSS on peut obtenir un résultat totalement différent.
Exemple :
http://imagik.fr/thumb/289969.jpeg
C'est la même page qu'au départ ! Avec une feuille de style différente. C'est là toute la puissance du CSS !!

Citation:

De plus je ne comprends pas pourquoi on peu retirer une cote ' fermante alors qie celle qui ouvre est tjs en place.

Non ! On ne peut pas ! Tu as dû te tromper quelque part

Les chaines à afficher dans ton echo entre guillemets simples :

Citation:

echo '<a href = "http://www.ingexpert.com/nav.php3?page=voirsujet&boardid='.$boardid.'&postid='.$postid.' " class="liensNonSoulignes">'.$nom_sujet.'</a>';

Lorsque tu veux afficher une variable, tu remet un guillemet simple, tu utilises le point point concaténer les chaînes et les variables, puis tu remet le reste de la chaine entre guillemets simples.

L'attribut href de ta balise <a> : entre guillemets doubles :

Citation:

echo '<a href = "http://www.ingexpert.com/nav.php3?page=voirsujet&boardid='.$boardid.'&postid='.$postid.' " class="liensNonSoulignes">'.$nom_sujet.'</a>';

L'attribut class de ta balise

Citation:

echo '<a href = "http://www.ingexpert.com/nav.php3?page=voirsujet&boardid='.$boardid.'&postid='.$postid.' " class="liensNonSoulignes">'.$nom_sujet.'</a>';

Le contenu de ta balise <a> (le texte du lien) :

Citation:

echo '<a href = "http://www.ingexpert.com/nav.php3?page=voirsujet&boardid='.$boardid.'&postid='.$postid.' " class="liensNonSoulignes">'.$nom_sujet.'</a>';

Si tu as toujours es problèmes après ces explications, je te conseille vivement d'entamer quelques révisions sur XHTML. Peut-être qu'il serait judicieux de plancher sur CSS aussi. Histoire de faire quelque chose de propre.
27/08/2010, 17h50
sorofin

Karzoff,

J'utilise ta synthaxe mais cela ne marche pas.

Je te remercie pour le cours sur les feuilles de style.

Guillaume
06/09/2010, 16h06
gotteserbin

karzoff

tes explications sont en effet très claires et très concises.
merci.
06/09/2010, 17h00
Invité

Merci :mrgreen:

Les messages de remerciement sont agréables, mais afin d'éviter de surcharger le forum, je vous invite à préférer l'outil permettant d'attribuer un +1 ou un -1 aux messages :

http://www.allo-image.net/stockimg/u...plus_moins.png
07/09/2010, 11h11
sorofin

Bonjour,

Malgré les infos que l'on m'a données, je ne parviens à supprimer le soulignement des url (même en passabt par les styles):

Code:

echo '<a href = "http://www.ingexpert.com/nav.php3?page=voirsujet&boardid='.$boardid.'&postid='.$postid.' " class="liensNonSoulignes">'.$nom_sujet.'</a>';

HELP.

Merci, Guillaume
07/09/2010, 17h37
ornitho13

Salut,

le "" n'a pas de tag fermant et de toute façon il est inutile.

Enlève le :

Code:



et rajoute cette couleur dans le css à la class "liensNonSoulignes".

Voir 40 message(s) de cette discussion en une page