5568 sujets

Sémantique web et HTML

Style dans un lien [Résolu]

Bonjour à tous
Faire du css pour un lien dans des balise <style> on sait faire

Mais dans la balise style du lien, vous savez ?

je souhaiterai mettre le rollover de mon lien dans la l'argument style de sa balise <a

exemple:

<a style='color:black;text-decoration:underline;hover:color:red' href....

Mais cela ne marche pas, avez vous une idée ?
Modifié par imikado (02 Feb 2006 - 15:54)
Bonjour,

ce n'est pas possible de mettre la gestion du hover directement dans l'attribut style.

l'attribut remplace le sélecteur de la balise si tu veux.

a { ... } <=> <a style="...">

a:hover { ... } <=> rien
Merci, c'est pas cool Smiley decu

Je ferais autrement alors d'ailleurs
je peux mettre juste avant mon lien un <style>.laclassetemporaire....
c'est pour optimiser le chargement d'un minimum de style en fait

je chargerai juste le bout de style necessaire a ce lien la juste avant son apparition
c'est possible ?
compatible avec le max de navigateur ?
Je ne suis pas certain de comprendre ce que tu veux Smiley confus

Le mieux est bien evidement de créer une feuille de style et de l'appeler dans chacune de tes pages. C'est une feuille de style unique pour l'ensemble des pages mise en cache dans les navigateurs.

As tu les bases ?
faire une feuille de style commune je sais faire, la le but c'est de charger un minimum de choses

par exemple tu as 3 pages sur ton site (je fait un exemple extreme bien sur)
dans ces 3 pages, elles ont 3 styles different

le plus simple serait de faire 3 feuilles de style differente je le concois, mais je me demande si il est pas possible, avant les elements qui en ont besoin (donc hors <head>) des balises de style (<style>)

page 1

<html>
<head>
<title>Page 2</title></head>
</head>
<body>
<style>
a.{
color:couleur_page1...
}<</style>
<a href="">tes liens</a>
ton contenu


page 2

<html>
<head>
<title>Page 2</title></head>
</head>
<body>
<style>
a.{
color:couleur_page2...
}<</style>
<a href="">tes liens page 2</a>
ton contenu de la page 2

Modifié par imikado (02 Feb 2006 - 15:43)
Tu as plusieurs possibilités pour ce que tu veux faire :

* Faire une feuille de style principale (disons style.css), celle-ci tu l'inclues quelque soit la page. Tu fais ensuite autant de feuilles de style de que modifications à faire (disons altern1.css, altern2.css, ...) et tu les inclus juste quand il faut.
Pour résumer :

<style type="text/css" media="screen">
@import url(style.css); /* quelque soit la page */
@import url(altern1.css); /* pour la page1 */
</style>

ou bien avec les <link /> si tu préfères

<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="altern1.css" />


* Sinon, tu as une autre possibilité, celle de faire une seule feuille de style et de gérer les différentes pages avec un id distinctif sur le <body> des pages. Ensuite ta feuille de style se présenterait ainsi :

body#unidpourunepage tonselecteur
{
/* tes styles */
}
body#unautreidpouruneautrepage tonselecteur
{
/* tes styles */
}

Mais c'est un peu plus lourd à gérer je trouve.

* Enfin, dans le même style que la 1ere méthode, tu peux directement faire un <style type="text/css" media="screen"> qui contienne les déclarations de style propres à chaque page, mais tu perds la mise en cache et la centralisation des styles.

p.s. pourrais-tu baliser ton code avec les balises appropriées ([code ] sans espace) pour améliorer la lisibilité du forum)
J'aime bien les 2 premieres methode, ça repond à ma question merci Smiley cligne

j'ai rajouter les balises codes
imikado a écrit :

J'ai mis [Résolu] c'est bon (c'est au debut ou a la fin qu'il faut le mettre ?)


Impec Smiley smile
Début ou fin, peu importe, tant que c'est indiqué Smiley cligne Ca aide pour les recherches, si on voit un sujet avec la marque résolu, on y va plus volontié pour trouver ce que l'on cherche !
Sujet clos
Aller à