Liaison d'une image incorporée CSS

Pour une page Web, j'ai utilisé un identifiant div qui insère un logo directement dans la page. Je voudrais que ce logo soit lié (par exemple) à une page d'accueil. Je peux le faire facilement en faisant cela <a href=xyz><div id=logo></div></a> of.course qui ne valide pas (par la suite DTD XHTML 1.0 Strict). Est-ce que quelqu'un peut suggérer la meilleure pratique (probablement évidente)? MerciLiaison d'une image incorporée CSS

Source

2009-08-08 Anonymous

Vous pouvez en finir avec Checklist SPAN et DIV qui encombrent votre page et avoir le lien lui-même être un bloc.

<a href="http://example.com/" id="logo">&nbsp;</a>

Et dans votre CSS, le style avec arrière-plan et la taille aux dimensions de l'image que vous voulez être cliquable:

#logo 
{ 
    background:url("/path/to/image.jpg"); 
    display:block; 
    width:200px; 
    height:80px; 
}

Source

2009-08-08 14:22:53 random

J'utilisé la classe plutôt que id - Je suppose que pas à mon détriment , mais fonctionne bien et certainement plus élégant que plusieurs travées - n'a pas besoin du bloc 'css' car j'utilisais le positionnement absolu Merci beaucoup –

Utilisez 'ID' si l'élément apparait une fois par page. Utilisez 'class' s'il apparaît plus d'une fois. – random

un bon point - et rapide à corriger - merci écho –

<a href="something"><span class="logo"></span></a>

Vous pourriez avoir à déclarer <span> comme display: block;.

Source

2009-08-08 14:13:24

<a href=""><span></span></a>

appliquer l'image d'arrière-plan, la largeur, la hauteur et l'affichage: bloc de la travée. J'espère que cela pourra aider!

Source

2009-08-08 14:14:29

Utilisez une durée:

<a href=xyz><span id=logo></span></a>

Ne pas oublier de convertir la durée d'un élément de bloc dans votre css:

.logo { 
    display: block 
}

Source

2009-08-08 14:14:45 Scharrels

Liaison d'une image incorporée CSS

Répondre

Questions connexes