• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Stylesheet in <div> einbauen?

Status
Für weitere Antworten geschlossen.
S

Sonnfan

Neues Mitglied
Hiho ;) Ich wollte jetzt aus reinem Interesse mal versuchen eine kleine Seite zu erstellen. Dazu hab ich erstmal auf selfhtml rumgelesen. Meine Frage ist jetzt die folgende: Kann man in einer Ebene nur für diese ein Stylesheet einbinden? Zur Zeit sieht das bei mir beispielsweise so aus:

HTML: 
<div style="border: thin solid #000000; background-color: #2F73FF;
width: 550px; font: normal normal bold medium serif; color: #FFFFFF;"  
class="style1" >
A<br/>
B<br/>
C
</div>
Ich wollte diese Eigenschaften aber nicht jedes mal mit reinschreiben und habe mir gedacht, das einfach alles in eine css-Datei zu schreiben. Gesagt, getan. Einbinden wollte ich diese dann so:

HTML: 
<link rel="stylesheet" type="text/css" href="navigation.css" />
Aber kann es sein, dass man nur für so ein Feld keine Stylsheets einbinden kann?

Zumindest funktioniert das bei mir nicht und ich mir wurde erzählt dass sowas nicht möglich ist.

Gibt es da wirklich keine andere Lösung, und ich muss dass IMMER alle Eigenschaften mitschreiben?
 
Sonnfan schrieb:
Hiho ;)
HTML: 
<div style="border: thin solid #000000; background-color: #2F73FF;
width: 550px; font: normal normal bold medium serif; color: #FFFFFF;"  
class="style1" >
A<br/>
B<br/>
C
</div>
Ich wollte diese Eigenschaften aber nicht jedes mal mit reinschreiben und habe mir gedacht, das einfach alles in eine css-Datei zu schreiben. Gesagt, getan. Einbinden wollte ich diese dann so:

HTML: 
<link rel="stylesheet" type="text/css" href="navigation.css" />
Aber kann es sein, dass man nur für so ein Feld keine Stylsheets einbinden kann?

Zumindest funktioniert das bei mir nicht und ich mir wurde erzählt dass sowas nicht möglich ist.

Gibt es da wirklich keine andere Lösung, und ich muss dass IMMER alle Eigenschaften mitschreiben?
Zum Vergrößern anklicken....

Hallo Sonnfan,

Du bist schon auf dem richtigen Weg: das Stylesheet bindest Du im Head Deiner
HTML-Datei ein, d.h. die Zeile
Code: 
<link rel="stylesheet" type="text/css" href="navigation.css" />
muss zwischen <head> und </head> stehen.
Aus dem HTML löschst Du alle Styleangaben:
Code: 
<div class="style1" >
A<br/>
B<br/>
C
</div>
In Dein Stylesheet schreibst Du:
Code: 
.style1 {
   border:thin solid #000000;
   background-color:#2F73FF;
   width:550px;
   font:;
   color: #FFFFFF;"
}
Grüße
Bernhard
 
Danke sehr, funktioniert natürlich wunderbar. ;)
Jetzt versteh ich das auch alles mit den Stylesheets, viel übersichtlicher. =)
 
Sonnfan schrieb:
Danke sehr, funktioniert natürlich wunderbar. ;)
Jetzt versteh ich das auch alles mit den Stylesheets, viel übersichtlicher. =)
Zum Vergrößern anklicken....

Der große Vorteil ist erstmal, dass die Gefahr viel geringer ist, dass Du Dich
irgendwo vertippst und deshalb auf einer einzelnen Seite plötzlich die Schrift
eine andere Farbe hat (oder irgendwas anderes schiefgeht).
Richtig interessant wird es natürlich, wenn Du längst alles fertig hast und eines
Tages Änderungen vornehmen willst: statt in allen Seiten zu ändern (und dabei
garantiert eine zu übersehen) änderst Du nur einmal im Stylesheet und fertig...

Grüße
Bernhard
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben