_
toggle menu eXmatrikulationsamt.de
online: 359 gäste

>CSS - Attributbedingtes Format festlegen

Themen Layout: Standard · Linear · [Outline] Thema abonnieren | Thema versenden | Thema drucken
post 07 Apr 2010, 11:35
avatar
reloaded
*********

Punkte: 4181
seit: 15.10.2005

Ich sitze jetzt schone eine Weile hier dran, ohne zu einem zufriedenstellenden Ergebnis zu kommen. Folgende Situation:

In XHTML-Seiten kommen mehrere Fußnoten vor. Die erste Fußnote auf der Seite soll (damit sich das Ganze vom Text abhebt) eine horizontale Linie bekommen. Die erste Fußnote sieht stets wie folgt aus:

CODE
<p class="Footnote">
<span>
<a class="FootnoteSymbol" href="#bodyftn1" id="ftn1">(1)</a>
</span>
Leonhard Euler (1707 - 1783)
</p>


Die erste Fußnote bekommt also im <a>-Tag die id "ftn1". Das wäre der CSS-Quelltext dazu:

CODE
.Footnote a#ftn1 {
border-top: 1px;
border-top-color: #000000;
border-top-style:solid;
}

.Footnote {
border: none;
}


Das attributabhängige Format ".Footnote a#ftn1" macht jetzt allerdings die horizontale Linie nur über den Link, also den <a>-Tag, nicht über die ganze Zeile, die mit der Klassendefinition "Footnote" versehen ist.

Ich möchte das "Border"-Attribut für die ganze Zeile, also den ganzen <p>-Bereich mit der Klasse "Footnote", nicht nur für das <a>... kann ich das irgendwie festlegen?

Dieser Beitrag wurde von chelys: 07 Apr 2010, 11:38 bearbeitet
ProfilPM
AntwortenZitierenTOP
 
Antworten
post 07 Apr 2010, 12:06
avatar
reloaded
*********

Punkte: 4181
seit: 15.10.2005

Das Problem ist, es soll beim Export von XHTML aus dem OpenOffice.org Writer funktionieren, ohne dass man den Quelltext bearbeitet. Die einzige Möglichkeit ist also CSS... pinch.gif sieht schlecht aus, oder? Speziell geht es ja um das hier:

CODE
.Footnote a#ftn1 {
border-top: 1px;
border-top-color: #000000;
border-top-style:solid;
}


Wie bekomme ich es hin, dass die Deklaration für .Footnote-Bereiche gilt, die einen Link mit der ID "ftn1" enthalten - und nicht für Links mit der ID "ftn1", die in .Footnote-Bereichen enthalten sind g.gif

edit: Danke für die schnellen Antworten! Sitzt ihr alle auf Arbeit am PC und surft auf Exma? biggrin.gif

Dieser Beitrag wurde von chelys: 07 Apr 2010, 12:07 bearbeitet
ProfilPM
AntwortenZitierenTOP
post 07 Apr 2010, 12:42
avatar
parse error
*********

Punkte: 13758
seit: 27.05.2003

aso ist das also. na denn kannst du mal probieren, ob du es so hinkriegst: erst mit
CODE
p.Footnote {border-top: 1px solid #000;}

den rand für alle zu setzen und dann mit
CODE
p.Footnote + p.Footnote {border:none;}

die folgenden p's wieder zu überschreiben.
ProfilPM
AntwortenZitierenTOP
post 07 Apr 2010, 12:58
avatar
~ Perle der Natur ~
*********

Punkte: 4967
seit: 25.01.2006

Zitat(mcnesium @ 07 Apr 2010, 12:42)
aso ist das also. na denn kannst du mal probieren, ob du es so hinkriegst: erst mit
CODE
p.Footnote {border-top: 1px solid #000;}

den rand für alle zu setzen und dann mit
CODE
p.Footnote + p.Footnote {border:none;}

die folgenden p's wieder zu überschreiben.
*

Da isses doch aber einfacher das genau umgekehrt zu machen wink.gif

Ansonsten wäre ich auch eher für 2 Klassen a la sne3k.


--------------------
We have enough youth, how about a fountain of smart?


"Do you know what time it is? It's do-o'clock."

"Heut mach ich mir kein Abendbrot - heut mach ich mir Gedanken!"
ProfilPM
AntwortenZitierenTOP
post 07 Apr 2010, 13:45
avatar
busy office
********

Punkte: 1655
seit: 30.06.2006

Zitat(lusch3 @ 07 Apr 2010, 12:58)
Da isses doch aber einfacher das genau umgekehrt zu machen wink.gif

Ansonsten wäre ich auch eher für 2 Klassen a la sne3k.
*


öhm das ist eine Klasse wink.gif


--------------------
Grüße sn3ek
ProfilPM
AntwortenZitierenTOP
post 07 Apr 2010, 14:40
avatar
~ Perle der Natur ~
*********

Punkte: 4967
seit: 25.01.2006

Zitat(sn3ek @ 07 Apr 2010, 13:45)
öhm das ist eine Klasse wink.gif
*

Dingens halt biggrin.gif. In diesem Fall halte ich mich nicht mit Formalitäten auf wink.gif.
ProfilPM
AntwortenZitierenTOP
post 07 Apr 2010, 14:50
avatar
busy office
********

Punkte: 1655
seit: 30.06.2006

Zitat(lusch3 @ 07 Apr 2010, 14:40)
Dingens halt biggrin.gif. In diesem Fall halte ich mich nicht mit Formalitäten auf wink.gif.
*


Definitionen
ProfilPM
AntwortenZitierenTOP
Beiträge
chelys   CSS - Attributbedingtes Format festlegen   07 Apr 2010, 11:35
mcnesium   ja, indem du dem p class="footnote" den ...   07 Apr 2010, 11:43
lusch3   Mach doch einfach ein den kompletten <p> Ber...   07 Apr 2010, 11:43
sn3ek   öhm das ist eine Klasse ;)   07 Apr 2010, 13:45
sn3ek   Definitionen   07 Apr 2010, 14:50
chelys   :rofl:   07 Apr 2010, 18:51
1 Nutzer liest/lesen dieses Thema (1 Gäste)
0 Mitglieder: