Seite 1 von 1

HTML Seite reponsive erstellen ?

Verfasst: 10.04.2017 09:44
von Black Jack
Hallo zusammen,

vielleicht kann mir ja jemand, auf dem kleinen Dienstweg, einen paar codes zeigen wie und wo sie eingebaut werden,
damit eine HTML Seite responsive angezeigt wird.
Mit der Goole suche bin ich überfordert und weis nicht genau wo ich etwas einbauen sollte....
( mein html schulungskurs ist ganz bald... :wink: )
Seiten erstelle ich mit NVU und Page Extention:

Test Html Seite code:

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
Vielen Dank
und Grüße Joe

Re: HTML Seite reponsive erstellen ?

Verfasst: 10.04.2017 11:13
von mad-manne
Black Jack hat geschrieben:Mit der Goole suche bin ich überfordert und weis nicht genau wo ich etwas einbauen sollte....
Wonach genau hast du denn bei Google gesucht ??

Zunächst einmal solltest du verstehen, dass HTML nicht wirklich etwas mit Response Webdesign zu tun hat ... HTML ist für die Strukturierung des INHALTES einer Webseite zuständig während CSS die DARSTELLUNG steuert !

https://de.wikipedia.org/wiki/Responsive_Webdesign

https://de.wikipedia.org/wiki/CSS-Framework

Sind denn die Seiten die du da bauen willst "Stand-Alone" oder willst du die in ein (phpBB)-Forum integrieren ??

Gruß,
Manne.

Re: HTML Seite reponsive erstellen ?

Verfasst: 10.04.2017 13:52
von Black Jack
Sind denn die Seiten die du da bauen willst "Stand-Alone" oder willst du die in ein (phpBB)-Forum integrieren ??
Gruß,
Manne.
Hallo Manne,

Danke für die Infos....das sind im Prinzip einzelne Seiten die im Forum dargestellt werden sollen.
Bei Überprüfung mit ctrl,schift-M sieht man dann dass sie viel breiter erscheinen und schwer lesbar sind mit dem Smartphone.
Gilt auch für meine Html Newsblock Mod...die Breite müßte auch angepasst werden...

Testseite: https://www.musikertreffenmusiker.com/v ... =112&t=183

Danke und
Schöne Grüße Joe

Re: HTML Seite reponsive erstellen ?

Verfasst: 10.04.2017 15:04
von Melmac
Hi,

wenn ich mich jetzt auf die von Dir verlinkte Seite beziehe:
Zumindest ein Teil der Problematik liegt in den beiden Logos begründet (das oben im Header plus das "under construction"), die beide nicht so formatiert sind, dass sie automatisch mit der Auflösung skalieren können.

Für die responsive Einbindung eines Header-Logos gibt es eine Extension, [3.1][3.2] Sitelogo responsive, die dies normalerweise bewerkstelligen würde. Ob dies auch bei diesem Style ohne "Nachjustieren" funktioniert, müsste wohl angetestet werden.

Das zweite Logo bräuchte eine angepasste HTML-Konstruktion samt passendem CSS, um mitskalieren zu können.

Re: HTML Seite reponsive erstellen ?

Verfasst: 10.04.2017 21:15
von Joyce&Luna
Irgendwo in dieser Pages Ext hast du was verändert und zwar mit width: 1200px.
Wenn ich es richtig sehe hast du es in einer html Datei eingeben.
Setze das auf Auto dann ist es responsiv.

Kann aber auch woanders liegen, denke nach wo du 1200px eingesetzt hast.

Anke

Re: HTML Seite reponsive erstellen ?

Verfasst: 10.04.2017 21:35
von Melmac
Nur mal eine Frage, rein aus Interesse:
Warum erstellst Du die Seite für die Forumsregeln mit der Pages Extension?
Es gäbe auch eine "fix & fertig" Extension hierfür, auch für 3.2.0: Board Rules.
Wäre dies eventuell eine Alternative für Dich?

Re: HTML Seite reponsive erstellen ?

Verfasst: 10.04.2017 23:55
von Black Jack
Joyce&Luna hat geschrieben:Irgendwo in dieser Pages Ext hast du was verändert und zwar mit width: 1200px.
Wenn ich es richtig sehe hast du es in einer html Datei eingeben.
Setze das auf Auto dann ist es responsiv.

Kann aber auch woanders liegen, denke nach wo du 1200px eingesetzt hast.

Anke
Super, das hat funtioniert im Qulltext auf auto zu stellen :grin:
Danke dir!


Melmac dir auch vielen Dank....hat super gepasst..melde mich.. :wink:


@ mad-manne DANKE, tolle Info Links die werd ich mir zur Brust nehmen :wink:

LIEBSTE Grüße an ALLE DANKE :grin:

Re: HTML Seite reponsive erstellen ?

Verfasst: 11.04.2017 12:10
von Black Jack
Melmac hat geschrieben:Nur mal eine Frage, rein aus Interesse:
Warum erstellst Du die Seite für die Forumsregeln mit der Pages Extension?
Es gäbe auch eine "fix & fertig" Extension hierfür, auch für 3.2.0: Board Rules.
Wäre dies eventuell eine Alternative für Dich?
Die Regeln betreffen ja nicht das Forum, sonder gelten exklusiv nur für meine Session-Party´s
oder habe ich da was falsch verstanden ?

Viele Grüße
Joe

Re: HTML Seite reponsive erstellen ?

Verfasst: 12.04.2017 10:55
von Black Jack
Hallo,

gibt es da auch eine Möglichkeit für Seiten die mit iframe eingebunden sind ?
Breite und Höhe anzupassen ?

Re: HTML Seite reponsive erstellen ?

Verfasst: 12.04.2017 11:31
von Kirk
Mit width und height kannst du es anpassen.