Gestrichelte linie

[momo95]

Hallo,
manchmal sieht man auf seiten ganz dünne gestrichelte linien.
mit

<hr style: dashed>

ist sie 1px dick. ich will sie aber dünner

so wie auf Blocksatz in HTML ?? | aus Forum HTML & CSS | wer-weiss-was
zwischen jedem Beitrag

 

[vitus37]

Weisst du was ein Pixel ist?

Stelle dir deinen Bilschrim als lauter Glühbirnen vor. Ein Pixel ist dann eine Glühbirne. Wenn du jetzt etwas dünner als ein Pixel darstellen möchtest, dürfte die Glüchbirne nur halb aufleuchten. Du merkst nun selbst, dass dies nicht möglich ist.

Zudem ist der von dir geschriebene HTML-Code falsch. Du meinst vermutlich:

<hr style="border-style: dashed; size: 1px;">

 

[momo95]

das weiß ich schon aber bei meinem beispiel ist die gestrichelte linie dünner als bei mir 1px

 

[vitus37]

Ich wage das strak zu bezweifeln. Ausserdem glaube ich, dass dein Auge derart geringe Unterschiede nicht wahrnehmen kann.

 

[momo95]

wenn ich den tag von oben in eine seite einbaue ist die linie dicker als die auf wer-weiss-was.de

 

[threadi]

Durch diese Style-Angabe wird ja auch ringsrum um das Element ein Rahmen gelegt. Folglich ist er mindestens 2 Pixel breit. Was Du suchst ist aber das was auch bei wer-weiss-was.de im Quelltext zu finden ist:

border: 0;border-top: 1px dashed #ccc;

Siehe auch: SELFHTML: Stylesheets / CSS-Eigenschaften / Rahmen

 

[momo95]

tut mir leid. auch das ist es nicht

trotzdem danke

 

[Tar]

border-bottom:1px dashed #C5C5C5;

Das ist der Code von wer-weiss-was.de. Wenn das bei dir nicht so aussieht wie auf der Seite, stimmt irgendwas nicht. Hast du vielleicht versehentlich mit deinem Browser gezoomt?

 

[threadi]

Bei wer-weiss-was.de wird dieser Style bei einem div-Element angewendet. Du willst ihn bei einem <hr /> anwenden. Beachte bitte auch die Hinweise zum Stylen von hr-Elementen, denn das kann durchaus problematisch sein:
Farbige Linien mit <hr>: Tipps und Tricks auf CSS 4 You - The Finest in Stylesheets
HTML-Element HR (horizontal ruler) richtig stylen / formatieren
Style the HR Tag - Horizontal Lines and CSS - Styling Horizontal Lines

 

[momo95]

ich habe jetzt mal gezoomt und festgestellt, dass das ein rahmen ist aber ohne inhalt. die kantenlagen aufeinandner so das es wie eine dicke linie aussah.
hier nochmal der code

<hr style="border-style: dashed; size: 1px;">

so wie es vitus37 gesagt hat. aber wie bekomme ich da text hinein oder nur ein linie

 

[threadi]

In ein <hr> kann man keinen Text schreiben.

Wenn Du diese Linie um ein Element nutzen willst, welches Text enthält, verwende kein <hr>.

Wenn Du diese Linie nur bei einem <hr> ohne Text darin setzen willst, dann guck dir bitte die o.g. Links an.

 

[momo95]

hier auf dem bild sieht man was passiert wenn ich diesen code

<hr style="border:dashed #00ff00 1px;>

einfüge

habe ihn von border-style: Rahmenart: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
aber geht das auch ohne border

 

[_Thor_]

Weil border einen Rahmen um das gesamte Element zieht, es wurde dir aber auch schon gesagt, wie du das verhindern kannst.

 

[threadi]

Dieser Code ist fehlerhaft, denn da fehlt in Anführungszeichen am Ende. Ist das nur beim Kopieren hierher passiert? Wenns in der Seite steht, dann bitte korrigieren.

Und das Bild sieht eher so aus als würde es dort 2 Elemente geben denen dieser Code zugeordnet wurde. Schließlich sind es 2 verschiedene Farben. Ein Link zur Seite wäre interessant.

 

[momo95]

sooo ich habs geschafft!!!

hier der code

<hr style="border: 0px; border-top: 1px; border-style: dashed;">

die ganze zeit hatte ich 2 linien also war sie 2px dick

 

[threadi]

Den Code hatte ich schon auf der vorherigen Seite gepostet. Aber gut ...