Guten Tag an alle,

mich würde interessieren wie ihr beim erstellen einer Responsive Webseite mit HTML & CSS vor geht. Erstellt Ihr erst die Mobile Version und anschließend für größere Bildschirme und nutzt dafür Media Queries? Wie ist eure Methode?

Vielen Dank im Vorfeld für die Antworten.

Hallo, ich soll für eine Modularbeit Podcast Kategorien in Photoshop erstellen und diese sollen auch eine reale/anwendbare Größe haben.

Ich habe online nachgelesen dass frühere Handys 320px breit waren, neuere aber größer sind.
Geht man heutzutage sicherheitshalber trotzdem noch von 320px aus, damit es auf jedem Smartphone angezeigt wird oder gibt es hierbei neue Richtwerte an welche man sich halten sollte?

Grüße

Hallo,

Ich erstelle zurzeit mit Wordpress und Elementor eine Webseite.

Jedoch habe ich das Problem, dass mir die Textinhalte auf der Mobilgeräteansicht meiner Webseite fehlerhaft angezeigt werden (siehe Fotos).

Hat Ihr eine Idee, wie man das Problem lösen kann?

Möchte in WordPress zwei unterschiedliche Gallery Elemente jeweils einmal für Handy und einmal für Laptop anzeigen lassen. Ist das möglich mit Logic oder muss ich das anderweitig machen? Alles andere der Seite soll genauso wiedergeben werden.

Hallo ihr Lieben,

meine Deskopseite ist top.

Sobald ich allerdings auf responsive gehe, hat sich einiges zusammen geschmissen oder ist nach oben verrutscht und ich komme nicht dran.

Meine Menüleiste ist oben auch weg.

Wie kann ich alles individuell fixieren und bearbeiten/verschieben?

Liebe Grüße

Hallo liebe Mitmenschen :)

für mein Medien Design Studium soll ich eine Website “Relaunchen”. Sprich, ich soll eine Website entlang der Nutzerbedürfnisse optimieren. Bei meinem Beispiel habe ich die Informationsarchitektur optimiert und einiges mehr.

Meine Frage:

Könnte dieses Design ein responsives Design sein? Ich habe das ursprüngliche Design der Website nämlich übernommen, ohne genau zu wissen, ob es responsive ist.

Spricht etwas dagegen, dass es responsive ist? Falls ja, würde ich es nochmal umstrukturieren. Eigentlich sollte ich ein UI Programm verwenden, wie Figma oder Adobe XD. Ich verwendete aber Adobe Illustrator.

Jede Antwort würde mich echt freuen, danke! Alles Liebe

Frage steht im Titel.

Welche Möglichkeiten gibt es da? Könnt ihr mir auch CSS Beispiele geben, ich mache gerade eine Website und möchte wissen ob ich das mit @media richtig mache und es noch weitere Möglichkeiten gibt, damit ich nicht alle class mehrfach eintragen muss.

Ich habe eine Website, welche aber ohne JS gar nicht funktioniert. Fußzeile, Kopfzeile, all das habe ich mit Javascript eingefügt, weil ich den Inhalt so, je nach Bildschirmgröße verändern kann. Das Problem ist: so funktioniert ja quasi nix ohne JS. Ist das schlimm? Denn Javascript kann man ja im Browser deaktivieren wodurch dann ja quasi nichts auf meiner Website funktioniert. Wie viele Menschen deaktivieren JS eigentlich?

Ich hoffe auf Antworten,

Bohne47

Hallo,

ich habe eine Tabelle mit bootstrap grit in der form

heder header header ...

value1 value1 value1

value2 value2 value2

...

wenn das ganze auf Handygröße eingestampft wird erhalte ich

header

header

header

value1

value1

value1

value2

value2

value2

wie könnte ich so ein Layout realisieren

header

value1

header

value1

header

value1

header

value2

...

oder

Hallo

Ich habe ein Problem mit dem CSS:
- Ich möchte den HOVER des Buttons in dieser Farbe: #2C6194 und Text nicht blau
- und wäre es leicht das responsive anzupassen?
Bild oben und Text unten auf dem mobile?
Hier der Quelltext: HIER

Danke für die Mithilfe! Komme leider nicht weiter....

Hallo,ich bin 17 Jahre alt und will gerne das Webseiten erstellen und verkaufen lernen.Was wollen die Käufer reicht eine professionelle WordPress seite aus oder lieber eine HTML Webseite?Was verkauft sich besser und welche arten von Webseiten bauen empfehlt ihr für E- Commerce oder zum verkauf

Ich habe eine Webseite (http://hobbyfunk.de), welche bereits ein responsives Menü nutzt - die Ansichtumschaltung zwischen Dekstop und Mobile funktioniert. Nur: Das Menü sieht im Mobile k*cke aus ;-) Ich würde es dort gerne auf ein Hamburger-Menü umstellen.

Ich bitte um Hilfe und Unterstützung in dieser Angelegenheit. Ich kann gerne HTML und CSS zuschicken, aber nicht hier öffentlich.

Ich versuche das schon seit zwei Tagen, komme aber einfach nicht klar damit. Egal welches Beispiel ich im Netz gefunden haben und welches ich versuche zu adaptieren - immer klappt irgendwas nicht.

Ja, ich kann lesen, ja ich kann im Netz suchen, und ja ich habe schon einiges gefunden. Wenn dem nicht so wäre, würde ich hier nicht um Hilfe rufen ;-)

Hi,

ich programmiere grade an Videos also wie ich diese anzeigen kann ohne YouTube. Und da es komisch auf dem Handy aussieht wollte ich fragen, ob es eine Möglichkeit gibt, dass sich die Größe des Videos automatisch auf das gerät anpasst?

Ich habe eine eigene Website, auf dieser soll eine Einblendung erscheinen, dass Personen die die Website mit dem Handy besuchen, ihr Handy für eine bessere Sicht im Querformat benutzen sollen. Wie kann man so eine Einblendung per HTML machen?

Hallo,

Ich mache gerade für Info eine Webseite, allerdings dürfen wir noch kein JavaScript benutzen.

Deshalb habe ich , um die Webseite responsive zu machen das ganze mehr oder weniger mit einem input (checkbox) geregelt, die man nicht sieht, welche dann durch ein label verbunden ist, was wiederrum eine art Burger-Stapel ist. Auf diesen kann man clicken, und dann schieben sich die Links von oben nach unten.

Spielt aber hierfür keine Rolle.

Auf jeden Fall habe ich in CSS logischerweise dann das mit "checked ~" gemacht, was auch funktioniert.

Nun möchte ich aber einen Darkmode integrieren, und brauche dafür nochmal einen zweiten input (auch wieder checkbox), also im Prinzip das selbe Spiel nochmal.

Allerdings prüft "checked ~" ALLE checkboxen, sodass das responsive nicht mehr funktioniert, wenn der Darkmode aktiv wäre.

Kann ich also irgendwie nur immer die JEWEILIGE checkbox prüfen lassen?

Danke im Voraus! :)

Bei wie viel px setzt ihr eure breakpoints? Bei mir sollen es 3 breakpoints sein.

Hallo! Ich habe eine Frage. Kann mir jemand weiterhelfen? Ich programmiere gerade eine Webseite und möchte, dass ich wenn ich die Webseite auf dem Handy ansehe sie genauso aussieht, wie auf dem PC. Danke im Vorraus!

Hi, ich will ein <div> mittig zentrieren, also nicht nur horizontal sondern auch vertikal, also einfach in der Mitte des Bildschirms. Jemand ne Idee wie das gehen könnte, hab schon fast das ganze Internet durchkämmt...

So soll das am Ende sein... DANKE!!!

Wie kann ich folgenden Balken kurz über dem Footer entfernen (siehe roter Pfeil)?

Dieser taucht auf allen Seiten auf.

Guten Tag

Wie kann ich diesen Vertikalen Strich auf die Schrift anpassen?

Bild 1: Der Strich ist zu kurz auf kleinen Bildschirmen.

Bild 2: Der Strich ist zu lang.

Hey Leute :) Ich würde gerne eine Webseite auf einem privaten Server hosten. Um das zu tun muss man die Webseite ja im HTML Format haben. Ich kenne mich jedoch mit HTML nicht aus. Kann ich eine Webseite auch einfach mit nem Tool wie z.B. Jimdo erstellen und dann einfach in HTML ,,umwandeln"? Wenn ja: Mit welchem Tool ist dass möglich? Danke ;)

Guten Tag, ich versuche gerade eine JS Canvas resposnive zu machen und habe dabei einen div conatiner benutzt. Alles hat funktioniert außer das Skalieren der Canvas.

Ich dachte es liegt vielleicht an dem div Container, also habe ich diesen zu einem canvas tag geändert.
Jetzt wird der Inhalt der Canvas gar nicht angezeigt. In der Konsole sthet zwar, dass dies vorhanden ist, aber man sieht keinen Inhalt.

Woran liegt das?

Grüße Alex

Kann mir Jemand bitte helfen, mein Problem ist, dass ich nicht weiß wie ich die boxen wie am ersten Bild dargestellt nebeneinander positionieren soll.

ich habs mit float: right; float: right,top; .... und 10 andere varianten eine Stunde lang rum exprimentiert, aber es hat nicht geklappt.

Hallo zusammen,

auf meiner Website habe ich ein Hintergrund eingebunden, welches mit background-attachment:fixed; beim Scrollen fixiert ist. Auf Mobilgeräten wird das aber anscheinend nicht erkannt, sodass das Bild dort verzerrt ist.

Im Internet konnte ich bis jetzt nichts finden, außer, dass es nicht erkannt wird. Einen guten Lösungsvorschlag konnte ich nicht finden. Deshalb hoffe ich, dass ihr mir helfen könnt. Vielen Dank schonmal für alle Antworten!

Hier noch ein Ausschnitt aus meinem Code:

body {
  background-image: url("../../img/Tardan99x.jpg");
  background-attachment:fixed;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

Ich habe alles versucht damit die Bilder untereinander gehen aber kriege es nicht hin. Hier sind Bilder wie das aus, von HTML und von CSS. Über Hilfe würde ich mich sehr freuen!

Ich kann bei keine css dateien mit dem link tag laden. Ich habe mehrere Möglichkeiten ausprobiert:

<link type="text/css" rel="stylesheet" href="stylesheets/style.css">

<link type="text/css" rel="stylesheet" hrefhttp://localhost/stylesheets/style.cssss">

<link type="text/css" rel="stylesheet" href="./stylesheets/style.css">

nur fürs Verständnis:

htdocs

|- index.php

|- stylesheets

|- style.css

keine dieser möglichkeiten funktioniert.

Weiß jemand wie das geht? Oder hab ich einen Fehler gemacht?

Danke im Voraus :)