Berichtige als erstes die Fehler im Code...
https://validator.w3.org/nu/?d…s-reiten-parey.de%2Ftest2
Einen Dateianhang im .zip Format wird sich hier kaum jemand runterladen!!!
ich bin dabei die homepage für meine mum responsiv zu gestalten, aber egal was ich ändere, am iphone wird immer die desktop ansicht angezeigt.
Das könnte an der falschen Einheit für die media-Querys liegen, versuch es mal mit relative Einheiten. Zudem solltest du natürlich die bereits erwähnten Fehler im HTML- aber auch im CSS-Code entfernen.
Und: entferne den checkbox-Hack für das Menü, der ist nicht barrierefrei.
ok danke euch beiden schonmal vielmals, ich bin grad dabei die Fehler zu beseitigen...
Einen Dateianhang im .zip Format wird sich hier kaum jemand runterladen!!!
ist es stattdessen sinnvoll, den ganzen code hier einzufügen?
Das könnte an der falschen Einheit für die media-Querys liegen, versuch es mal mit relative Einheiten. Zudem solltest du natürlich die bereits erwähnten Fehler im HTML- aber auch im CSS-Code entfernen.
Und: entferne den checkbox-Hack für das Menü, der ist nicht barrierefrei.
@media (min-width) und (max-width) mit em anstatt px?
Und hast du eine gute alternative zur Checkbox im Menü?
LG Ole
ist es stattdessen sinnvoll, den ganzen code hier einzufügen?
Da es nur um HTML/CSS geht reicht der Link zur Seite.
@media (min-width) und (max-width) mit em anstatt px?
Ja. Generell sollten solche Einheiten nicht in Pixel angegeben werden und auch nicht anhand der Größe irgendwelcher Geräte sondern anhand des Inhaltes (Brakepoint so setzen wenn der Inhalt ab/bis zu einer gewissen Größe nicht mehr vernünftig darstellbar ist).
ZitatUnd hast du eine gute alternative zur Checkbox im Menü?
siehe z.B.
https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/zugängliche_Dropdown-Navigation
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
