Kopf-Bild geschickt einbinden
psychoschlumpf
- barrierefreiheit
0 derletztekick0 wahsaga0 Ingo Turski0 MudGuard
ich hab ne seite mit einer "kopf-grafik", mein top-bild mit meinem schriftzug oben auf der seite. das ganze ist bisher so implementiert:
ein div-container, mit dem verlinkten Text "Mein Seite" drin, dieser container per css auf visible:hidden und per css noch ein background-image definiert, eben mein kopf-bild.
damit ich mit css mein tolles bild sehe, und im druck oder ohne css den schriftzug.
nur möchte ich, dass das bild verlinkt wird auf meine startseite, dass man von jeder unterseite wieder auf die startseite kommt.
wie setzte ich das am besten um? bzw. wie macht man sowas am besten barrierefrei? ich hab schon überlegt mit der css-angabe content das bild nicht als background sondern als richtiges bild einzufügen. nur der msie interpretiert das ja nicht.
Hallo psychoschlumpf,
»» als richtiges bild einzufügen. nur der msie interpretiert das ja nicht.
Warum sollte der IE ein normal eingefügtes Bild mit
<img src="..." width="xxx" height="" alt="Sinnvoller Text" title="zur Startseite">
nicht korrekt interpretieren?
Mit freundlichem Gruß
Micha
hi,
ein div-container, mit dem verlinkten Text "Mein Seite" drin, dieser container per css auf visible:hidden und per css noch ein background-image definiert, eben mein kopf-bild.
nur möchte ich, dass das bild verlinkt wird auf meine startseite, dass man von jeder unterseite wieder auf die startseite kommt.
Dann nimm doch ein A statt dem DIV, und formatiere es entsprechend.
gruß,
wahsaga
Hi,
ein div-container, mit dem verlinkten Text "Mein Seite" drin, dieser container per css auf visible:hidden und per css noch ein background-image definiert, eben mein kopf-bild.
Barrierefei ist das aber nicht. Wer Bilder abgeschaltet hat, sieht rein gar nichts davon.
damit ich mit css mein tolles bild sehe, und im druck oder ohne css den schriftzug.
Positioniere das Bild als img über den Text und blende es im Druck-CSS aus.
freundliche Grüße
Ingo
Hi,
dieser container per css auf visible:hidden
Eine Eigenschaft namens visible gibt es in CSS nicht. Meinst Du visibility?
cu,
Andreas