28220 sujets

CSS et mise en forme, CSS3

Bonjour,

est-il possible de transformer le rendu visuel/code ci-dessous :

<div id="links">
    <a href="http://www.monsite.fr/">www.monsite.fr</a>
    <a href="mailto:dev@monsite.fr">dev@monsite.fr</a>
</div>


avec

<style type="text/css">
<!--
div#links a {
	display: block;
	font-size: 0.8em;
	padding: 0.3em;
}
div#links a:link {
	color: #006666;
	text-decoration: underline;
	background-color: #FFFFFF
}
div#links a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #006666;
}
-->
</style>

sans utiliser la balise <style type="text/css"> ?

C'est à dire, avoir un truc ressemblant à ça :
<div style="......................................................................">
    <a href="http://www.monsite.fr/" style="................................">www.monsite.fr</a>
    <a href="mailto:dev@monsite.fr" style=".............">dev@monsite.fr</a>
</div>


Merci d'avance

@+ cligne
Salut,
Alors deja
div#links a {
	display: block;
	font-size: 0.8em;
	padding: 0.3em;
}
div#links a:link {
	color: #006666;
	text-decoration: underline;
	background-color: #FFFFFF
}


Ca revient a tout rassembler
dans un seul selecteur a puisque a et a:link c'est la même chose!

Ensuite les style locales sont à deconseiller.

Autrement tu ne peux pas uliliser les styles en ligne pour les liens quand tu as un a:hover
Modifié par Hermann (18 Jan 2006 - 16:49)
Hermann a écrit :
Autrement tu ne peux pas uliliser les styles en ligne pour les liens quand tu as un a:hover
? je ne comprends pas bien ...

Est-il possible de mettre l'état link et hover dans un style ? ou d'une autre manière que le tout premier code ....
Smiley ohwell

merci
Bonjour.
Hermann a écrit :

Ca revient a tout rassembler
dans un seul selecteur a puisque a et a:link c'est la même chose!

Pas exactement. Les déclarations faites pour un a s'appliqueront à a:link, a:visited, a:hover et a:active.

a:link et a, ce n'est pas pareil. Smiley cligne

Pour preuve, a {font-weight: bold;} s'applique à tous les liens peu importe leur état tandis que a:link {font-weight: bold;} ne s'applique qu'aux liens non-visités.
Modifié par Stephan (18 Jan 2006 - 19:03)
Ok merci pour cette info bien utile Stephan, je m'étais pas vraiment penché dessus.
Modifié par Hermann (18 Jan 2006 - 20:13)