Stylesheet Fehler

[Aloa]

Ich möchte diesen Stylesheet in meine Page einbauen aber er zeigt nicht die Schriftart an, die ich haben will. Egal was ich eingebe zeigt er das falsche an.

Das einfachste kann manchmal so schwer sein.
Ich möchte "Verdana" Schriftgröße "8"

 

[Christopher Perrin]

Also das steht

element {
  font-family:Verdana;
  font-size: 8px;
}

dafür müsste es aber den HTML Tag "<element>" geben. also mach ein daraus ".element" und du kannst es mit "class="element" aufrufen

 

[Aloa]

das funktioniert immernoch nicht. vielleicht könnte man das auch mit was anderem als "element" versuchen. Ich hab schon einige sachen ausprobiert es klappt aber nie.

 

[FredNase]

Was ist dieses 'element'

Wenn du die Schrift standardmäßig für die Seite haben willst, übernimm die beiden Werte mal in dein body-css.

 

[versuch13]

Zeig einfach mal das dazugehörende HTML Dokument.


Gruß

 

[Aloa]

wozu?

klick

 

[Inspector]

Hi,

also am einfachsten im css:

body {
    font-family: verdana;
    font-size: 8px;
}

und im html einfach ganz normal schreiben ohne weitere Besonderheiten. Das Ganze halt für den Fall, daß das Deine Standardschrift sein soll für die gesamte Seite. Ach ja, und noch was: Was ist, wenn der geneigte Leser die Schriftart "Verdana" nicht hat? Du solltest dann noch alternativen ins css einbauen

 

[Julian Maicher]

Wie wäre es mit CSS-Grundlagen lernen

 

[versuch13]

wozu?

klick

Um das beurteilen zu können.


Das hier ist sicher auch nicht richtig oder soll das so aussehen? (Firefox 1.0.6)

 

[Maik]

Korrigierter CSS-Code der stylesheet.css

/* Copyright 2001-2005 by ObstGemuese and Zatakey */

body
{
background-color: transparent;
font-family: verdana, sans-serif;
font-size: 8px;
scrollbar-arrow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-face-color: #66CD34;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-base-color: #FFFFFF;
}

a:link , a:active , a:visited
{
color : #FFFFFF;
background-color: #66CD34;
font-weight: bold;
text-decoration: none;
}

a:hover {
color : #66CD34;
cursor : default;
background-color: #FFFFFF;
border: 1px dashed #000;
padding: 0px;
font-weight: bold;
}