Appliquer CSS à un caractère particulier.

Marsh Posté le 28-02-2009 à 11:38:11

Bonjours à tous, c'est surement bête mais j'explique mon problème.

J'ai le code suivant:

Code :

<p>
<a href="trucmuche">Lire la suite</a>...
</p>

Bon, le problème est le suivant:
"Lire la suite" est un liens "underliné", quand je passe le curseur dessus, le "underline" disparait. J'aimerai que le "..." réagisse de la même manière.

En gros, j'aimerai savoir si il est possible d'appliquer des modification au "..." de la balise p.

Un code du genre:

Code :

.p.[...] {
text-decoration:underline;
}
.p.[...]:hover {
text-decoration:none;
}

Je vous remercie d'avance

Bon WE! :hello:

Reply

Marsh Posté le 28-02-2009 à 11:38:11

Reply

Marsh Posté le 28-02-2009 à 11:48:48

Je serais toi j'utiliserais un span pour englober le lien et les trois petits points :

Code :

<span class="link"><a href="trucmuche">Lire la suite</a>...</span>

et le css :

Code :

a {
    // ...
}
 
span#link {
    text-decoration: underline;
}

Message édité par Profil supprimé le 28-02-2009 à 11:49:00

Reply

Marsh Posté le 28-02-2009 à 12:57:45

Merci de la vitesse!
Mais si je pouvais, j'aurrai intégré les "..." au liens, mais je ne peux pas... (c'est dotclear). Le seul accès que j'ai est le fichier css...
Une autre idée?

Reply

Marsh Posté le 28-02-2009 à 13:26:22

Depuis quand on peux pas modifier les templates de dotclear?

Reply

Marsh Posté le 28-02-2009 à 14:28:32

Je l'avais fait, j'avais mis les "..." dans la balise: <a> mais il a refusé de faire la mise à jour... Donc j'ai du remettre et je voulais pas me retaper la manip à chaque fois...

EDIT: Je viens de le faire, j'ai modifié le home.html:
J'ai remplacé ça:

Code :

<tpl:EntryIf extended="1">
<div class="post-content">{{tpl:EntryExcerpt}}</div>
<p class="read-it"><a href="{{tpl:EntryURL}}"
title="{{tpl:lang Continue reading}} {{tpl:EntryTitle encode_html="1"}}">{{tpl:lang Continue
reading}}</a>...</p>
</tpl:EntryIf>

Par ça:

Code :

<tpl:EntryIf extended="1">
<div class="post-content">{{tpl:EntryExcerpt}}</div>
<p class="read-it"><a href="{{tpl:EntryURL}}"
title="{{tpl:lang Continue reading}} {{tpl:EntryTitle encode_html="1"}}">{{tpl:lang Continue
reading}}...</a></p>
</tpl:EntryIf>

J'ai placé les "..." dans la balise... Je verrai bien à la prochaine mise à jour. Merci a tous!

Message édité par FreeL@ncer le 28-02-2009 à 14:34:05

Reply

Appliquer CSS à un caractère particulier.

Sujets relatifs:

Leave a Replay