Schriften im Listing

Hier geht es um die Programmierung von Opencaching.de - User mit Erfahrungen im Bereich PHP, MySQL, HTML, JavaScript, CSS werden hier ständig gesucht
Benutzeravatar
flopp
Vereinsmitglied
Vereinsmitglied
Beiträge: 1008
Registriert: 18.03.2012, 17:02

Irgendwas läuft falsch bei den Schriftgrößen in OC-Listings.

Z.B. bei [url=http://opencaching.de/OCF858]opencaching.de/OCF858[/url]. Das Listing ist als HTML-Text eingegeben worden.

Der Haupttext steht steht ohne weitere Schriftattribute in ganz normalen <p>-Tags, er sollte also in der Default-Schriftart/Schriftgröße angezeigt werden. Laut Chrome ist die Schriftart des Textes Arial, 12pt.
Die Auflistung wird durch eine einfache <ul>/<li>-Tags erzeugt - ohne Schriftattribute. Ich würde also erwarten, dass der Text der Liste mit der gleichen Schriftart/Schriftgröße wie der Haupttext angezeigt wird. Laut Chrome ist es aber Arial, 14pt.
Die Fußnoten ganz unten sind in <span>-Tags mit "font-size: small" eingefasst. Erwarten würde ich eine kleine Schriftgröße als beim Haupttext, laut Chrome wird aber Arial, 13pt verwendet.

Ich finde das sehr inkonsistenz (und so sieht es auch aus).

Mag sich ein CSS-Guru mal die CSS-Definitionen angucken?
[url=http://www.flopp-caching.de/]Flopps Tolle Karte[/url] | [url=http://www.florian-pigorsch.de/oc]OC[/url] | [url=http://www.florian-pigorsch.de/gc]GC[/url] | [url=http://florian-pigorsch.de/+]G+[/url] | [url=http://florian-pigorsch.de/t]Tw[/url] | [url=http://florian-pigorsch.de/fb]Fb[/url]
Benutzeravatar
ClanFamily (Mirco)
Administrator
Administrator
Beiträge: 1413
Registriert: 03.09.2012, 21:55

könnte mein Einstieg in die Entwicklung werden... obwohl Guru.. naja...
Ich muss noch mal an die Hand genommen werden um mir eine Umgebung aufzubauen...
Mit feudalen Grüßen,
Mirco aka Clanfamily
- Vorstand -

MeetMe | OC YouTube | OC Talk
Benutzeravatar
ra_sch
Micro
Micro
Beiträge: 273
Registriert: 07.10.2012, 21:06

Disclaimer: Ich bin kein CSS-Guru!

Ich habe mir das Listing aber einfach mal mit dem Firefox Inspector angeschaut. Da kann man sehen, dass der Listen-Style wohl von einer Stelle eingemischt wird, die nicht so gewollt ist (#ocmain ul li). Das ist ganz klar der Fall für den CSS-Guru :)
Zu deinem Absatz mit font-size: small: 'small' ist eine absolute Angabe, wenn es kleiner werden soll als der Haupttext ist font-size:smaller oder font-size:75% (o.ä.) die bessere Wahl.

HTH

ra_sch
Benutzeravatar
ClanFamily (Mirco)
Administrator
Administrator
Beiträge: 1413
Registriert: 03.09.2012, 21:55

Das "neue" CSS sollte dringend auf responsive Design ausgelegt sein. Somit schlagen wir auch schon die erste Brücke zur mobilen Ansicht.
Bevor man (ich) sich jetzt ins blaue stürzt - gab es bislang schon einen Fahrplan was mit der optischen Ansicht von Opencaching passieren soll?
Also haben wir schon irgendwas angesetzt oder sollen wir ein Thema in der Entwicklung veranschlagen !=?
ReDesign bedeutet nicht neue Funktionen; sondern OC optisch neu aufstellen...
Das ist - soweit ich das persönlich in Gesprächen entnehmen kann, schon ein "Manko", dass OC noch belastet...
Man kann dann jetzt neue Weichen stellen...
Mit feudalen Grüßen,
Mirco aka Clanfamily
- Vorstand -

MeetMe | OC YouTube | OC Talk
Benutzeravatar
flopp
Vereinsmitglied
Vereinsmitglied
Beiträge: 1008
Registriert: 18.03.2012, 17:02

[quote="ClanFamily (Mirco)"]
Das "neue" CSS sollte dringend auf responsive Design ausgelegt sein. Somit schlagen wir auch schon die erste Brücke zur mobilen Ansicht.
Bevor man (ich) sich jetzt ins blaue stürzt - gab es bislang schon einen Fahrplan was mit der optischen Ansicht von Opencaching passieren soll?
Also haben wir schon irgendwas angesetzt oder sollen wir ein Thema in der Entwicklung veranschlagen !=?
ReDesign bedeutet nicht neue Funktionen; sondern OC optisch neu aufstellen...
Das ist - soweit ich das persönlich in Gesprächen entnehmen kann, schon ein "Manko", dass OC noch belastet...
Man kann dann jetzt neue Weichen stellen...
[/quote]

Also ich habe letzten Herbst mal angefangen OC auf Bootstrap zu portieren, aber mangels Zeit/Motivation aufgehört.

Das hier war ein erster Design-Vorschlag: http://flopp-caching.de/oc-new/index.html
[url=http://www.flopp-caching.de/]Flopps Tolle Karte[/url] | [url=http://www.florian-pigorsch.de/oc]OC[/url] | [url=http://www.florian-pigorsch.de/gc]GC[/url] | [url=http://florian-pigorsch.de/+]G+[/url] | [url=http://florian-pigorsch.de/t]Tw[/url] | [url=http://florian-pigorsch.de/fb]Fb[/url]
dl6hbo

[quote="flopp"]
Also ich habe letzten Herbst mal angefangen OC auf Bootstrap zu portieren, aber mangels Zeit/Motivation aufgehört.
Das hier war ein erster Design-Vorschlag: [url=http://flopp-caching.de/oc-new/index.html]http://flopp-caching.de/oc-new/index.html[/url]
[/quote]

Für mich sieht es echt nett aus !  Besonders "unser Team" ist eine wunderbare Lachnummer !  ;D
Benutzeravatar
bohrsty
Administrator
Administrator
Beiträge: 1367
Registriert: 30.03.2012, 22:54

[quote="flopp"]
[...]
Also ich habe letzten Herbst mal angefangen OC auf Bootstrap zu portieren, [...]
[/quote]

mal abgesehen davon, dass ich persoenlich das "design" von boostrap furchtbar finde, bedenkt bei den planungen, dass wir das gesamte design auf smarty aufbauen, die neue oberflaeche muss das auch koennen...
gruss Nils (bohrsty)

Bild
Benutzeravatar
flopp
Vereinsmitglied
Vereinsmitglied
Beiträge: 1008
Registriert: 18.03.2012, 17:02

[quote="bohrsty"]
[quote="flopp"]
[...]
Also ich habe letzten Herbst mal angefangen OC auf Bootstrap zu portieren, [...]
[/quote]

mal abgesehen davon, dass ich persoenlich das "design" von boostrap furchtbar finde, bedenkt bei den planungen, dass wir das gesamte design auf smarty aufbauen, die neue oberflaeche muss das auch koennen...
[/quote]

Wie gesagt, das war ein erster Vorschlag, der nicht allzu weit verfolgt wurde (ich habe aber einige OC-Smarty-Templates testweise auf Bootstrap portiert und das hat eigentlich ganz gut funktioniert, wenn man mal von der vielen Handarbeit absieht).

Mit Bootstrap würde OC natürlich wie eine Allerweltsseite aussehen. Das will man ja eigentlich auch nicht.
[url=http://www.flopp-caching.de/]Flopps Tolle Karte[/url] | [url=http://www.florian-pigorsch.de/oc]OC[/url] | [url=http://www.florian-pigorsch.de/gc]GC[/url] | [url=http://florian-pigorsch.de/+]G+[/url] | [url=http://florian-pigorsch.de/t]Tw[/url] | [url=http://florian-pigorsch.de/fb]Fb[/url]
Benutzeravatar
mic@
Vereinsmitglied
Vereinsmitglied
Beiträge: 6631
Registriert: 04.12.2009, 00:31

[quote="flopp"]Das hier war ein erster Design-Vorschlag: http://flopp-caching.de/oc-new/index.html[/quote]

Also unseren Vorstand find ich klasse  :-*
SCNR, Mic@
Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.
Zuletzt geändert von mic@ am 01.07.2013, 17:55, insgesamt 1-mal geändert.
HWR-Info

*grins..... die haben wenigstens Sonne
Benutzeravatar
FriedrichFröbel
Vereinsmitglied
Vereinsmitglied
Beiträge: 599
Registriert: 04.09.2012, 18:21

[quote="mic@"]
[quote="flopp"]Das hier war ein erster Design-Vorschlag: http://flopp-caching.de/oc-new/index.html[/quote]

Also unseren Vorstand find ich klasse  :-*
[/quote]
Sogar mit regelmäßig wechselnden Bildern :P?
Benutzeravatar
mic@
Vereinsmitglied
Vereinsmitglied
Beiträge: 6631
Registriert: 04.12.2009, 00:31

[quote="FriedrichFröbel"]Sogar mit regelmäßig wechselnden Bildern :P?[/quote]

Daher hatte ich ja extra einen Screenshot angefertigt, damit man eindeutig weiß, auf welches Bild sich meine Aussage stützt  ;)
Und nun back to topic please.
azimut400gon

Und wenn man auf Boilerplate http://html5boilerplate.com/ aufsetzt?
Benutzeravatar
4_Vs
Vereinsmitglied
Vereinsmitglied
Beiträge: 3150
Registriert: 18.03.2012, 07:25

Funktioniert auf jeden Fall schon mal mit Smarty ...
Whenever I try to plan something, it doesn't seems to work out. So why plan, it only leads to disappointment! (Eddie van Halen)
Benutzeravatar
ClanFamily (Mirco)
Administrator
Administrator
Beiträge: 1413
Registriert: 03.09.2012, 21:55

Mh.. okay. Flopp hat also schon mal eine Idee in den Raum geworfen... ist das ein "fertiges" Layout gewesen , Flopp??
Wie sieht denn die Gretchen-Frage aus? Welche Farben sollen denn demnächst OC präsentieren :)
Ich mache in kürze mal Vorschläge verschiedener Farbharmonien.
Was ist denn euer Ansatz dazu?

PS: Wiedererkennung am Flyer orientieren?
PSS: Ist der eigentlich endlich online?
Mit feudalen Grüßen,
Mirco aka Clanfamily
- Vorstand -

MeetMe | OC YouTube | OC Talk
Antworten