Template responsivehtml
Template responsivehtml
Ich habe das Template responsivehtml für eine Website verwendet.
Es gefällt mir so gut, dass ich die ursprüngliche Version auf Joomla gelöscht habe.
Bei der Bearbeitung fallen mir einige Dinge auf:
1. Die Bilder und Grafiken lassen sich nicht skalieren.
2. Bilder in einer Tabelle lassen sich nicht verlinken mit einer Webadresse
3. Ich finde nicht heraus, wo ich im Template einstellen kann, dass die Standard-Schriftgrösse 14px beträgt.
Für Hilfe wäre ich sehr dankbar, weil ich einem Kunden das Editieren beibringen will.
Rullo
Es gefällt mir so gut, dass ich die ursprüngliche Version auf Joomla gelöscht habe.
Bei der Bearbeitung fallen mir einige Dinge auf:
1. Die Bilder und Grafiken lassen sich nicht skalieren.
2. Bilder in einer Tabelle lassen sich nicht verlinken mit einer Webadresse
3. Ich finde nicht heraus, wo ich im Template einstellen kann, dass die Standard-Schriftgrösse 14px beträgt.
Für Hilfe wäre ich sehr dankbar, weil ich einem Kunden das Editieren beibringen will.
Rullo
Re: Template responsivehtml
Link?
Irgendwelche fixe Breiten/Höhen in den Bildeigenschaften?
Die Standard Stildefinition des Templates ist
sollte eigentlich funktionieren.
Irgendwelche fixe Breiten/Höhen in den Bildeigenschaften?
Die Standard Stildefinition des Templates ist
Code: Select all
img {
max-width: 100%;
height: auto;
width: auto;
}
Re: Template responsivehtml
Ich weiss jetzt, was Du meinst, das Bild wird immer automatisch skaliert und kann nicht auf die gewünschte Grösse eingestellt werden. Dieses Thema wurde schon einmal in etwa behandelt.
Das mit dem Link kann ich nicht reproduzieren.
Für die Schriftgrösse passe in der stylesheet.css ~Zeile 4 die font definition an , ersetze 100% mit 14px;
Das mit dem Link kann ich nicht reproduzieren.
Für die Schriftgrösse passe in der stylesheet.css ~Zeile 4 die font definition an , ersetze 100% mit 14px;
Re: Template responsivehtml
Hallo,
Aber:
... responsive, genau das ist sicher der springende Punkt und wahrscheinlich auch der Grund, warum die Einstellungen sind, wie sie sind.
Es soll sich ja, so vermute ich dem Namen nach, auf verschiedene Bildschirmgrössen anpassen.
Sowohl die Bilder als auch die Schrift.
100% bedeuten bei fast allen Browsern in der Standardeinstellung 16px.
Das ist für Smartphone mitunter schon fast zu wenig.
Ausserdem soll es Leute geben, die sich genau diese Standardeinstellung auf vielleicht 18 oder 20px stellen.
Mit 100% funktioniert das, mit fest vorgegebenen 14px nicht.
Ich würde als noch mal darüber nachdenken und vorher vielleicht ein paar verschiedene Geräte / Auflösungen testen.
ich kenne das Template nicht, habe jetzt auch keine Muse es zu suchen.Rullo wrote:Ich habe das Template responsivehtml für eine Website verwendet.
Aber:
... responsive, genau das ist sicher der springende Punkt und wahrscheinlich auch der Grund, warum die Einstellungen sind, wie sie sind.
Es soll sich ja, so vermute ich dem Namen nach, auf verschiedene Bildschirmgrössen anpassen.
Sowohl die Bilder als auch die Schrift.
100% bedeuten bei fast allen Browsern in der Standardeinstellung 16px.
Das ist für Smartphone mitunter schon fast zu wenig.
Ausserdem soll es Leute geben, die sich genau diese Standardeinstellung auf vielleicht 18 oder 20px stellen.
Mit 100% funktioniert das, mit fest vorgegebenen 14px nicht.
Ich würde als noch mal darüber nachdenken und vorher vielleicht ein paar verschiedene Geräte / Auflösungen testen.
Gruß Olaf, Plugins for CMSimple_XH
Ich habe schon lange den Verdacht, dass so viele so eifrig auf Gender, Trans und Queer machen:
Weil sie für das Fachliche ganz einfach zu doof sind.
Ich habe schon lange den Verdacht, dass so viele so eifrig auf Gender, Trans und Queer machen:
Weil sie für das Fachliche ganz einfach zu doof sind.
Re: Template responsivehtml
Für eine flexible Schriftgrösse würde anstatt 14px auch 87.5% gehen.
Dass das Bild aber immer auf 100% Breite skaliert, muss aber nicht unbedingt sein. Es gibt ja noch andere als mobile Plattformen.
ZBsp. eine Formatierung für float rechts und links, wie es mit Standard Template gibt (mini1), fände ich eine Bereicherung.
Gruss
manu
Dass das Bild aber immer auf 100% Breite skaliert, muss aber nicht unbedingt sein. Es gibt ja noch andere als mobile Plattformen.
ZBsp. eine Formatierung für float rechts und links, wie es mit Standard Template gibt (mini1), fände ich eine Bereicherung.
Gruss
manu
Re: Template responsivehtml
Hallo,
klar kann man die Angaben in % machen, das wäre sicher am sinnvollsten und lässt wenigstens noch den Spielraum, dass das trotzdem noch per Browservoreinstellung angepasst werden kann.
Und Bilder müssen natürlich auch nicht immer 100% sein. Das ist auf jeden Fall richtig.
Hier könnte man vielleicht auch versuchen mit @media screen zu arbeiten.
Eigentlich wollte ich nur darauf hinweisen, dass man responsive mit festen Vorgaben einfach kaputt machen kann.
klar kann man die Angaben in % machen, das wäre sicher am sinnvollsten und lässt wenigstens noch den Spielraum, dass das trotzdem noch per Browservoreinstellung angepasst werden kann.
Und Bilder müssen natürlich auch nicht immer 100% sein. Das ist auf jeden Fall richtig.
Hier könnte man vielleicht auch versuchen mit @media screen zu arbeiten.
Eigentlich wollte ich nur darauf hinweisen, dass man responsive mit festen Vorgaben einfach kaputt machen kann.
Gruß Olaf, Plugins for CMSimple_XH
Ich habe schon lange den Verdacht, dass so viele so eifrig auf Gender, Trans und Queer machen:
Weil sie für das Fachliche ganz einfach zu doof sind.
Ich habe schon lange den Verdacht, dass so viele so eifrig auf Gender, Trans und Queer machen:
Weil sie für das Fachliche ganz einfach zu doof sind.
Re: Template responsivehtml
Herzlichen Dank für die prompten Antworten.
Das mit der Schrift habe ich korrigiert (87.5% ist perfekt für die Darstellung im Browser und im PC).
Das mit dem Bild verstehe ich so, dass das responsive Design Kompromisse erfordert, was die Darstellung anbelangt.
Ein Bild (z.B. ein Icon) das mit 100x100 Pixeln hochgeladen wurde, kann nicht mit dem üblichen Bildwerkzeug auf 60x60 verkleinert werden, während dies in einem nicht-responsiven Design möglich ist.
Ist nicht weiter schlimm, man kann ja die Bilder in der richtigen Grösse hochladen.
Ein wenig schade finde ich, dass ich die Icons in einer Tabelle nicht verlinken kann. Aber auch das lässt sich ja beheben, in dem man den dazugehörigen Text verlinkt.
http://kompass-computerclub.ch/kompass/ ... uetzliches
An Olape: Das responsivehtml Template gehört zur "Standardausrüstung" von cmsimple_xh und ist schöner als das mitgelieferte Design auf Joomla.
Einmal mehr ein Grund, CMSimple treu zu bleiben.
Nochmals Danke für eure Antworten.
Schönen Abend
Rullo (Peter)
Das mit der Schrift habe ich korrigiert (87.5% ist perfekt für die Darstellung im Browser und im PC).
Das mit dem Bild verstehe ich so, dass das responsive Design Kompromisse erfordert, was die Darstellung anbelangt.
Ein Bild (z.B. ein Icon) das mit 100x100 Pixeln hochgeladen wurde, kann nicht mit dem üblichen Bildwerkzeug auf 60x60 verkleinert werden, während dies in einem nicht-responsiven Design möglich ist.
Ist nicht weiter schlimm, man kann ja die Bilder in der richtigen Grösse hochladen.
Ein wenig schade finde ich, dass ich die Icons in einer Tabelle nicht verlinken kann. Aber auch das lässt sich ja beheben, in dem man den dazugehörigen Text verlinkt.
http://kompass-computerclub.ch/kompass/ ... uetzliches
An Olape: Das responsivehtml Template gehört zur "Standardausrüstung" von cmsimple_xh und ist schöner als das mitgelieferte Design auf Joomla.
Einmal mehr ein Grund, CMSimple treu zu bleiben.
Nochmals Danke für eure Antworten.
Schönen Abend
Rullo (Peter)
Re: Template responsivehtml
Hallo,
Da kannst du mal sehen, das habe ich mir noch angesehen.An Olape: Das responsivehtml Template gehört zur "Standardausrüstung" von cmsimple_xh und ist schöner als das mitgelieferte Design auf Joomla.
Gruß Olaf, Plugins for CMSimple_XH
Ich habe schon lange den Verdacht, dass so viele so eifrig auf Gender, Trans und Queer machen:
Weil sie für das Fachliche ganz einfach zu doof sind.
Ich habe schon lange den Verdacht, dass so viele so eifrig auf Gender, Trans und Queer machen:
Weil sie für das Fachliche ganz einfach zu doof sind.
Re: Template responsivehtml
Letzteres ist auf jeden Fall sinnvoll, da sonst evtl. mehr Daten vom Server an den Client (Browser) übertragen werden müssen, als denn tatsächlich genutzt werden. Allerdings ist es durchaus möglich solche Bilder dennoch per Editor zu verkleinern. Dazu muss nur das Stylesheet angepasst werden, und zwar wird entweder width:auto oder height:auto gesetzt, aber nicht beides.Rullo wrote:Ein Bild (z.B. ein Icon) das mit 100x100 Pixeln hochgeladen wurde, kann nicht mit dem üblichen Bildwerkzeug auf 60x60 verkleinert werden, während dies in einem nicht-responsiven Design möglich ist.
Ist nicht weiter schlimm, man kann ja die Bilder in der richtigen Grösse hochladen.
Hm, auch in einer Tabelle sollte ein Bild (Icon) verlinkt werden können. Dazu das Bild anklicken, und dann per Toolbutton den Link setzen. Falls es nicht klappt, dann ggf. mal im erzeugten HTML-Quellcode nachschauen.Rullo wrote:Ein wenig schade finde ich, dass ich die Icons in einer Tabelle nicht verlinken kann. Aber auch das lässt sich ja beheben, in dem man den dazugehörigen Text verlinkt.
http://kompass-computerclub.ch/kompass/ ... uetzliches
Christoph M. Becker – Plugins for CMSimple_XH