Zum Inhalt springen

verschiedene CSS benutzen

Erstellt am 12. November 2004 · 11 Antworten · letzte Antwort am 6. März 2005

Tags: Frage

neko1512 ·

Hi, Ich möchte auf meiner Seite einbinden, daß der Benutzer die Schriftgradgröße einstellen kann. Ich habe mir gedacht, ich mache dazu verschiedene CSS- Dateien und integriere Links auf der Seite, über die man den Schriftgrad auswählen kann, je nach dem wird dann ne andere CSS eingebunden. Im Moment binde ich die CSS direkt über Typo3 ein. Kann ich Typo irgendwie mitteilen, daß es je nach Auswahl ne andere CSS verwenden soll? Ich dachte da an sowas wie ...index.php?id=24&sg=9 (9pt), dann diese Variable mitziehen, wenn jemand dann auf z.B. 12 pt klickt ...&sg=12 mitziehen... oder geht das einfachher? Wie kann ich Typo sagen, daß es der Variable $sg ein CSS zuordnen soll?

thx, neko :-)

jenses ·

Du brauchst doch bloß deine Schriftgrößen mit z.B. font-size = 3
angeben, also keine absoluten Werte (px) verwenden.
So kann man im Browser die Schriftgröße
ändern.
Dazu brauchst du keine zweite CSS.

jenses

neko1512 ·

ja schon klar, das war ja nur als beispiel gedacht. aber das ändert ja nichts an meinem problem. ich will ja, daß der benutzer selber einstellen kann, wie groß die schrift auf der seite ist (also der surfer, nicht der redakteur!)... ist für menschen mit sehschwäche gedacht, die bei normaler schriftgröße (9, 10, whatever) probleme haben, daß die dann per mausklick auf z.B. 20 stellen können oder so. aber das muß ich ja im typo irgendwo hinterlegen, und da ich ne CSS- datei eingebunden habe, muß ich die dann entweder erweitern oder eben mehrere anlegen. verstehst was ich meine?

maxhb ·
neko1512 schrieb

ist für menschen mit sehschwäche gedacht, die bei normaler schriftgröße (9, 10, whatever) probleme haben, daß die dann per mausklick auf z.B. 20 stellen können oder so.

Das wäre aber genau der falsche Ansatz. Wie Jenses schon angedeutet hat erledigt das der User im Normalfall über den eigenen Browser und Menschen, die auf eine größere Schrift angewiesen sind, sollten das Prinzip auch kennen.
Daher vermeide einfach feste Schriftgrössen und arbeite mit relativen Angaben oder den o.g. Pseudogrössenangaben.

CU
maxhb

neko1512 ·

das hab ich ausprobiert (mit dem schriftgröße im browser verstellen), hat sich aber sowohl auf meiner seite (trotz pseudoangaben) alsauch bei anderen homepages kaum ausgewirkt... das ist leider nicht wirklich hilfreich.
kann man denn vielleicht in die CSS- Dateien Marker setzen und diese dann irgendwie mit PHP übergeben? Es wäre schon nicht schlecht wenn ich das irgendwie einbauen könnte, daß man die Schriftgröße regulieren kann

maxhb ·
neko1512 schrieb

das hab ich ausprobiert (mit dem schriftgröße im browser verstellen), hat sich aber sowohl auf meiner seite (trotz pseudoangaben) alsauch bei anderen homepages kaum ausgewirkt... das ist leider nicht wirklich hilfreich.

Also hier im Forum geht das z.B. mit dem Firefox sehr einfach. Einfach Strg & + bzw. Strg & - drücken und schon wechselt die Schriftgrösse ...

CU
maxhb

Space-Teddy ·

sorry ich muss das ding noch mal ausgraben hier:

maxhb schrieb
neko1512 schrieb

ist für menschen mit sehschwäche gedacht, die bei normaler schriftgröße (9, 10, whatever) probleme haben, daß die dann per mausklick auf z.B. 20 stellen können oder so.

Das wäre aber genau der falsche Ansatz. Wie Jenses schon angedeutet hat erledigt das der User im Normalfall über den eigenen Browser und Menschen, die auf eine größere Schrift angewiesen sind, sollten das Prinzip auch kennen.
Daher vermeide einfach feste Schriftgrössen und arbeite mit relativen Angaben oder den o.g. Pseudogrössenangaben.

maxhb du hast auf jeden recht ... aber ich akkere auch gerade an sowas ... aber gibt es nicht die möglichkeit
per menu die browser einstellung anzusprechen ?
is dann vieleicht nicht für alle browser gleich
aber wäre n möglich keit den website besuchern so links anzu bieten ....

im prinziep stimm ich maxhb zu .. das leute die surfen und solche sehprobleme haben ... sollten sich mit ihrer software auskennen ...

wäre es aber nicht was nettes wenn dir eine seite auf diesem weg entgegenkommt 😃

und zu gutem schluss ... hat da jemand schonmal was gebastellt ... was vieleicht auch ohne css aus kommt 😃

danke typos

Space-Teddy ·

hab da mal was fürn ie
gefunden ....

gibts sowas sowas auch für mozilla und andere ...

hab bis jetzt noch nix gefunden ... vieleicht hilft es euch weiteter ...
und vieleicht mir einer mit mozilla 😃

<p align="center">Zoom-Faktor:<br>
<input type="radio" name="z" onclick="document.body.style.zoom=1.0;this.blur();">100%<br>
<input type="radio" name="z" onclick="document.body.style.zoom=1.5;this.blur();">150%<br>
<input type="radio" name="z" onclick="document.body.style.zoom=2.0;this.blur();">200%<br>
<input type="radio" name="z" onclick="document.body.style.zoom=5.0;this.blur();">500%<br>
<input type="radio" name="z" onclick="document.body.style.zoom=10.0;this.blur();">1000%<br></p>

d

maxhb ·
Space-Teddy schrieb

und zu gutem schluss ... hat da jemand schonmal was gebastellt ... was vieleicht auch ohne css aus kommt 😃

Meiner Meinung nach sollte man bei solch einer Aufgabenstellung unbedingt CSS verwenden. Nicht nur, dass man so Inhalt und Design sauber trennen kann, viele Leute mit Sehschwächen verwenden auch die Möglichkeit, Websites mit Ihren eigenen Stylesheet anzuschauen, so dass Sie Einfluss auf Schriftgrössen und Farben haben. Sieht zwar für diese User dann nicht mehr so toll aus, aber Sie können es wenigstens lesen.

CU
maxhb

Space-Teddy ·

.... hej samt Tack jenses o.O ob dasa wol stimmt #giggle#

hi maxhb

maxhb schrieb

Nicht nur, dass man so Inhalt und Design sauber trennen kann,

ok seh ich ein 😉

viele Leute mit Sehschwächen verwenden auch die Möglichkeit, Websites mit Ihren eigenen Stylesheet anzuschauen,

cool wie geht denn das .... hab davon noch nie was gehört....

hast du da mal ein link max 😉