css_verlinkung

[Sven]

Hallo

Ich benutze Dreamweaver cs4 um meine Site zu "erstellen"

ich habe 5 html Seiten die auf eine CSS Datei zugreifen,(alle haben die gleichen positionen)
nun möchte ich gerne das eine Seite auf eine andere css zugreift,
sprich eine Box soll auf dieser Seite andere spezifikationen haben ...

Kann ich die css Datei so aendern das nur die eine Seite betroffen ist oder muss ich eine
komplett neue css schreiben ? wenn ja, wie lege ich diese an ?

MfG
Sven

 

[Quabbe]

Huhu,

Du kannst natürlich auf eine andere oder auch auf mehrere CSS-Dateien im Headbereich verweisen, z.B. so:

<link rel="stylesheet" href="css/basic.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/extra.css" type="text/css" media="screen" />

In der zusätzlichen CSS-Datei könntest Du dann die Dinge ansprechen, die nur auf dieser einen Seite zur Geltung kommen sollen.

Oder Du gehst so vor, dass Du in Deiner CSS-Datei zwei Klassen gleichzeitig ansprichst, also so:

#box, #anderebox { background-color:blue; color:yellow; }
#anderebox { color:green; }

#Box und #Anderebox haben dann beide einen blauen Hintergrund, während #Box gelbe Schrift und #Anderebox grüne Schrift hat. Dementsprechend einfach die Klasse auf dieser einen Seite ändern.


Grüße,
Quabbe

 

[Sven]

danke !!
Funktioniert habe mich für #box und #anderebox entschieden !

 

[Quabbe]

Freut mich! :)

Wobei noch zu beachten wäre, dass die jeweils zuletzt angesprochene Auszeichnung alle vorherigen überlagert. Würde es umgekehrt so aussehen:

#anderebox { color:green; }
#box, #anderebox { background-color:blue; color:yellow; }

... dann hätte auch #Anderebox gelbe Schrift.


Grüße,
Quabbe

 

[Sven]

Hatt doch nicht so funktioniert wie ich mir das dachte,
leider ist in jeder Site die Box geaendert worden, habe das Gefühl das mit dem "zuletzt angesprochen" mein css nicht nimmt ?!

Jetzt ist es auch so, das ich z.B. ein Bild eingefügt habe
Dieses Bild ist entweder in allen Seiten zu sehen oder nicht,
obwohl es im css nur in der Auszeichnung einer Box steht ... ?

 

[Quabbe]

Zeig doch einfach mal den entsprechenden Code her (bitte mit [ code ] ... [ / code ] hier einbinden - ohne Leerzeichen).

 

[Sven]

das währen jetzt die Boxen um die es sich handelt "InfoBox" ist die Box die auf allen Site zu sehen ist !

#InfoBox_L
{
height:450px;
width:300px;
background-color:#000000;
float: none;
position: absolute;
left: 645px;
top: 40px;
right: 0px;
bottom: auto;
border: thin solid #000000;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
padding-top: 100px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
background-image: url(../Grafiken/Links/Verlinkung_Schw.png);
}
#InfoBox
{
height:450px;
width:280px;
background-color:#000000;
float: none;
position: absolute;
left: 645px;
top: 40px;
right: 0px;
bottom: auto;
border: thin solid #000000;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
padding-top: 0px;
padding-left: 20px;
margin-left: 0px;
padding-right: 0px;
padding-bottom: 0px;

}

 

[Quabbe]

Versuchs mal damit:

#InfoBox, #InfoBox_L
{
height:450px;
width:280px;
background-color:#000000;
float: none;
position: absolute;
left: 645px;
top: 40px;
right: 0px;
bottom: auto;
border: thin solid #000000;
color: #FFFFFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
padding:100px 0 0 20px;
margin-left: 0px;
}
#InfoBox_L
{
width:300px;
padding:0 0 0 20px;
margin-left:0;
background:transparent;
}

Spart 'ne Menge Code und sollte bei entsprechender Klassenvergabe im HTML-Dokument auch zum gewünschten Effekt führen.


Grüße,
Quabbe

 

[mermshaus]

Bitte noch mal den Unterschied zwischen ID (id=...) und Klasse (class=...) vergegenwärtigen. IDs dürfen nur einmal im HTML-Code vergeben werden.

Das erste offenbar halbwegs brauchbare Suchergebnis dazu:

- http://de.selfhtml.org/css/formate/zentrale.htm

 

[Sven]

Hallo Quabbe,

hat auch leider nicht funktioniert es machen leider alle Seiten die Box das selbe !
mh ob es am HTML-Code liegt ?
http://www.html.de/members/quabbe.html

 

[Sven]

Hallo mermshaus,
wäre das hier z.B. falsch weil mehrmal (id=...) im htmal code vorkommt ?!


<div class="css_site" id="B_Arbeiten">
<div align="center"><a href="Arbeiten.html" title="Arbeiten" class="style22">Arbeiten</a></div>
</div>
<div class="css_site" id="B_Ref">
<div align="center"><a href="Referenzen.html" title="Ref" class="style22">Referenzen</a> </div>
</div>
<div class="css_site" id="B_Kontakt">
<div align="center"><a href="Kontakt.html" title="Kontakt" class="style22">Kontakt</a> </div>
</div>
<div class="css_site" id="B_Links">
<div align="center"><a href="links.html" title="Links" class="style22">Links</a> </div>
</div>

 

[Sven]

hallo noch mal,

in meinem HTML-Code wurde der geaenderte Name nicht gespeichert !
Jetzt Funktioniert es !!! Danke Danke !

trozdem Intressiert es mich warum ich nur 1. id im, HTML vergeben darf !

MfG Sven

 

[mermshaus]

Das ist in Ordnung, da du unterschiedliche Werte, also unterschiedliche IDs vergibst (B_Arbeiten, B_Ref usw.). Du dürftest in dem Fall lediglich kein zweites Element mit etwa id="B_Arbeiten" anlegen.

Also, was ich meinte: Jede ID (=Wert eines "id"-Attributs) muss innerhalb eines Dokuments einzigartig sein.

Edit: Am Rande: Du kannst etwa auch die ID an die URL anhängen und so direkt zum entsprechenden Teil der Seite linken: [noparse]http://example.org/irgendeineseite.html#B_Arbeiten[/noparse].

 

[Sven]

Danke für die Info !!

Sven