Autor |
Nachricht |
WurstOderWas
Threadersteller
Dabei seit: 26.03.2003
Ort: -
Alter: 43
Geschlecht:
|
Verfasst Mi 04.02.2004 16:14
Titel
|
|
|
sahnemuh hat geschrieben: | nochmal als anschauliches beispiel eine definition aus dem stylesheet der seite, an der ich grade bastle:
body.b {
background-image: url(../assets/background.gif);
background-color: #FFFFFF;
font-family: verdana, arial, helvetica;
background-repeat: repeat-x;
background-position: bottom left;
text-decoration: none;
padding: 0;
margin: 0;
}
body.a {
background-image: none;
background-color: #FFFFFF;
font-family: verdana, arial, helvetica;
text-decoration: none;
padding: 0;
margin: 0;
}
mit body.b gibts ein bgimage, mit body.a nur weiss.
html wäre dann :
<body class="a">ich bin ein weisses dokument</body>
<body class="b">ich bin ein dokument mit hintergrundbild</body> |
joa, nur is das gerade nicht die frage
Problem: verschiedene .css-Dateien
|
|
|
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Mi 04.02.2004 16:34
Titel
|
|
|
Hi...
muss ich wohl ran...
im head:
Code: |
<link rel=stylesheet href=../1.css type=text/css title=Standard>
<link rel=alternate stylesheet href=../2.css type=text/css title=Alternatives Layout>
blablabla
|
zur Veranschaulichung mal als dink zum css switchen...:
Code: |
<a href=javascript:setStyle('Standard')>Standard Layout</a>
<a href=javascript:setStyle('Alternatives Layout')>Alternatives Layout</a>
|
alles klar, is doch kein prob...
|
|
|
|
|
Anzeige
|
|
|
conZole
Dabei seit: 21.12.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 12.07.2004 14:15
Titel
|
|
|
mahlzeit,
habe ein ähnliches problem.
ich will auf einer index.html per klick die background-color ändern.
aber mit oben genannter lösung komme ich nicht weiter. funktioniert nicht.
hat jemand einen plan wie ich das auf die reihe bekomme?!
danke
con
|
|
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst Mo 12.07.2004 14:28
Titel
|
|
|
@conZole
Das ist einfach. Verpaß deinem Body eine ID und dann kannst Du das Element über's DOM ansprechen. Geht natürlich auch mit anderen Elementen oder Eigenschaften...
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd">
<html>
<head>
<style type="text/css">
body { background-color:#fff; }
</style>
</head>
<body id="bla">
<a href="#" onclick="document.getElementById('bla').style.backgroundColor='#000';">klick</a>
</body>
</html> |
|
|
|
|
|
conZole
Dabei seit: 21.12.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 12.07.2004 14:46
Titel
|
|
|
danke hilft mir schon mal ein bischen weiter.
aber ich müßte zwischen zwei stylesheets hin und her switchen können.
das mit dem bg-color klappt zwar, aber ich müßte es dann wieder zurückstellen können
aber ich kann doch dem body nur einmal eine id verpassen?!
con
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 12.07.2004 14:52
Titel
|
|
|
habt jett nur die dritte seite eben überflogen. aber schaut mal bei www.einfach-fuer-alle.de im downloadbereich..
da sollte es die lösung für euer problem geben. stichwort stylesheet switcher.
|
|
|
|
|
conZole
Dabei seit: 21.12.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 12.07.2004 15:05
Titel
|
|
|
einwandfrei. thx to all.
<con />
|
|
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst Mo 12.07.2004 15:25
Titel
|
|
|
also wenn ich nur den hintergrund ändern möchte, dann benutze ich mit sicherheit keinen stylesheet-switcher. das wäre ein wenig oversized dafür.
und ja: du kannst dem body nur eine id mitgeben. das ist aber auch ausreichend. darüber kannst du dann das element ansprechen und die farbe dann beliebig ändern.
du müßtest aus meinem beispiel heraus, den hintergrund auch nicht direkt im link ändern, sondern könntest auch eine funktion aufrufen, die die momentane farbe abfragt und dann nach deinen wünschen ändert.
|
|
|
|
|
|
|
|
Ähnliche Themen |
cascading style sheets-frage
Photoshop Text Style Sheets
[Hilfe] Style-Sheets werden nicht angezeigt!
HTML element Style ohne Parentelement Style
Tipps für verwaschenen Style bzw. Splash Style
Cheat Sheets für Microformats, Prototype und Co.
|
|