HTML Seite reponsive erstellen ?

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.1/3.2, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Benutzeravatar
Black Jack
Mitglied
Beiträge: 195
Registriert: 03.02.2017 03:26

HTML Seite reponsive erstellen ?

Beitragvon Black Jack » 10.04.2017 09:44

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
Profi Le·g·as·the̱·ni·ker
Der Sinn des Lebens ist der, den Du ihm gibst ♥
Danke Euch sehr :wink: MTM Forum

Benutzeravatar
mad-manne
Ehemaliger
Beiträge: 5393
Registriert: 18.03.2005 10:00
Wohnort: Marl im Ruhrgebiet

Re: HTML Seite reponsive erstellen ?

Beitragvon mad-manne » 10.04.2017 11:13

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.
Try not. Do or do not. There is no try. (YODA)
Supportanfragen via E-Mail oder PN werden ignoriert

Benutzeravatar
Black Jack
Mitglied
Beiträge: 195
Registriert: 03.02.2017 03:26

Re: HTML Seite reponsive erstellen ?

Beitragvon Black Jack » 10.04.2017 13:52

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/viewtopic.php?f=112&t=183

Danke und
Schöne Grüße Joe
Profi Le·g·as·the̱·ni·ker
Der Sinn des Lebens ist der, den Du ihm gibst ♥
Danke Euch sehr :wink: MTM Forum

Benutzeravatar
Melmac
Supporter
Supporter
Beiträge: 1894
Registriert: 15.10.2012 03:27

Re: HTML Seite reponsive erstellen ?

Beitragvon Melmac » 10.04.2017 15:04

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.
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)

Verschoben von Coding & Technik nach Styles, Templates und Grafiken am 10.04.2017 15:12 durch Melmac

Benutzeravatar
Joyce&Luna
Mitglied
Beiträge: 1314
Registriert: 24.11.2013 18:14
Wohnort: NRW
Kontaktdaten:

Re: HTML Seite reponsive erstellen ?

Beitragvon Joyce&Luna » 10.04.2017 21:15

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
phpBB-Style-Design.de

Es kommt nicht darauf an, mit dem Kopf durch die Wand zu gehen, sondern mit den Augen die Tür zu finden.
Support zu meinen Styles, bitte die Fragen im Forum stellen und nicht per PN. Danke!

Benutzeravatar
Melmac
Supporter
Supporter
Beiträge: 1894
Registriert: 15.10.2012 03:27

Re: HTML Seite reponsive erstellen ?

Beitragvon Melmac » 10.04.2017 21:35

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?
Handle nur nach derjenigen Maxime, durch die du zugleich wollen kannst, dass sie ein allgemeines Gesetz werde.
(Immanuel Kant)

Benutzeravatar
Black Jack
Mitglied
Beiträge: 195
Registriert: 03.02.2017 03:26

Re: HTML Seite reponsive erstellen ?

Beitragvon Black Jack » 10.04.2017 23:55

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:
Profi Le·g·as·the̱·ni·ker
Der Sinn des Lebens ist der, den Du ihm gibst ♥
Danke Euch sehr :wink: MTM Forum

Benutzeravatar
Black Jack
Mitglied
Beiträge: 195
Registriert: 03.02.2017 03:26

Re: HTML Seite reponsive erstellen ?

Beitragvon Black Jack » 11.04.2017 12:10

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
Profi Le·g·as·the̱·ni·ker
Der Sinn des Lebens ist der, den Du ihm gibst ♥
Danke Euch sehr :wink: MTM Forum

Benutzeravatar
Black Jack
Mitglied
Beiträge: 195
Registriert: 03.02.2017 03:26

Re: HTML Seite reponsive erstellen ?

Beitragvon Black Jack » 12.04.2017 10:55

Hallo,

gibt es da auch eine Möglichkeit für Seiten die mit iframe eingebunden sind ?
Breite und Höhe anzupassen ?
Profi Le·g·as·the̱·ni·ker
Der Sinn des Lebens ist der, den Du ihm gibst ♥
Danke Euch sehr :wink: MTM Forum

Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 5406
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: HTML Seite reponsive erstellen ?

Beitragvon Kirk » 12.04.2017 11:31

Mit width und height kannst du es anpassen.


Zurück zu „Styles, Templates und Grafiken“