Vielleicht gibt s ja schon einen entsprechenden Beitrag, da ich aber keine ahnung hab wie das heisst hab ich leider nichts passendes gefunden.
Da wurde anscheinend das Verhalten des details-Element nachgebaut - das geht mit dem Original aber einfacher …
und dem Link so die klasse übergeben <a class=\"tcat\"
aber es werden keine Styles übernommen...
Logisch. Du hast hier einen Nachfahren-Selektor verwendet, die Regeln gelten also für Links die innerhalb eines Elements mit class="tcat" stehen - wenn der Link das class-Attribut hat, musst du die Klasse natürlich an das a anhängen.
Übrigens: 1em ist die Schriftgröße die der Benutzer bei sich als gut lesbar eingestellt hat - 70% (also 0.7em) davon ist viel zu klein, verwende keine Schriftgrößen unter 1em (und wenn nur für unwichtige Dinge höchstens mal 0.9em aber auch das nur *ganz* selten). Und bei :hover die Schriftgröße zu ändern ist wenig sinnvoll da dann das Layout springt. Außerdem solltest du bei der Angabe einer Schriftfarbe auch immer eine Hintergrundfarbe angeben damit sichergestellt ist dass der Text auch lesbar ist und du nicht mal die ostfriesische Nationalflagge (weißer Adler auf weißem Grund) hast …
Kannst Du "barrierefrei" konkretisieren?
im Moment geistern ständig Abgebote zur Erfüllung der Pflicht zur Barrierefreiheit im Netz. Offensichtlich hat die EU mal wieder ein Gesetzt verabschiedet, das Webseitenbetreiber und ihre Admins verpflichtet, die Pages barrierefrei zu gestalten.
Das Gesetz (Barrierefreiheitsstärkungsgesetz) wurde bereits vor 4 Jahren verabschiedet - jetzt läuft nur die Frist ab in der die Umsetzung verpflichtend wird.
Hat sich schon jemand aus dieser Runde mit dem Thema beschäftigt und wenn ja mit welchem Ergebnis?
Das Gesetzt betrifft mich nicht, ich achte aber ohnehin schon länger beim Neuschreiben von Internetseiten darauf dass diese barrierefrei sind - das sollte man immer machen, das bringt allen etwas.
Ich stelle mir die Frage muss man die PHP Version des Webhosting Anbieter nehmen 8.0 .
Nein, PHP 8.0 sollte man überhaupt nicht mehr verwenden - diese Version wird nicht mehr unterstützt.
Ansonsten habe ich keine Ahnung was dein Problem ist, da wirst du etwas genauer werden müssen - und: "geht nicht" ist keine Problembeschreibung.
Ich möchte ein Backgroundvideo vor allem im Header der Landingpage einer Webseite unterbringen […]
Nein, möchtest du nicht. Das Ding hat über 12 MB und ist damit viel zu groß.
Leider gibt es aber ein Problem. <marquee> ist halt einfach veraltet und wird in vielen Browsern nicht mehr richtig unterstützt
Caniuse sieht das aber anders, aber veraltet ist es natürlich trotzdem - aber weniger das Element sondern die Laufschrift. Wenn ein Text wichtig ist, möchte der Benutzer ihn direkt lesen können ohne darauf warten zu müssen dass er endlich durchgelaufen ist - und wenn der Text unwichtig ist, kannst du ihn auch einfach ganz weglassen. Lass das mit der Laufschrift also einfach ganz sein und schreib den Text einfach so hin.
Ich möchte eine Seite machen, auf der der Besucher einen Code eingibt, der ihn dann auf eine Unter Seite bringt ..... Da wird dann nach dem Zugangscode verlangt ... 123456 und daneben hat es einen Knopf weiter der dann Http://meine-seite.com/123456.html öffnet.
Und was wenn jemand die Seite direkt aufruft? Mit HTML alleine kommst du da aber nicht weit, du brauchst da eine serverseitige Programmiersprache - welche hast du zur Verfügung bzw. kannst du?
Wenn man eine Seite hat die verschlüsselt ist, kommt bei neuen Nutzern eine Warnung, wo sie dann auf Risiko eingehen klicken müssen.
Nur wenn mit dem Zertifikat irgendwas nicht stimmt. Der Normalzustand ist das nicht, auch bei Zertifikaten von z.B. Let's Encrypt gibt es keine Warnung - warum das bei dir nicht funktioniert lässt sich aus der Ferne nicht sagen. Aber eine unverschlüsselte Vorschaltseite ist eine ganz schlechte Idee: zum einen sollen Benutzer nie dazu erzogen werden auf verschlüsselte Seiten mit Warnung zu gehen und zum anderen würden Treffer in Suchmaschinen ohnehin auf die verschlüsselten Seiten verweisen.
bitte die zwei oder drei zeilen Code, dann kann ich das nachvollziehn.
Nein. Das ist ein Forum, kein Codelieferservice. Stell deinen Code online, dann lässt sich nachvollziehen was falsch ist, aber so völlig ohne Code lässt sich das nicht sagen …
2021 habe ich unseren Onlineshop neu aufgesetzt als absoluter Neuling in der Materie CSS habe ich lange durch "Try and Error" gebastelt und probiert und im Endeffekt einen lauffähigen Shop erhalten, der vielleicht nicht den gängigen Schönheitsidealen entspricht, aber für mich zumindest nutzbar ist.
Die verwendeten Techniken waren auch 2021 schon veraltet: Layouts mit float waren auch damals schon lange nicht mehr notwendig, grid (und flex) existierten auch damals schon und wurden auch schon längst von allen Browsern unterstützt. Auch werden irgendwelche Krücken für den IE, Mac-IE, Firefox 2 sowie Safari und Opera um 2000 rum verwendet - alle Browser(-versionen) sind lange nicht mehr relevant und die Krücken können ersatzlos entfallen.
Von nutzbar ist die Seite auch weit entfernt: Tastaturbedienung ist nicht möglich da du die mutwillig kaputt gemacht hast (mit outline: 0pt;, das darf nur verwendet werden wenn aktive Elemente anderweitig gekennzeichnet werden). Von der Unbedienbarkeit der Navigation mal ganz zu schweigen: ohne Maus gibt es eben kein hover …
Leider habe ich in dem Ganzen Probieren irgendwann im Stylesheet so dermaßen rum gespielt, daß der Shop auf Mobilgeräten nicht mehr angepasst wird.
Evtl. hast du an der Zeile "@media (max-width: 100px) {" im CSS rumgepfuscht: damit werden die Regeln (welche die Inhalte alle untereinander anordnen) erst angewendet wenn das Fenster weniger als 101px breit ist - und das ist in der Praxis nie der Fall. Wobei Pixel hier ohnehin die falsche Einheit ist. Ebenfalls nicht ganz richtig ist die Viewportangabe im head der Seite: setze da mal <meta name="viewport" content="width=device-width, initial-scale=1.0"> hin (1.0 ist eigentlich der Standardwert, scheint zumindest in Vivaldi aber einen Unterschied zu machen ob der da steht oder nicht).
Ich fürchte aber mit irgendwelchen kleinen Änderungen ist es nicht getan, damit die Seite wirklich benutzbar ist braucht die eine komplette Überholung …
Der Softwareanbieter hhg-multistore ist leider mittlerweile nicht mehr erreichbar.
Da wird es auch andere Anbieter geben …
ich habe mich an ein neues Thema begeben, und zwar wie Erläuterungen zuerst versteckt sind und nur bei Klick auf die Überschrift erscheinen oder auch wieder versteckt werden. Folgenden Code habe ich bereits erfasst, aber es funktioniert nicht.
Funktioniert nicht ist ein gutes Stichwort: Überschriften sind keine interaktiven Elemente und damit nicht per Tastatur erreichbar. Solche Elemente dürfen deswegen nicht klickbar gemacht werden da der Inhalt der damit gezeigt werden soll bei Tastaturbedienung nicht erreichbar ist. Was du evtl. suchst ist das details-Element.
Auch dafür brauchst du kein jQuery,
Nicht nur *dafür* nicht: jQuery ist überhaupt nicht mehr nötig.
als Neuling versuche ich gerne nicht stumpf einen neuen Threat zu erstellen, also hoffe ich ich darf mich an diesen alten hier mal anhängen.
Falls das ungern gesehen wird, bitte eine kurze Info geben
Info. Mach bitte einen neuen Thread auf, sich an über 10(!) Jahre alte Threads zu hängen ist nicht sinnvoll. Wobei mir ohnehin nicht so ganz klar ist wo dein Problem liegt (aber nicht hier im Thread schreiben, mach einen neuen auf!) …
Ausgehend von meinem Posting in #8 hier mal wie ich mir das vorstelle.
Ich hatte die gewünschte Darstellung nicht genau gelesen bzw. falsch verstanden. Ich war davon ausgegangen dass es quasi drei Spalten geben soll, links Block 1, rechts Block 2 (jeweils auf die ganze Höhe) und in der Mitte Bild, Überschrift und Block 3 - und das hätte sich mit grid-template-areas gut lösen lassen.
Warum du jetzt allerdings immer noch flex bevorzugst obwohl das ja ein Element mehr braucht, ist mir nicht so ganz klar.
Hier wäre eine Begründung wünschenswert, warum Du an dieser Stelle Grid bevorzugst.
Weil Grid sich für zweidimensionale Layouts (also die hier gefragte Anordnung von Elementen neben- und untereinander) besser eignet als Flex.
Dadurch wird alles nur unnötig kompliziert und mit jedem Spanning entfernt man sich von der Semantik eines Grid.
Wieso komplizierter? Das gewünschte Layout lässt sich ohne die in #8 genannten zusätzlichen Elemente umsetzen - es reicht ein Element außenrum (section oder article evtl.) und die gewünschten Elemente (Bild, Überschrift, 3 Textblöcke) darin.
Nachtrag (edit geht wohl nicht mehr): grid-template-rows brauchst du ggf. auch noch um die Höhe der einzelnen Felder in der mittleren Spalte zu definieren damit die Felder für Bild und Überschrift nicht zu hoch sind. Über Media Querys kannst du das ganze dann auch so steuern dass je nach verfügbarer Breite ein unterschiedlicher Wert für grid-template-areas verwendet wird und die Elemente somit schmäler oder breiter dargestellt werden.
Ein item soll links eines Rechts und das dritte mittig unter beiden. Kann mir gerade nicht vorstellen wie das gehen soll wenn ich nicht den Bierdeckel zerschiessen will
Nicht mit flex, versuch es mal mit grid: grid-template-areas ist dein Freund. Damit kannst du benannte Bereiche erzeugen (in der Mitte drei mit unterschiedlichen Namen, links und rechts jeweils in jeder Zeile den gleichen Namen vergeben), dann mit grid-area den Elementen sagen wo sie hin sollen (hier ist dann das bereits genannte :nth-child() oder auch :nth-of-type() hilfreich), die Elemente ausrichten und fertig.
so der Footer ist fertig. Gefällt mich auch selbst ganz gut.
Vielleicht schaust du, wenn du Zeit hast noch mal über den Code. Ich befürchte da ist mehr drin als man braucht.
Semantisch ist der Footer eine Katastrophe:
Dein Facebook-Link ist übrigens etwas verunglückt, da musst du nochmal ran. Zudem steht im Content-Type-Header ein "charset=none" und der Header hat Vorrang vor dem was im HTML steht womit die charset-Angabe quasi fehlt - da musst du dem Server noch Manieren beibringen
Aber mehr sorgen macht mir der link Inhalt. Mir will sich nicht erschließen wieso der nich direkt zum Ziel Inhalt springt.
Ich bin mir nicht sicher was du meinst, vermute aber mal dass dich stört dass die angesprungene Überschrift hinter der Navigation verschwindet - dagegen hilft ein scroll-padding-top für das html-Element.
Ich habe dir ja trotzdem eine Lösung gepostet.
Genau das ist ja das Problem. Wer immer wieder fertige Lösungen vorgesetzt bekommt, kommt halt immer wieder um bequem fertigen Code abzugreifen, egal ob für private oder kommerzielle Zwecke - selber machen geht auch garnicht da man als Fragender durch das Kopieren von fertigen Lösungen nicht (genug) lernt um Probleme irgendwann auch selbst lösen zu können (früher oder später wohl schon, aber das abgreifen von fertigen Lösungen ist ohnehin entspannter …).
