Schriftformatierung in Menüs

Hallo Leute,

haben auf der Seite ein horizontales und ein vertikales Menü.
Die Schriftformatierung der Seite läuft über ein CSS Script das unter fileadmin hochgeladen wurde.

.banner   {font-family: Times;
        font-size: 36pt
        color: #000000;
}
h1   {font-family: Verdana, Arial, Helvetica, Univers, sans-serif;
        font-size: 23pt;
        color: #000000;
}
h2 {font-family: Verdana, Arial, Helvetica, Univers, sans-serif;
        font-size: 16pt;

}
p, li {font-family: Verdana, Arial, Helvetica, Univers, sans-serif;
        font-size: 13pt;
        color: #000000;

}
.p {font-family: Verdana, Arial, Helvetica, Univers, sans-serif;
        font-size: 13pt;
        color: #000000;

}
h3 {font-family: Verdana, Arial, Helvetica, Univers, sans-serif;
        font-size: 11pt;

}

h4 {font-family: Verdana, Arial, Helvetica, Univers, sans-serif;
        font-size: 9pt;

}
h5 {font-family: Verdana, Arial, Helvetica, Univers, sans-serif;
        font-size: 6pt;

}
h6 {font-family: Verdana, Arial, Helvetica, Univers, sans-serif;
        font-size: 4pt;

}
.none {text-decoration: none;
}
.rot {color: #FF0000;
}
.weiss {color: #FFFFFF;
}
.black {color: #000000;
}
}
a:link {color: #000000;
        font-weight: bold;
        text-decoration: none;
}
a:visited {color: #000000;
        font-weight: bold;
        text-decoration: none;
}
a:hover {color: #FF0000;
        font-weight: bold;
        text-decoration: none;
}

Die Menüs werden in Times angezeigt. Wie kann ich eine Schriftart und -größe aus dem CSS Stylesheet zuweisen?
Der TS sieht derzeit so aus:

# Default PAGE object:
page = PAGE
page.typeNum = 0
# CSS Schriftformatierung zuweisen
page.stylesheet = fileadmin/schrift.css
page.bodyTag = <body bgcolor="#007F00">
page.20 = TEMPLATE
page.20.template = FILE
# Designvorlage zuweisen
page.20.template.file = fileadmin/index_template.html
page.20.workOnSubpart = DOKUMENT
page.20.marks.INHALT = CONTENT
page.20.marks.INHALT.table = tt_content
# Menü definieren
page.20.marks.MENU_OBEN = HMENU
page.20.marks.MENU_OBEN.entryLevel = 0
page.20.marks.MENU_OBEN.1 = TMENU
page.20.marks.MENU_OBEN.1.NO = 1
page.20.marks.MENU_OBEN.1.NO {
                                           linkWrap = &#124;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&#124;|*|&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&#124;|*| 
         }    
page.20.marks.MENU_LINKS = HMENU
page.20.marks.MENU_LINKS.entryLevel = 1
page.20.marks.MENU_LINKS.1 = TMENU
page.20.marks.MENU_LINKS.1.NO = 1
page.20.marks.MENU_LINKS.1.NO { 
            linkWrap= | <br> 
             }

An anderer Stelle der Seite habe ich eine Texttabelle... die wird auch nur in Times angezeigt. 😢

Kann mir Jemand weiterhelfen

LG
Michaela

http://www.hsv-ransbach-baumbach.de

[​quote="Michaela-Ww"]

linkWrap = |   |   ||*|   |   ||*|
ATagParams = class="xxxx"
         }    
page.20.marks.MENU_LINKS = HMENU
page.20.marks.MENU_LINKS.entryLevel = 1
page.20.marks.MENU_LINKS.1 = TMENU
page.20.marks.MENU_LINKS.1.NO = 1
page.20.marks.MENU_LINKS.1.NO { 
            linkWrap= | <br>
            ATagParams = class="xxxx"
             }

Über die "ATagParams = class="xxxx"" kannst du direkt deinen Links eine eigene Klasse zuweisen, diese musst du allerdings nochmal extra im css definieren!

Hallo Sardine,

[​quote="Sardine"]

Michaela-Ww schrieb

ATagParams = class="xxxx"

Über die "ATagParams = class="xxxx"" kannst du direkt deinen Links eine eigene Klasse zuweisen, diese musst du allerdings nochmal extra im css definieren!

Ja super. Vielen Dank. Das klappt prima! 😃

LG
Michaela

Nix Problem.

Noch ein kleiner Hinweis zu deiner Seite!
Verändere mal die Grösse deines Browserfensters, deine Seite verschiebt sich zwar schon mit, aber irgendwann sieht das Ganze nicht mehr sehr schön aus. (ich denke bei 800x600 px ist die Ansicht schon sehr bescheiden).

Teste mal, und bau noch etwas um, damit die Seite für "alle" schön wird!

im stylesheet muss die klasse so aussehen

.xxxx:link { some definitions }
.xxxx:active { some definitions }
.xxxx:hover { some definitions }
.xxxx:visited { some definitions }

Hallo Sardine,

Sardine schrieb

Noch ein kleiner Hinweis zu deiner Seite!
(ich denke bei 800x600 px ist die Ansicht schon sehr bescheiden).
Teste mal, und bau noch etwas um, damit die Seite für "alle" schön wird!

Hmm... ja. Habe in der Dokumentation schon mal was darüber gelesen.
Habs aber irgendwie nicht verstanden. Muß mich da noch ein wenig reinarbeiten...
Am allerliebsten würde ich sogar die Bildschirmeinstellung des "Users" auslesen und dann das Layout darauf anpassen... weiß aber garnicht ob das mit TYPO geht - und wenn ja werde ich dafür wohl Jahre brauchen um das hin zu bekommen.
Also vorerst wohl auf 800x600 umbauen oder?

Mal ne Frage am Rande... ist 800 x 600 echt noch der Standart??? Ich bin immer von 1024 x 768 ausgegangen.

LG
Michaela

800x600 ist bisher noch standard... die meisten professionellen Seiten die du so siehst, sei es von großen Firmen oder auch öffentliche Seiten wirst du kaum in einer anderen auflösung finden (oder zu mindest nicht ausschließlich)

Es gibt aber immer wieder verstöße dagegen (hab hier grad ein Design von mir mit 920x(unendlich)... und das in letzter Zeit immer öfter... man wird sehen wie sich das weiter entwickelt (warscheinlich zu 1024x768-)

MFG Proximo

Hi Sardine,

Michaela-Ww schrieb

Hallo Sardine,
... und dann das Layout darauf anpassen... weiß aber garnicht ob das mit TYPO geht - und wenn ja werde ich dafür wohl Jahre brauchen um das hin zu bekommen.
Also vorerst wohl auf 800x600 umbauen oder?

Hab da grade was gefunden:

maik schrieb

Es gibt da eine Extension cc_screenres von Rene Fritz, die könnte etwas für dich sein:
http://typo3.org/extensions/repository/search/cc_screenres/

@dergolo
Geht nicht gibts nicht

Das werde ich mal Angy zeigen (ihr Englisch ist besser als meins) 😃
Mal sehen ob wir das hin bekommen.

LG
Michaela

Hi Proximo,

Proximo schrieb

800x600 ist bisher noch standard...

Danke für den Hinweis.
Also müssen wir noch ein wenig weiterbasteln.

LG
Michaela

Du kannst im Prinzip das Ganze auch selbst machen, wenn du mit der Extension nicht klarkommst.

Es gibt verschiedene JavaScripts, die die Auflösung auslesen und dann kannst du den User sogar automatisch auf die für ihn passende Seite lotsen.

Wie das allerdings mit Typo3 umzusetzten ist, weiss ich nicht, aber du könntest es ja schon "vor" den Typo3 bereich setzten und dann deine Besucher in den entsprechenden Typo3 Bereich leiten!

*Ich hab mir die Extension noch nicht angeschaut, mach ich aber noch. Bin gerade nur dabei den Server neu aufzusetzten und Typo wieder zu reanimieren*

Hey Michaela,

Hatte eben Langeweile und hab mir deine Seite nochmal angeschaut, und hab gesehen, dass du an der Auflösung was gemacht hast. Aber ich glaube du hast uns falsch verstanden gehabt, denn du hast jetzt die Breite fest angegeben, das ist noch schlechter (zumal 980px mit ner 800x600 Einstellung gar nicht ins Fenster passt.

Ich hab dir mal deine html Datei etwas umgebaut um zu zeigen, wie ich das gemeint hab, kannst mal die Fenstergrösse verändern und schauen ws passiert, den Quelltext kannst du dann gerne kopieren und für Typo anpassen.

Deine Seite: http://webuser.fh-furtwangen.de/~hdaub/test/test.htm

Sorry, aber ich war mal so frech deine Seite downzuladen und zu ändern.

Hi Sardine,

Sardine schrieb

Hatte eben Langeweile und hab mir deine Seite nochmal angeschaut, und hab gesehen, dass du an der Auflösung was gemacht hast. Aber ich glaube du hast uns falsch verstanden gehabt, denn du hast jetzt die Breite fest angegeben, das ist noch schlechter (zumal 980px mit ner 800x600 Einstellung gar nicht ins Fenster passt.

Hmmm... ja. Ich kenne mich mit Bildschirmauflösungen nicht so aus. Ich wollte die Seite halt auf 1024 festschreiben... denn bei 800px bekomme ich einfach nicht alle Informationen so auf die Seite wie ich es haben will....

Ich hab dir mal deine html Datei etwas umgebaut um zu zeigen, wie ich das gemeint hab, kannst mal die Fenstergrösse verändern und schauen ws passiert, den Quelltext kannst du dann gerne kopieren und für Typo anpassen.

Hmmm... ich glaube ich bin zu blöd das zu testen. Hatte mal meine Auflösung auf 800 x 600 umgestellt... dann schiebt er die Startseite zusammen und bei den Unterseiten bekomme ich Scrollbalken. Hüüülfe... stehe irgendwie voll auf dem Schlauch.
Wie komme ich denn wieder an das html-template?

Deine Seite: http://webuser.fh-furtwangen.de/~hdaub/test/test.htm

Sorry, aber ich war mal so frech deine Seite downzuladen und zu ändern.

*lol*
Sag mal wie machst Du denn das?
Ich kann mir zwar den Quelltext von Homepages anschauen... aber da Typo ja eigenes html schreibt hab ich da schon das Problem das eigentliche html daraus zu isolieren...
Wenn es so einfach ist eine ganze Typo-Seite runterzuladen... kann ich dann auch die Inhalte runterladen und in dem Testsystem auf meinem Lappi wieder einspielen???
Im Moment jongliere ich nämlich mit 2 unterschiedlichen Systemen (Typo-Installationen).
Ich hab zum "rumprobieren" Typo auf meinen Lapi installiert. Einmal das Quickstart Üackage und einmal eine leere Dummy-Version. Auf dem leeren Dummy probiere und teste ich und wenns funktioniert mache ich die entsprechenden Einstellugen auf dem Webspace.
Habe nämlich (privat) nur ISDN und da wird man beim "Onlinetesten" echt blöd vor lauter Ladezeit.
Wenn ich auf der Arbeit bin hab ich ne Standleitung... die ist dann schon schneller... aber da hab ich auch nicht unbegrenzt Zeit ;-)

LG
Michaela

Wenn es so einfach ist eine ganze Typo-Seite runterzuladen... kann ich dann auch die Inhalte runterladen und in dem Testsystem auf meinem Lappi wieder einspielen???
Im Moment jongliere ich nämlich mit 2 unterschiedlichen Systemen (Typo-Installationen)

Naja, ich habe nicht die Typo3 Seite runtergeladen, sondern im Prinzip nur den Quellcode mit den Bildern.

Um Typo3 Seiten auf eine anderes System einzuspielen, musst du ausser den Templates, und allen Inhalten im fileadmin Ordner auch noch die DB-Inhalte kopieren, das ist dann etwas mehr Aufwand.