hilfdirselbst.ch
Facebook Twitter gamper-media
Tipps und Tricks zu Adobe GoLive von Dirk Levy, GoLive FAQ's von Randolph Sterna
Kelmis
Beiträge: 21
21. Aug 2003, 20:58
Beitrag #1 von 9
Bewertung:
(1177 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Textgröße mit CSS festsetzen?


Hallo
Ich möchte einen Text erstellen, der unabhängig von dem eingestellen
Schriftgrad im IE oder Netscape immer eine fest definierte Größe (z.B. 10px)
hat.
Ich habe es schon mit einem internen CSS probiert, klappt jedoch nicht auf
allen Browsern.
Gibt es da eine ander Möglichkeit? Top
 
X
Dirk Levy  A 
Beiträge: 9237
21. Aug 2003, 23:12
Beitrag #2 von 9
Beitrag ID: #48198
Bewertung:
(1177 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Textgröße mit CSS festsetzen?


Hi,

was klappt da nicht, ein Schriftgröße mit
Pixeln ist immer gleich im Verhältnis zur
System- und Monitorauflösung...

Hast Du mal einen Testlink für das Problem...


Gruß
Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de
als Antwort auf: [#48194] Top
 
Turicon
Beiträge: 161
22. Aug 2003, 08:27
Beitrag #3 von 9
Beitrag ID: #48222
Bewertung:
(1177 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Textgröße mit CSS festsetzen?


Hallo Kelmis,

Die fontsize - Angaben müssen dann in pt (Punkt) erfolgen.
Bedenke aber bitte eines. Wenn Du die Schrift festsetzen würdest (und 10px sind auf vielen Geräten schon sehr klein), schließt Du Menschen mit Sehfehlern vom Lesen aus bzw. machst es ihnen unnötig schwer.
Die Option "Schriftgrad" in den Browsern ist ja nicht umsonst eingebaut. Und als guter Designer muß man soetwas eben auch beachten oder zumindest damit leben können :-)


Gruß,
Jens
als Antwort auf: [#48194] Top
 
Dirk Levy  A 
Beiträge: 9237
22. Aug 2003, 08:58
Beitrag #4 von 9
Beitrag ID: #48227
Bewertung:
(1177 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Textgröße mit CSS festsetzen?


@turicon: Nein in Pixeln (px) die Punkt-Größe richtet
sich in jedem Fall nach der Auflösung des Systems
und ändert sich jeweils. Z.B. Windows mit 96 dpi und
Mac wahlweise mit 72 oder 96 dpi....

Gruß
Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de
als Antwort auf: [#48194] Top
 
Kelmis
Beiträge: 21
22. Aug 2003, 17:36
Beitrag #5 von 9
Beitrag ID: #48315
Bewertung:
(1177 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Textgröße mit CSS festsetzen?


Hallo,

jetzt funktioniert es plötzlich.
Ich muss wohl irrgendwas beim CSS selbst falsch gemacht haben.

Danke für die Tipps

Roland
als Antwort auf: [#48194] Top
 
Turicon
Beiträge: 161
23. Aug 2003, 15:11
Beitrag #6 von 9
Beitrag ID: #48372
Bewertung:
(1177 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Textgröße mit CSS festsetzen?


@ Dirk
bist Du sicher? Die Frage von Kelmis bezog sich auf die Funktion der Browser, die Schriftgröße allgemein zu beeinflussen. Im IE z.B. ist es der Menüpunkt "Ansicht - Schriftgrad" und dann kann man wählen von sehr groß bis sehr klein.
Wenn man diese Funktion ausser Kraft setzen will, ist pt (also Punkt) die richtige Wahl. Hat man px als Masseinheit, kann man den Schriftgrad per Menü grundsätzlich anpassen. Dass Systeme mit unterschiedlichen Auflösungen auch andere Ansichten bieten, ist mir bekannt, war ja aber nicht gefragt.
Mein weiterer Hinweis ging dahin, dass man nicht nur an das Design, sondern an Menschen denken sollte, denen eine 10px - Schrift zu klein erscheint.
Vor allem ältere Menschen haben damit zu kämpfen und benutzen dann den Schriftgrad groß oder sogar sehr groß. Und denen ist es egal, was aus dem Design wird, hauptsache sie können alles lesen.

Gruß nach Hamburg,
Jens
als Antwort auf: [#48194]
(Dieser Beitrag wurde von Turicon am 23. Aug 2003, 15:17 geändert)
Top
 
Dirk Levy  A 
Beiträge: 9237
23. Aug 2003, 16:11
Beitrag #7 von 9
Beitrag ID: #48374
Bewertung:
(1177 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Textgröße mit CSS festsetzen?


Also in modernen Browsern mit Textzoom ist es eh egal,
die zoomen alles.

Browser mit normaler Vergrößerung wie iCab Mac oder NS4.x etc.
zoomen nur die pt-Größen:

Probiere es damit mal aus

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="generator" content="Adobe GoLive 6">
<title>Willkommen bei Adobe GoLive 6</title>
<style type="text/css" media="screen"><!--
.pixel { font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.punkt { font-size: 10pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
--></style>
</head>

<body bgcolor="#ffffff">
<p class="pixel">Hier ist eine Zeile in 10px geschrieben</p>
<p class="punkt">Hier ist eine Zeile in 10pt geschrieben</p>
</body>

</html>

Grundsätzlich ist ein Pixel die kleinste Einheit auf einem
Monitor, und ein Pixel bleibt ein Pixel.
Punkt ist ein eigenes Maßsystem und z.B. auf dem Monitor auf
von Faktoren wie dpi-Einstellung etc. abhängig.

Und die Anmerkung mit zu kleinem Text erledigt sich für die
modernen Browser, denn die beherrschen den Textzoom, und damit
kann es sich jeder in der Größe darstellen die er möchte.
Der Stern oder der Spiegel geben ja auch nicht eine Ausgabe in
groß und eine in klein heraus, dafür gibt es dann Lesehilfen
und dafür ist auch der Textzoom gedacht.

Das damit natürlich ein pixelgerechtes Layout zerhackt wird ist
klar, aber mit einer Lupe sehe ich ja auch nicht mehr das Ganze,
sondern nur noch Ausschnitte.

Gruß
Dirk
Gruß
Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de
als Antwort auf: [#48194] Top
 
Turicon
Beiträge: 161
23. Aug 2003, 19:39
Beitrag #8 von 9
Beitrag ID: #48390
Bewertung:
(1177 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Textgröße mit CSS festsetzen?


Hallo Dirk,

jetzt bin ich etwas irritiert. Habe vor meiner ersten Antwort das schnell nochmal getestet, um keinen Schei.. zu erzählen und ich konnte mit dem IE den Text mit px - Angabe per Menü ändern. Jetzt probiere ich Dein Beispiel und es klappt nicht mehr. Hab da wohl irgendwas übersehen. Also, Kelmis - sorry! Nicht alles glauben, was ich alter Sack hier schreibe ;-)

Danke @Dirk für die Aufklärung.

Schönen Gruß von der Nordsee,
Jens
als Antwort auf: [#48194] Top
 
Dirk Levy  A 
Beiträge: 9237
23. Aug 2003, 21:14
Beitrag #9 von 9
Beitrag ID: #48394
Bewertung:
(1177 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Textgröße mit CSS festsetzen?


Macht doch nichts... ;-)
Ist eines meiner Spezialgebiete...
Viele Grüße vom noch älteren Sack.

Dirk

[Adobe GoLive Tipps & Tricks]
http://www.gltipps.de
als Antwort auf: [#48194] Top
 
X