HTML Seite reponsive erstellen ?

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

HTML Seite reponsive erstellen ?

Beitrag 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
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
Ehemaliges Teammitglied
Beiträge: 5403
Registriert: 18.03.2005 10:00
Wohnort: Marl im Ruhrgebiet

Re: HTML Seite reponsive erstellen ?

Beitrag 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.
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 ?

Beitrag 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
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
Ehemaliges Teammitglied
Beiträge: 3623
Registriert: 15.10.2012 03:27

Re: HTML Seite reponsive erstellen ?

Beitrag 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.
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: 2470
Registriert: 24.11.2013 18:14
Wohnort: NRW
Kontaktdaten:

Re: HTML Seite reponsive erstellen ?

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

Keine Antwort ist die eindeutigste Antwort, die man kriegen kann.
Bitte stellt die Fragen im Forum und nicht per PN. Danke!
Benutzeravatar
Melmac
Ehemaliges Teammitglied
Beiträge: 3623
Registriert: 15.10.2012 03:27

Re: HTML Seite reponsive erstellen ?

Beitrag 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?
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 ?

Beitrag 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:
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 ?

Beitrag 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
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 ?

Beitrag von Black Jack »

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: 7859
Registriert: 24.05.2010 08:31
Kontaktdaten:

Re: HTML Seite reponsive erstellen ?

Beitrag von Kirk »

Mit width und height kannst du es anpassen.
Antworten

Zurück zu „Styles, Templates und Grafiken“