[CSS] Formatage de liens de différents styles

!important

Code:

.retour_menu a
{
text-decoration: none !important;
color: #FFFFFF !important;
font-size: 16px !important;
font-weight: bold !important;
font-family: Arial !important;
}

 

Bonjour,

prends soin également de mettre le deuxième style ( .retour_menu a ) après le premier dans ton style.css .

Enfin, utilise les mêmes balises : .retour a:link (comme tu as fait pour le premier)
ça devrait fonctionner.

 

L'ordre d'apparition des déclarations doit être :
a:link
a:visited
a:hover
a:active
et la classe ou l'identité doit précéder chaque redéclaration

 

j'utilse un truc comme ca pour centrer :

Code:

	background-position:0% 50%;

 

.retour a:link,.retour a:visited,.retour a:hover,.retour a:active
line-height:50px; dans #bottom, peut-être

 

text-align:center
?

 

As-tu essayé
line-height:50px; dans #bottom
et corrigé les déclarations pour les liens ?

 

autant pour moi, c'est pour centrer l'image pas le texte.
Je pense qu'il faut définir une hauteur pour le texte égale à la hauteur de l'image déjà.

Il me semble aussi qu'il y a une erreur. il faut répéter ".retour" :

Code:

.retour a:link, .retour a:visited, .retour a:hover, .retour a:active 

edit: grillé

 

J'ai le même souci avec un texte latéral à une image, sans que l'image soit en background.

Si vous avez la solution, je suis preneur aussi.

Vous faites une class pour l'image ?

 

J'utilise

Code:

#conteneur
{
	position: absolute;
	margin-top: -200px;
	top: 50%;
	height: 400px;
}

... et ça marche bien.
Je ne suis pas sûr que "position:absolute;" soit nécessaire.

Edit : explications : on spécifie une hauteur et on précise que l'élément (texte ou image) doit être centré au milieu.

 

Hé bé, c'est laborieux.

Je conseille une petite simplification. Plutôt que d'écrire:

Code:

a:link,a:active,a:visited {...}

On écrira plutôt:

Code:

a {
	text-decoration: none;
	color: #e03;
	font-weight: bold;
	/* font-size: 12px;
	font-family: Arial; */
}

Je commente la taille de texte et la fonte (on pourra les virer tout court) car il est souvent préférable que le style du lien s'adapte un minimum au texte environnant. Un lien en Arial 12px au milieu d'une citation en Times 15px, ça serait dommage...

Ensuite, pour le code du pied de page:

Code:

HTML:
<div id="bottom">
	<p><a href="home.php">Retour au menu</a></p>
</div>

CSS:
div#bottom {
	margin-left: 20px;
	width: 640px; /* à voir si vraiment utile ici */
	height: 50px;
	background: url(images/logo_bottom.jpg);
	clear: both; 
}
div#bottom p {
	margin: 0;
	padding: 20px 0 0 0;
}
div#bottom a {
	color: white;
	font-size: 16px;
}

Voilà, on devrait y être.

 

Chez moi, ça marche, et avec tous les navigateurs.
Si la page est en ligne, il vaut mieux donner l'adresse de celle-ci.
Ceci dit, il faut souvent apprendre à marcher avant de vouloir courir.

 

Tu gardes ton image en background et tu rajoutes display: block; dans ton css et tu renseigne également width et height !!

 

Oui si tu veux faire ca, il va te falloir forcer en css la width et la height de ton lien également.

 

Sans l'ensemble du code, difficile à dire.
display:block; est inutile dans #top, par contre il l'est dans #top a

 

A étant un élément en ligne, on ne peut pas lui attribuer de largeur ni de hauteur, à moins de recourir à display: block.

La meilleure solution est de combler le vide de cet élément, pour qu'il soit repéré comme cliquable par n'importe quel utilisateur.

 

Oui j'avais oublié de préciser que pour ce faire il faut mettre la balise a en display:block (ce qui est certes fonctionnel mais pas très propre au final).

 

Code:

#top a
{
margin-left: 20px;
width: 640px;
height: 260px;
background: url(images/logo_top.jpg);
display: block;
}

"#top a" sinon tes paramètres ne s'appliquent qu'au div hors c'est le lien qui doit posséder ces paramètres.