Neuigkeiten:

moziloCMS verwendet Cookies. Wenn Sie auf unserer Seite weitersurfen, stimmen Sie der Cookie-Nutzung zu Datenschutzerklärung
moziloCMS Layouts
moziloCMS Plugins

Hauptmenü

Horizontale Linie

Begonnen von RalfZ, 28. Mai 2012, 14:01:26

« vorheriges - nächstes »

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
CMS: mozilo 2.0
Hoster: 1und1
HP: www.falknerei-herrmann.de

m4ddy

#1
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
There are 10 sorts of people. Those who understand binary and those who don\'t.

RalfZ

#2
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
CMS: mozilo 2.0
Hoster: 1und1
HP: www.falknerei-herrmann.de

HPdesigner

#3
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?
Check my website devmount.de
and find me on Twitter, Medium, GitHub, StackOverflow, Codepen and Slack

HPdesigner

#4
Achso, hier nochn Screenshot, wie Opera interpretiert:
Check my website devmount.de
and find me on Twitter, Medium, GitHub, StackOverflow, Codepen and Slack

RalfZ

#5
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
CMS: mozilo 2.0
Hoster: 1und1
HP: www.falknerei-herrmann.de

HPdesigner

#6
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.
Check my website devmount.de
and find me on Twitter, Medium, GitHub, StackOverflow, Codepen and Slack

RalfZ

#7
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
CMS: mozilo 2.0
Hoster: 1und1
HP: www.falknerei-herrmann.de

HPdesigner

#8
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.
Check my website devmount.de
and find me on Twitter, Medium, GitHub, StackOverflow, Codepen and Slack

Anonymous

#9
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
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 wieder hergestellt.