  |
| Autor |
Nachricht |
MC_RUDE
Neuer [User]
Anmeldung: 10.03.08
Beiträge: 4
|
 Verfasst am: 10.03.2008, 17:55 Titel: 3 Hintergrundeigensch. über css einb. & in Reihe schalte |
 |
|
Hi ich habe folgendes Problem:
Ich möchte eine *.html seite einrichten die folgende Eigenschaften hat.
<style>
@import url("../css/bgr-head.css") screen;
@import url("../css/bgr-center.css") screen;
@import url("../css/bgr-buttom.css") screen;
@import url("../css/font.css") screen;
</style>
dabei soll jede der ersten 3 *.css files einen bereich der Website übernehmen.
Bsp: buttom.css
body {
background-color: #383838;
background-image: url(../image/bgr/buttom-bgr.jpg);
background-repeat: repeat-x;
Center.css
body {
background-color: #383838;
background-image: url(../image/bgr/bgr.jpg);
background-repeat: repeat-x;
usw.
Ich habe das schon einmal vor längerer zeit gemacht, doch leider ist mir der Befehl entfallen.
Falls jemand eine Idee hat, bin ich für alles dankbar.
M.f.G. MC
|
|
| Nach oben |
|
 |
placido
Helfer [User]
Anmeldung: 16.10.07
Beiträge: 196
|
| Verfasst am: 10.03.2008, 18:16 Titel: |
|
|
kannst du die nicht einfach im head nacheinander aufrufen? solange kein identischer dateiname oder identischer wert existiert sollten die bereits geladenen auch nicht überschrieben werden soweit ich weiß.
wieso willst du überhaupt 4 css dateien anlegen? warum legst du nicht alles in einer fest und markierst die wichtigen stellen mit kommentaren?
_________________
Relativitätstheorie:
Wenn ich Dir einen Finger ins Auge stecke, haben wir beide einen Finger im Auge, aber ich bin relativ besser dran
Browserspiele
|
|
| Nach oben |
|
|
MC_RUDE
Neuer [User]
Anmeldung: 10.03.08
Beiträge: 4
|
| Verfasst am: 11.03.2008, 15:46 Titel: Das ja das Problem |
|
|
Hmm das Problem ist ja das er die datein überschreibt. Also der einzige style der verwendet wird ist der letzte.
Ich verwende lieber einzelne datein um flexibler in einzelnen bereichen zu sein.
Einzelne Files davon werden in abständen gewechselt.
Hat keiner weiter eine Lösung?
Wie beschränke ich den css zugriff auf einen bestimmten bereich ohne mit tabellen zu arbeiten?
MC
|
|
| Nach oben |
|
|
placido
Helfer [User]
Anmeldung: 16.10.07
Beiträge: 196
|
| Verfasst am: 11.03.2008, 15:48 Titel: |
|
|
die werden eig nur überschrieben wenn du die selben atribute noch mal verwendest, wie zum beispiel das body tag in 2 verschiedenen styles die beide geladen werden. dann ist ja klar dass das erste überschrieben wird. Musst dann schon die sachen anders bennen wie in zb so:
style 1:
tabellelinks
style 2:
tabellerechts
weil wenn du beide tabelle benennst wird das erste überschrieben.
falls du das nicht meintest ignoriere den post einfach 
_________________
Relativitätstheorie:
Wenn ich Dir einen Finger ins Auge stecke, haben wir beide einen Finger im Auge, aber ich bin relativ besser dran
Browserspiele
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1644
|
| Verfasst am: 11.03.2008, 16:22 Titel: |
|
|
Ich denke schon, dass er das meinte
Du hast nur ein <body>-Tag, und dieses kann nur einen Hintergrund besitzen. Nicht mehrere.
Wenn du mehrere CSS-Dateien einbindest, ist es so, als wenn du den Inhalt der einzelnen Dateien einfach aneinander hängst. Vorteilhaft ist die Aufteilung (neben der subjektiven Bewertung ob es so übersichtlicher ist oder nicht), wenn du einen Webauftritt hast, bei dem viele verschiedene Unterseiten bestimmte, identisch formatierte Teile hat. Es ist sinnvoll, deren Formatierungen in eine eigene CSS-Datei zu packen, und diese nur auf den benötigten Unterseiten einzubinden.
In deinem Vorhaben willst du bestimmte Bereiche deiner Seite gesondert formatieren. Dazu kannst du bestimmte Elemente (z.B. <div>s) mit Klassen oder IDs ausrüsten, über die du die Elemente gezielt mit CSS formatieren kannst.
Siehe dazu:  http://www.css4you.de/wscss/css03.html#class
_________________
Mancher ertrinkt lieber,
als daß er um Hilfe ruft.
(Wilhelm Busch)
|
|
| Nach oben |
|
|
MC_RUDE
Neuer [User]
Anmeldung: 10.03.08
Beiträge: 4
|
| Verfasst am: 13.03.2008, 23:26 Titel: |
|
|
Danke erstmal für die Antworten doch leider helfen diese mir nicht weiter bisher.
Ich hatte bereits vor einiger zeit eine Seite erstellt mit 2 Hinterdrundeigenschaften und einem body. Mir geht es nicht darum viele seiten zu gestalten sondern lediglich eine *.html mit 3 verschiedenen hintergrundeigenschaften für jeweils einen sektor.
CENTER, BUTTOM und HEAD.
Also mit buttom und head habe ich das bereits schon einmal gemacht, aber mit center noch dazu weiss ich nicht wie es geht. Kann man die eine *.html nicht per div in 3 teile schneiden ohne eine tabelle zu verwenden?
M.f.G. MC
|
|
| Nach oben |
|
|
800XE
Bekannter [Mod]
Anmeldung: 24.10.04
Beiträge: 1410
Wohnort: Speyer
|
| Verfasst am: 13.03.2008, 23:49 Titel: |
|
|
| chris1988 hat folgendes geschrieben: | Dazu kannst du bestimmte Elemente (z.B. <div>s) mit Klassen oder IDs ausrüsten,
|
ID nicht Class
Klassen darf es mehrmals geben, IDs darf es immer nur einmal geben
| MC_RUDE hat folgendes geschrieben: | Danke erstmal für die Antworten doch leider helfen diese mir nicht weiter bisher.
Ich hatte bereits vor einiger zeit eine Seite erstellt mit 2 Hinterdrundeigenschaften |
.html | Code: | <div id="header"></div>
<div id="workpaper"></div>
<div id="footer"></div> |
.css | Code: | #header{
position: relative;
height: 138px;
background: url(/cms800/template/ultra77/images/hbg.png) no-repeat center;
}
#workpaper{
position: relative;
height: 138px;
background: color ....; center;
}
#footer{
position: relative;
height: 138px;
background: url(/cms800/template/ultra77/images/anderesBild.png) no-repeat center;
}
|
body = mainPaper
über DIVs mit einer ID kann man über das mainPaper quqasi subPapers legen .... und denen kann man eigene Eigenschaften zuweisen
_________________
Seien wir realistisch, versuchen wir das Unmögliche!
CMS800 :::::::::: Andy 800XE Zmuda :::::::::
ich bin nicht unhöflich, ich bin binär
|
|
| Nach oben |
|
|
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1644
|
| Verfasst am: 14.03.2008, 00:19 Titel: |
|
|
| 800XE hat folgendes geschrieben: | | chris1988 hat folgendes geschrieben: | Dazu kannst du bestimmte Elemente (z.B. <div>s) mit Klassen oder IDs ausrüsten,
|
ID nicht Class
Klassen darf es mehrmals geben, IDs darf es immer nur einmal geben
|
Gegenteiliges habe ich auch nie behauptet
| MC_RUDE hat folgendes geschrieben: | | Also mit buttom und head habe ich das bereits schon einmal gemacht, aber mit center noch dazu weiss ich nicht wie es geht. Kann man die eine *.html nicht per div in 3 teile schneiden ohne eine tabelle zu verwenden? |
Eine HTML-Datei wird nicht geschnitten. Du kannst Bereiche definieren, etwa so, wie es 800XE im letzten Post gemacht hat. Es gibt aber noch zig andere Möglichkeiten, eine Seite in drei Teile (oben, mitte, unten) einzuteilen. Welche die richtige ist, lässt sich nicht allgemein sagen, sondern ist vom jeweiligen Projekt abhängig.
Wenn du also immer noch Probleme hast, wär's schön, wenn du konkreter wirst. Hast du ein fertiges Layout, dass du als Bild mal zeigen kannst? Oder ne ausführliche Skizze? Gibt's bereits eine Seite im Web, die diesen Aufbau hat, wo man sich anschauen kann, was du meinst?
Soll der ganze Bereich von Top bis Bottom sich über die ganze Seite erstrecken? Wieviel Platz soll welcher Bereich einnehmen?
Fragend,
Chris
_________________
Mancher ertrinkt lieber,
als daß er um Hilfe ruft.
(Wilhelm Busch)
|
|
| Nach oben |
|
|
MC_RUDE
Neuer [User]
Anmeldung: 10.03.08
Beiträge: 4
|
| Verfasst am: 14.03.2008, 00:57 Titel: |
|
|
.html | Code: | <div id="header"></div>
<div id="top"></div> <<<<<<<<<<<<<hier???? sooo? <style>
@import url("../css/bgr-head.css") screen; :lol: :lol: :lol: :lol: :lol:
<div id="footer"></div> |
.css | Code: | #header{
position: relative;
height: 138px;
background: url(/cms800/template/ultra77/images/hbg.png) no-repeat center;
}
#workpaper{
position: relative;
height: 138px;
background: color ....; center;
}
#footer{
position: relative;
height: 138px;
background: url(/cms800/template/ultra77/images/anderesBild.png) no-repeat center;
}
|
body = mainPaper
Und wie setze ich jetzt die eigenschaft einer externen css file in den bereich des div-tags ein?
|
|
| Nach oben |
|
|
800XE
Bekannter [Mod]
Anmeldung: 24.10.04
Beiträge: 1410
Wohnort: Speyer
|
| Verfasst am: 14.03.2008, 01:24 Titel: |
|
|
| MC_RUDE hat folgendes geschrieben: |
body = mainPaper
Und wie setze ich jetzt die eigenschaft einer externen css file in den bereich des div-tags ein? |
ob eine CSS-Geschichte direkt im HTML (im Headd Style) oder in einer externen .css liegt ist völlig egal
du machst mehrmals eine Anweisung das existierende Element BODY zu stylen
du nimmst eine Sprüdose und lackierst dein Auto Grün
du nimmst eine Sprüdose und lackierst dein Auto Rot
du nimmst eine Sprüdose und lackierst dein Auto Blau
Welche Farbe hat das Auto jetzt?
Die Farbe in der sprüdose ist inteligent
du hast Anweisungen übergeben
#Motorhaube spray red
#Türen spray green
#Dach(wie heist das auf Englisch?) spray blue
was soll das "lol" in den Quote oben?
wo liegt dort der div mit der id=
Frage korektur warum liegt dein <style> import .css
im Body Bereich?
das gehört in den Head Bereich
nimm das Template wo ich das Beispiel rausgehlt habe
und schau die .html und .css an
www.oswd.org/designs/search/designer/id/10528/
_________________
Seien wir realistisch, versuchen wir das Unmögliche!
CMS800 :::::::::: Andy 800XE Zmuda :::::::::
ich bin nicht unhöflich, ich bin binär
|
|
| Nach oben |
|
|
|
|
