73%
22%
19%
11%
6%
Samstag, 25. Januar 2003, 18:58
RE: Css
Hi
Ich bin absolut dafür mit externen CSS-Dateien zu arbeiten, da die HTML Seiten eindeutig schneller geladen werden. Dir ist vermutlich nur ein kleiner Überlegungsfehler eingeschlichen
Korrigiere dies in Deiner externen CSS Datei
Wenn Du nun die kleiner Schrift zentrieren möchtest füge class="little" ein, dann nimmt es die Option kleine Schrift zentriert. Wenn Du class="center" nimmst, dann wird die Schrift in normaler Grösse zentriert.
Wenn Du der kleinen Schrift noch eine andere Farbe geben möchtest, dann gehe wie folgt vor
fg - Conny
Ich bin absolut dafür mit externen CSS-Dateien zu arbeiten, da die HTML Seiten eindeutig schneller geladen werden. Dir ist vermutlich nur ein kleiner Überlegungsfehler eingeschlichen
Korrigiere dies in Deiner externen CSS Datei
|
Quellcode |
1 2 3 4 5 6 7 |
.little {
font-size: 8pt;
text-align: center
}
.center {
text-align: center
}
|
Wenn Du nun die kleiner Schrift zentrieren möchtest füge class="little" ein, dann nimmt es die Option kleine Schrift zentriert. Wenn Du class="center" nimmst, dann wird die Schrift in normaler Grösse zentriert.
Wenn Du der kleinen Schrift noch eine andere Farbe geben möchtest, dann gehe wie folgt vor
|
|
Quellcode |
1 2 3 4 5 |
.little {
font-size: 8pt;
color: red;
text-align: center
}
|
fg - Conny
Signatur? Ja ... bald (c:
Samstag, 25. Januar 2003, 19:37
Salü
Achso meinst Du das - kam nicht richtig rüber
Du erstellst einfach eine neue CSS Datei wo Du die gesammten Einstellungen übernimmst und alle class änderst und speicherst diese CSS unter "little.css" ab. Auf den gewünschten Seiten fügst Du dann eben die "little.css" ein anstelle der Standart CSS Datei.
Im Prinzip könntest Du für jede HTML Seite eine eigene CSS Datei haben, das spielt überhaupt keine Rolle.
fg - Conny
Achso meinst Du das - kam nicht richtig rüber
Du erstellst einfach eine neue CSS Datei wo Du die gesammten Einstellungen übernimmst und alle class änderst und speicherst diese CSS unter "little.css" ab. Auf den gewünschten Seiten fügst Du dann eben die "little.css" ein anstelle der Standart CSS Datei.
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 |
U
{
width: 100%;
text-decoration: none;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
text-align: center;
}
|
Im Prinzip könntest Du für jede HTML Seite eine eigene CSS Datei haben, das spielt überhaupt keine Rolle.
fg - Conny
Signatur? Ja ... bald (c:
Sonntag, 26. Januar 2003, 19:24
Ok, ich habs so gemacht... Funktioniert auch. Nur verstehe ich immer noch nicht, warum das andere (wie ich es gemacht hatte) nicht funktioniert hat... denn das mit .little hat ja schließlich ohne Probleme funktioniert, nur das mit .center nicht... warum? Ich meine, so wie ich es jetzt habe, geht es zwar auch, aber dadurch brauche ich ja etwas mehr speicherplatz (und da muss ich eben sparen)....
Zitat
Original von Conny
Achso meinst Du das - kam nicht richtig rüber
Du erstellst einfach eine neue CSS Datei wo Du die gesammten Einstellungen übernimmst und alle class änderst und speicherst diese CSS unter "little.css" ab. Auf den gewünschten Seiten fügst Du dann eben die "little.css" ein anstelle der Standart CSS Datei.
Im Prinzip könntest Du für jede HTML Seite eine eigene CSS Datei haben, das spielt überhaupt keine Rolle.
Montag, 27. Januar 2003, 13:15
Salü
Hmmm ... hier steckt irgendwo ein Überlegungsfehler drin *grübl*
Für was verwendest Du die class:U ?
Hast das auch in der korrekten Reihenfolge? Denn alles was unter dieser class ist und mit dem Punkt anfängt gehört zu dieser class, da darfst nichts dazwischen haben.
Sonst versuch es mal so und berichte:
Ein Tip nebenbei:
Füge sicherheitshalber immer /*Kommentare*/ ein, dann behälst Du immer die Übersicht wenn die CSS Datei grösser wird und so weisst auch nach einigen Monaten noch was diese class bedeuten. Die Kommentare kannst zwischen den class oder daneben schreiben wie oben im Beispiel.
Eine Möglichkeit wäre noch, das "center" als eine ID zu behandeln, gib aber da drin die Schriftgrösse etc an:
Diese fügst in der HTML dann so ein:
< ... id="center" ... > und < ... id="centerlittle" ... >
fg - Conny
Hmmm ... hier steckt irgendwo ein Überlegungsfehler drin *grübl*
Für was verwendest Du die class:U ?
Hast das auch in der korrekten Reihenfolge? Denn alles was unter dieser class ist und mit dem Punkt anfängt gehört zu dieser class, da darfst nichts dazwischen haben.
|
|
Quellcode |
1 2 3 4 5 |
U { .... }
.center { ... }
.little { ... }
/*nächste class*/
A { ... }
|
Sonst versuch es mal so und berichte:
|
|
Quellcode |
1 2 3 |
U { .... }
U.center { .... } /*zentriert*/
U.little { ... } /*Schriftgrösse 9px*/
|
Ein Tip nebenbei:
Füge sicherheitshalber immer /*Kommentare*/ ein, dann behälst Du immer die Übersicht wenn die CSS Datei grösser wird und so weisst auch nach einigen Monaten noch was diese class bedeuten. Die Kommentare kannst zwischen den class oder daneben schreiben wie oben im Beispiel.
Eine Möglichkeit wäre noch, das "center" als eine ID zu behandeln, gib aber da drin die Schriftgrösse etc an:
|
|
Quellcode |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
#center {
width: 100%;
text-decoration: none;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
text-align: center;
}
#centerlittle {
width: 100%;
text-decoration: none;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
}
|
Diese fügst in der HTML dann so ein:
< ... id="center" ... > und < ... id="centerlittle" ... >
fg - Conny
Signatur? Ja ... bald (c:
Mittwoch, 30. Juli 2003, 15:09
Original von reaper
schade das keiner eine solch einfache Frage beantworten kann,
cu
reaper
Schade dass du nicht warten kannst
)
Body {
font-family: Tahoma;
font-size: 10
color="#ffffff";
}
So sieht das ganze bei mir aus.. nur die Schriftart und die größe ersetzen und fertig
mfg