Link einfügen

[Rolf B]

Hallo Neuling8,

du legst also ein transparentes Rechteck an eine bestimmte absolute Position und möchtest, dass das ein Link ist. Dieses Vorgehen begrenzt die Bedienbarkeit der Seite, weil man beim Durchlaufen der Seitenelemente mit TAB kein Outline bekommt, und ist darum nicht wirklich gut.

Deswegen sollte das div entfallen und nur ein a Element verwendet werden. Dieses stylest Du gemäß Matthias Vorschlag als Block. Textformatierung ist unnötig. Den verbirgst Du anders. Text muss aber hinein, sonst würde ein Benutzer mit einem Screenreader nicht wissen, was da gerade aktviert wurde. Das kannst Du z.B. mit einem div im a machen, das Du auf overflow:hidden width:0 setzt.

<a id="Feld1"><div>Besonderes</div></a>

#Feld1 {
  position: absolute;
  top:520px;
  left:800px;
  width:400px;
  height:190px;
  z-index:2;
}

#Feld1 div {
  width: 0; overflow:hidden;
}

Ein anderes Problem sind die absoluten Koordinaten. Das deutet darauf hin, dass deine Seite nicht responsiv ist. Wenn sie auf einem Handy dargestellt wird, dürfte der Link nicht im sichtbaren Bereich liegen. Was hier alles verbesserungsbedürftig ist, kann man aber ohne Kenntnis der Seite kaum sagen, da hilft erstmal nur ein Link auf responsives Design in unserem Wiki.

Rolf