moziloCMS Supportforum

moziloCMS => Wie kann ich...? => Thema gestartet von: RalfZ am 28. Mai 2012, 14:01:26

Titel: Horizontale Linie
Beitrag von: RalfZ am 28. Mai 2012, 14:01:26
Hallo zusammen,

Habe eine Frage.
in welcher css-Datei sind die Eigenschaften der [----] <hr> definiert?
Mit dem abändern der style.css im Layoutordner, mit dem ich alle anderen css-Angaben abändern kann, funzt es nicht.
Über Firebug wird mir eine <hr class="horizontalrule"> angezeigt, die ich nirgends finden kann ^^.

Vielen Dank im Voraus
RalfZ

http://www.falknerei-herrmann.de (http://www.falknerei-herrmann.de)
Titel: Re: Horizontale Linie
Beitrag von: m4ddy am 28. Mai 2012, 14:35:57
Hi, wie dir Firebug schon sagt, sind für deine <hr> keine css-daten hinterlegt. die Selektoren sind zwar eingetragen aber nicht weiter definiert.

Und eine class "horizontalrule existiert auch nicht, sonst würde die angewandt werden.

Also hast du die Möglichkeite in den beiden selektoren für hr etwas einzutragen, oder eine class für horzontalrule selber zu definieren.

deine hr-Selektoren findest du in deiner style.css Zeile 685.

Gruß
m4ddy
Titel: Re: Horizontale Linie
Beitrag von: RalfZ am 30. Mai 2012, 08:38:32
Hi,

 vielen Dank für die schnelle Antwort!

Meine Anweisungen in der style.css Zeile 685 werden eben leider nicht umgesetzt. Auch nicht mit !important. Die Linie wird grundsätzlich in schwarz gezeigt, egal was ich für Farbangaben mache.

Viele Grüße RalfZ
Titel: Re: Horizontale Linie
Beitrag von: HPdesigner am 30. Mai 2012, 09:23:49
Hey RalfZ,
kann es sein, dass es am border deiner hr liegt? Opera Dragonfly computed mir ua folgendes:

border-bottom: 1px inset #D9A068;
border-left:   1px inset #D9A068;
border-right:  1px inset #D9A068;
border-top:    1px inset #D9A068;
Übrigens zeigt Opera mir die Linie nicht in schwarz an, sondern mit einem inset border und der definierten #D9A068 Farbe.

Mit welchem Browser testest du?
Titel: Re: Horizontale Linie
Beitrag von: HPdesigner am 30. Mai 2012, 09:25:42
Achso, hier nochn Screenshot, wie Opera interpretiert:
Titel: Re: Horizontale Linie
Beitrag von: RalfZ am 30. Mai 2012, 20:10:47
Hallo hpdesigner,

ich arbeiite mit Firefox und IE. Das mit den Borders könnte möglich sein.
Hm, ich habe mir das nun auchmal mit Opera angeschaut. Aber was ist nur der "user agent stylesheet" unter der diese Borderwerte angegeben sind? Nicht auffindbar diese...
Stark vergrößert zeigt sich bei Firefox dieses Bild.

Viele Grüße
RalfZ
Titel: Re: Horizontale Linie
Beitrag von: HPdesigner am 30. Mai 2012, 21:01:15
Zitat von: "RalfZ"Aber was ist nur der "user agent stylesheet" unter der diese Borderwerte angegeben sind? Nicht auffindbar diese...
Sry, diesen Satz versteh ich nicht - kannst du den nochmal umformulieren?

Einfach mal border:none; oder 0px setzen und schaun, was passiert.
Titel: Re: Horizontale Linie
Beitrag von: RalfZ am 30. Mai 2012, 21:46:09
Hallo hpdesigner,

ich nahm an, das Operatool macht das wie der Firebug vom Firefox, dass er die css-Datei von der dazugehörigen class anzeigt. Ist wohl nicht so.
Deshalb weiß ich auch noch nicht wie die hr-Klasse zu Border-Anweisungen kommt. Denn bis jetzt war unter "hr" nur die Farbe definiert.
Habe aber jetzt ne Lösung des Problems gefunden. Ich habe einfach die hr-Klasse um eine farbige Border ergänzt.
So gehts  :D
/* -------------------------------------------------------- */
/* [----] */
/* ------ */
hr {
   color: 1px solid #D9A068;
   border: 1px solid #D9A068;
}
Vielen Dank für die Hinweise auf Border

Viele Grüße
RalfZ
Titel: Re: Horizontale Linie
Beitrag von: HPdesigner am 30. Mai 2012, 21:59:07
Zitat von: "RalfZ"das Operatool macht das wie der Firebug
Jup, Dragonfly ist das pendant zu firebug.

Zitat von: "RalfZ"Deshalb weiß ich auch noch nicht wie die hr-Klasse zu Border-Anweisungen kommt.
Wie du schon erwähntest, ist das wahrscheinlich eine Browserspezifische Defaulteinstellung.

Zitat von: "RalfZ"Vielen Dank für die Hinweise auf Border
Gern.
Titel: Re: Horizontale Linie
Beitrag von: Anonymous am 16. November 2012, 17:01:58
Zitat von: "RalfZ"Hallo zusammen,

Habe eine Frage.
in welcher css-Datei sind die Eigenschaften der [----] <hr> definiert?
Mit dem abändern der style.css im Layoutordner, mit dem ich alle anderen css-Angaben abändern kann, funzt es nicht.
Über Firebug wird mir eine <hr class="horizontalrule"> angezeigt, die ich nirgends finden kann ^^.

Vielen Dank im Voraus
RalfZ

http://www.falknerei-herrmann.de (http://www.falknerei-herrmann.de)
Also bei mir sieht es jetzt fein aus, weil es mit dem Border auch geklappt hat :) Danke HPDesigner!

Geändert von Rainer: Link zu  http://www.falknerei-herrmann.de (http://www.falknerei-herrmann.de/) wieder hergestellt.