Neuaufbau einer Hompage

[Eragon-02]

http://www.homepage-total.de/css/farben_definieren.php

Schriftfarbe

Schriftfarbe mit HTML:

Code: Alles auswählen

<font color="red"> Rot </font>
<font color="#FF0000"> Rot </font>

Schriftfarbe mit CSS:

Code: Alles auswählen

<span style="color: red"> Rot </span>
<span style="color: #FF0000"> Rot </span>
<span style="color: rgb(255,0,0)"> Rot </span>

also so in etwa ?

Code: Alles auswählen

<span style="color: #333333;"> Rot </span>

[goefi-chiangmai]

Willst du auf der ganzen Webseite die gleiche Schrift (hatte ich schon mal gefragt, als wir das menü erstellten, aber da war es ja ok für dich)

Wenn ja kommt die Schriftart im Body bereich zum ändern

Wenn aber nur für die Navigation eine andere Schrift möchtest mach einfach das in die CSS an der Stelle:

Code: Alles auswählen

font-family : verdana;

Wegen Schriften Formatieren, habe ich bereits hier 2 mal erklärt, das ich dann noch was sage zum Editor, wenn es soweit ist


Nachtrag:

Was willst den mit dieser Schrift HTML Formatierung machen, Wozu haben wir eine CSS Datei

[Eragon-02]

okay nein dann doch ales im gleichen stil die schrift

[goefi-chiangmai]

Nochmals:
Wenn eine Andere Schrift für die Button möchtest, als die Schrift wo wir nachher einstellen, kommt das in die CSS klasse von der Navigation (Schriftart kannst ja tauschen

Code: Alles auswählen

font-family : verdana;

Und oben habe ich noch einen Nachtrag vorhin eingebracht weil unsere Beiträge sich gerade überschnitten haben, kannst mir diese fragen noch beantworten

[Eragon-02]

Nachtrag:

Was willst den mit dieser Schrift HTML Formatierung machen, Wozu haben wir eine CSS Datei
das war nur ne frage
------------------------------------------------------
okay ich möchte das die Schrift überall gleich ist und wenn es geht es geht ja auch
auf ihrer Seite ja auch das wenn Mann auf den Button klick das auch die Farbe sich dann ändert
bei ihn von weiß auf gelb den Farbton können wir ja dann anpassen

[goefi-chiangmai]

okay ich möchte das die Schrift überall gleich ist und wenn es geht es geht ja auch
auf ihrer Seite ja auch das wenn Mann auf den Button klick das auch die Farbe sich dann ändert
bei ihn von weiß auf gelb den Farbton können wir ja dann anpassen

Ach so du meinnst der hover efekt, da habe ich was Falsch Verstanden.

MEINE FRAGE HAST IMMER NOCH NICHT BEANTWORTET (hätte mich wunder genommen was mit dieser Formatierun machen wolltest, so hättest eventuell was gelernt!
-----------------------------------------

Ok dein Hover efekt:

in deiner CSS klasse navigation und navigation2 ist ja im hover keine Farbbezeichnung drinn, deswegen nimmt es immer die Farbe des über im formatierten div id
so musst Du jetzt bei beiden im hover eine Farbne zuweisen:

Code: Alles auswählen

.navigation a:hover {
background-position:0 bottom; 
color: #555555; 
}

[Eragon-02]

habe es so aber ich merg nicht also nichts zu sehn

Code: Alles auswählen

.navigation a {
background:url("http://file2.npage.de/011827/41/bilder/13.png") no-repeat;
width:150px;
height:50px;
display:block;
padding-left:22px;
margin:2px 0;
font-size:14px;
color: #555555;
text-decoration:none;
line-height:45px;
}

.navigation a:hover {
background-position:0 bottom;
color: #555555;
}

.navigation2:link, A.menulink:visited, A.menulink:active {
background:none;
width:150px;
height:28px;
display:block;
padding-left:22px;
margin:2px 0;
font-size:14px;
color: #333333;
text-decoration:none;
line-height:28px;
}

.navigation a:hover {
background-position:0 bottom;
color: #333333;
}

[Eragon-02]

habe es so aber ich merg nicht also nichts zu sehn

Code: Alles auswählen

.navigation a {
background:url("http://file2.npage.de/011827/41/bilder/13.png") no-repeat;
width:150px;
height:50px;
display:block;
padding-left:22px;
margin:2px 0;
font-size:14px;
color: #555555;
text-decoration:none;
line-height:45px;
}

.navigation a:hover {
background-position:0 bottom;
color: #555555;
}

.navigation2:link, A.menulink:visited, A.menulink:active {
background:none;
width:150px;
height:28px;
display:block;
padding-left:22px;
margin:2px 0;
font-size:14px;
color: #333333;
text-decoration:none;
line-height:28px;
}

.navigation a:hover {
background-position:0 bottom;
color: #333333;
}

Nachtrag:

okay geht lag an den Farbencod

Code: Alles auswählen

.navigation a {
background:url("http://file2.npage.de/011827/41/bilder/13.png") no-repeat;
width:150px;
height:50px;
display:block;
padding-left:22px;
margin:2px 0;
font-size:14px;
color: #333333;
text-decoration:none;
line-height:45px;
}

.navigation a:hover {
background-position:0 bottom;
color: #0101DF;
}

.navigation2:link, A.menulink:visited, A.menulink:active {
background:none;
width:150px;
height:28px;
display:block;
padding-left:22px;
margin:2px 0;
font-size:14px;
color: #333333;
text-decoration:none;
line-height:28px;
}

.navigation a:hover {
background-position:0 bottom;
color: #0101DF;
}

---------------------------------------------
und jetzt noch die Schriftart oder kommt das später mit dem Editor das die Schrift überall gleich ist was sie erst schon mal meinten ??

[goefi-chiangmai]

So habs dir korrigiert, habs beobachtet und nicht gemerkt das du noch eion fehler drinn hattest

in der css dem untermenü (navigation2) hast vergessen, beim dazugehörenden hover auch das 2 zu setzten)
a.navigation2:hover

So muss es richtig sein

Code: Alles auswählen

a.navigation2:hover {
background-position:0 bottom;
color: #0101DF;
}

[Eragon-02]

ja habe ich

Code: Alles auswählen

.navigation a {
background:url("http://file2.npage.de/011827/41/bilder/13.png") no-repeat;
width:150px;
height:50px;
display:block;
padding-left:22px;
margin:2px 0;
font-size:14px;
color: #333333;
text-decoration:none;
line-height:45px;
}

.navigation a:hover {
background-position:0 bottom;
color: #0101DF;
}

.navigation2:link, A.menulink:visited, A.menulink:active {
background:none;
width:150px;
height:28px;
display:block;
padding-left:22px;
margin:2px 0;
font-size:14px;
color: #333333;
text-decoration:none;
line-height:28px;
}

a.navigation2:hover {
background-position:0 bottom;
color: #0101DF;
}

so können wir das mit der Schrift anfangen ? oder wo würden sie weiter machen