28220 sujets

CSS et mise en forme, CSS3

Bonjour,
je découvre les joies du positionnement css après quelques années de mise en page HTML avec des tableaux et vous remercie pour tout le support que j'ai pu trouvé sur ou grâce a votre site.

Ceci dit ma question concerne le lien vers l'accueil sur le logo, je me suis inspiré de la technique du cache présente sur le site alsacreations.fr:

pour le XHTML :

<h1>Alsacréations</h1>
		<a id="lien-accueil" class="cache" href="http://www.alsacreations.fr" title="cliquez pour revenir à l'accueil">Retour à l'accueil</a>


et pour le css :

h1 {
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
	text-decoration: none;
}

a#lien-accueil {
 position: absolute;
 left: 180px;
 top: 80px;
 width: 550px;
 height: 60px;
}
.cache {
	text-indent: -5000px;
	font-size: 0px;
	line-height: 1px;
	text-decoration: none;
}


J'ai utilisé cette methode sur ma page mais, lorsque je change de configuration d'écran (je passe en 1024 x 768), le bloc du lien est décalé puisque la position est en absolute.

Pourriez-vous m'éclairer sur ce point ?
D'avance merci
Bonjour,

Ni l'un, ni l'autre, rassure-toi. Nous sommes simplement en août et donc pas encore tout à fait sorti de la période creuse des vacances. On se rapproche également de l'heure du déjeuner...

Bref, il suffit de faire preuve d'un petit peu de patience Smiley cligne
Bonsoir,

Il faudrait établir un conteneur pour a#lien-accueil en positionnant son parent ou un de ses ancêtres. (ajouter par exemple position:relative; à #header)