Jeg har en tagg i html-en min som ser slik ut:
<h1>My Website Title Here</h1>
Ved hjelp av css vil jeg erstatte teksten med den faktiske logoen min. Jeg har fått inn logoen uten problemer ved å endre størrelsen på taggen og legge inn et bakgrunnsbilde via css. Jeg klarer imidlertid ikke å finne ut hvordan jeg blir kvitt teksten. Jeg' har sett det gjort før i utgangspunktet ved å skyve teksten utenfor skjermen. Problemet er at jeg ikke husker hvor jeg så det.
Den mest nettleservennlige måten å gjøre det på er å skrive HTML-filen som
<h1><span>Website Title</span></h1>
og deretter bruke CSS til å skjule spennet og erstatte bildet med
h1 {background:url(/nicetitle.png);}
h1 span {display:none;}
Hvis du kan bruke CSS2, finnes det noen bedre måter å bruke egenskapen content
på, men dessverre er ikke nettet 100 % på plass ennå.
Svaret er å opprette et span med egenskapen
{display:none;}
.
Du finner et eksempel på dette nettstedet.