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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Appliquer CSS à un caractère particulier.

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Appliquer CSS à un caractère particulier.

n°1856225
FreeL@ncer
Posté le 28-02-2009 à 11:38:11  profilanswer
 

Bonjours à tous, c'est surement bête mais j'explique mon problème.
 
J'ai le code suivant:

Code :
  1. <p>
  2. <a href="trucmuche">Lire la suite</a>...
  3. </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 :
  1. .p.[...] {
  2. text-decoration:underline;
  3. }
  4. .p.[...]:hover {
  5. text-decoration:none;
  6. }


 
Je vous remercie d'avance ;)
 
Bon WE!  :hello:

mood
Publicité
Posté le 28-02-2009 à 11:38:11  profilanswer
 

n°1856227
Profil sup​primé
Posté le 28-02-2009 à 11:48:48  answer
 

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

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


et le css :

Code :
  1. a {
  2.    // ...
  3. }
  4.  
  5. span#link {
  6.    text-decoration: underline;
  7. }


Message édité par Profil supprimé le 28-02-2009 à 11:49:00
n°1856240
FreeL@ncer
Posté le 28-02-2009 à 12:57:45  profilanswer
 

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?

n°1856247
bixibu
Ca ... c'est fait!
Posté le 28-02-2009 à 13:26:22  profilanswer
 

Depuis quand on peux pas modifier les templates de dotclear?

n°1856271
FreeL@ncer
Posté le 28-02-2009 à 14:28:32  profilanswer
 

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 :
  1. <tpl:EntryIf extended="1">
  2.       <div class="post-content">{{tpl:EntryExcerpt}}</div>
  3.       <p class="read-it"><a href="{{tpl:EntryURL}}"
  4.       title="{{tpl:lang Continue reading}} {{tpl:EntryTitle encode_html="1"}}">{{tpl:lang Continue
  5.       reading}}</a>...</p>
  6.     </tpl:EntryIf>


Par ça:

Code :
  1. <tpl:EntryIf extended="1">
  2.       <div class="post-content">{{tpl:EntryExcerpt}}</div>
  3.       <p class="read-it"><a href="{{tpl:EntryURL}}"
  4.       title="{{tpl:lang Continue reading}} {{tpl:EntryTitle encode_html="1"}}">{{tpl:lang Continue
  5.       reading}}...</a></p>
  6.     </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

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

  Appliquer CSS à un caractère particulier.

 

Sujets relatifs
[Shell DOS] echappement du caractere de redirectionCSS :hover sous Internet Explorer 7
[SQL Server 2005]Caractère unicode non sauvé dans la DB après 1 insertDéfinir une nouvelle balise en CSS ???
CSS problème de roll over en couleur ....Problème placement de boite en CSS
Nombre en caractère[CSS] Probleme centrage texte
CSS et DIV[Résolu] Syntaxe de CSS sous IE et Firefox
Plus de sujets relatifs à : Appliquer CSS à un caractère particulier.


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR