border-style:dashed;

[JQerleger]

Hallo,

ich würde gerne "border-style:dashed;" eine Strichlänge für die einzelnen Striche mitgeben, kann aber nirgends eine CSS-Notierung dafür finden.

Zwei Möglichkeiten:

1. ich bin blind und seh den Wald vor lauter Bäumen nicht
2. es gibt einfach keine CSS-Notireung dafür

Hier kann und will mir sicher gerne jemand sagen welche Möglichkeit die richtige ist.

:(

[Auge]

Hallo

ich würde gerne "border-style:dashed;" eine Strichlänge für die einzelnen Striche mitgeben, kann aber nirgends eine CSS-Notierung dafür finden.

1. ich bin blind und seh den Wald vor lauter Bäumen nicht
2. es gibt einfach keine CSS-Notireung dafür

Hier kann und will mir sicher gerne jemand sagen welche Möglichkeit die richtige ist.

2

Tschö, Auge

[pl]

@Auge: Der Schneidewind heißt nicht Wolfgang sondern Günter. SCNR ;)

[Gunnar Bittersmann]

@@Auge

1. ich bin blind und seh den Wald vor lauter Bäumen nicht
2. es gibt einfach keine CSS-Notireung dafür

2

Level 4 könnte das ändern.

LLAP 🖖

[MudGuard]

Hi,

ich würde gerne "border-style:dashed;" eine Strichlänge für die einzelnen Striche mitgeben, kann aber nirgends eine CSS-Notierung dafür finden.

Evtl. border-image verwenden.

cu,
Andreas a/k/a MudGuard

[Matthias Scharwies]

Servus!

ich würde gerne "border-style:dashed;" eine Strichlänge für die einzelnen Striche mitgeben, kann aber nirgends eine CSS-Notierung dafür finden.

Oder SVG mit stroke-dasharray

Herzliche Grüße

Matthias Scharwies

[JQerleger]

Danke euch allen.

stroke-dasharray werde ich mir auf jeden Fall genauer ansehen.

Leve4 sieht ja schon mal interessant aus ist ja aber leider doch noch zu jung.

border-image verwenden verwenden ist keine Option mehr.

Ich hab mich jetzt für die Übergangszeit entschieden, es mit 2px hohen Boxen zu lösen, bei denen mit margin dann die Trenner verschoben werden.

Herzlichen Dank nochmal an euch

JQuerleger

[Gunnar Bittersmann]

@@JQerleger

border-image verwenden verwenden ist keine Option mehr.

Warum nicht? Als border-image kann man auch linear-gradient verwenden. Den kann man aber auch als background-image verwenden und damit in Verbindung mit background-size das Gewünschte erreichen.

Ich hab mich jetzt für die Übergangszeit entschieden, es mit 2px hohen Boxen zu lösen, bei denen mit margin dann die Trenner verschoben werden.

Wenn du damit zusätzliche Elemente im HTML meinst: Nein. Einfach nur nein.

LLAP 🖖

[Matthias Apsel]

Hallo Gunnar Bittersmann,

@@JQerleger

Warum nicht? Als border-image kann man auch linear-gradient verwenden. Den kann man aber auch als background-image verwenden und damit in Verbindung mit background-size das Gewünschte erreichen.

Ergänzung:

• https://wiki.selfhtml.org/wiki/Linear-gradient
• https://wiki.selfhtml.org/extensions/Selfhtml/example.php/Beispiel:CSS3_linear-gradient-3.html

Bis demnächst
Matthias

[Gunnar Bittersmann]

@@Matthias Apsel

• https://wiki.selfhtml.org/extensions/Selfhtml/example.php/Beispiel:CSS3_linear-gradient-3.html

Was soll das denn im Wiki?

1. Man sollte Flaggen nicht mit CSS malen; dafür ist SVG da.

   Und wenn man es doch macht, sollte man drauf hinweisen, dass man das nicht tun sollte.

2. Die Flaggen sind fehlerhaft: Proportionen und Farben stimmen nicht.

3. Wenn man schon Flaggen mit CSS-Gradienten malen will, dann doch bitte auch die Sonne in der Flagge Namibias!

LLAP 🖖

[Matthias Apsel]

Hallo Gunnar Bittersmann,

1. Man sollte Flaggen nicht mit CSS malen; dafür ist SVG da.

   Und wenn man es doch macht, sollte man drauf hinweisen, dass man das nicht tun sollte.

2. Die Flaggen sind fehlerhaft: Proportionen und Farben stimmen nicht.

3. Wenn man schon Flaggen mit CSS-Gradienten malen will, dann doch bitte auch die Sonne in der Flagge Namibias!

Ich geb dir 3 <I>.

Bis demnächst
Matthias

[Gunnar Bittersmann]

@@Matthias Apsel

Bitte zitiere richtig und reiße meine Aussagen nicht aus dem Zusammenhang! ;-)

Den entscheidenden Teil hast du unterschlagen:

Was soll das denn im Wiki?

.

Ich geb dir 3 <I>.

Das wäre also nur nur ein <I>: das Beispiel aus dem Wiki zu entfernen.

LLAP 🖖

[Matthias Apsel]

Hallo Gunnar Bittersmann,

Bitte zitiere richtig und reiße meine Aussagen nicht aus dem Zusammenhang! ;-)

Den entscheidenden Teil hast du unterschlagen:

Was soll das denn im Wiki?

Das habe ich nicht so interpretiert ;-)

• Unterstreichungen mit linear-gradient()

Bis demnächst
Matthias

[Gunnar Bittersmann]

@@Matthias Apsel

Was soll das denn im Wiki?

Das habe ich nicht so interpretiert ;-)

War aber so gemeint.

Im Wiki sollten nur sinnvolle Beispiele stehen, denn Leute nehmen sich daran ein Beispiel. Heißt: sie verwenden das so oder machen’s so nach.

• Unterstreichungen mit linear-gradient()

Ja, so in der Art dachte ich das. Nur eben in alle vier Himmelsrichtungen.

LLAP 🖖

[Matthias Apsel]

Hallo JQerleger,

Ich hab mich jetzt für die Übergangszeit entschieden, es mit 2px hohen Boxen zu lösen, bei denen mit margin dann die Trenner verschoben werden.

keine gute Idee. Unterstreichung mit linear-gradient()

Bis demnächst
Matthias

[Gunnar Bittersmann]

@@MudGuard

ich würde gerne "border-style:dashed;" eine Strichlänge für die einzelnen Striche mitgeben, kann aber nirgends eine CSS-Notierung dafür finden.

Evtl. border-image verwenden.

Meinst du mit linear-gradient?

Evtl. background-image verwenden.

LLAP 🖖

[JQerleger]

Ihr seid ja ganz schön zäh hier :)

Alles klar: ich werde mein bestes geben und mir Unterstreichungen mit linear-gradient() genau anschauen. Irgendwie werd ich mich da reintasten.

JQuerleger

[Gunnar Bittersmann]

@@JQerleger

Ihr seid ja ganz schön zäh hier :)

Alles klar: ich werde mein bestes geben und mir Unterstreichungen mit linear-gradient() genau anschauen. Irgendwie werd ich mich da reintasten.

Um die Debatte etwas weniger zäh zu machen: Das nächste Stichwort ist dann multiple backgrounds.

LLAP 🖖

[JQerleger]

@@JQerleger Um die Debatte etwas weniger zäh zu machen: Das nächste Stichwort ist dann multiple backgrounds.

LLAP 🖖

Das sieht gut aus, ist aber eher nichts für meine reine Foto-Seite. Da möcht ich so wenig wie möglich Bewegung drin haben. Aber wer weis?!

JQuerleger

[Gunnar Bittersmann]

@@JQerleger

Um die Debatte etwas weniger zäh zu machen: Das nächste Stichwort ist dann multiple backgrounds.

Das sieht gut aus, ist aber eher nichts für meine reine Foto-Seite. Da möcht ich so wenig wie möglich Bewegung drin haben. Aber wer weis?!

?? Was hätten multiple backgrounds mit Bewegung zu tun?

LLAP 🖖

[JQerleger]

?? Was hätten multiple backgrounds mit Bewegung zu tun?

LLAP 🖖

Sorry, abe rich hatte hier im Forum einfach mal nur kurz die SuFu benutzt: multiple backgrounds und war ganz schlicht davon ausgegangen, dass das Beispiel aussagt -> multiple background = bewegt.

Bitte ein klein wenig Nachsicht ich bin erst 57, kein Webdesigner und will auch keiner mehr werden. Aber wenn ich schon eine Seite für mich mache, möchte ich ganz gerne wissen was dahinter steckt. Auch wenn davon einiges so Fachchinesisch ist, das es der Olle eh nicht mehr kapieren kann :)

JQuerleger

[Matthias Scharwies]

Servus!

?? Was hätten multiple backgrounds mit Bewegung zu tun?

LLAP 🖖 Sorry, abe rich hatte hier im Forum einfach mal nur kurz die SuFu benutzt: multiple backgrounds und war ganz schlicht davon ausgegangen, dass das Beispiel aussagt -> multiple background = bewegt.

Normal hätte ich auf das Wiki verwiesen, aber da war es bis eben nur mit der deutschen Bezeichnung zu finden.

Unter multiple backgrounds versteht man eigentlich nur das Stapeln, aber wie du richtg erkannt hast, animieren manche diese Ebenen zu einem Effekt, den man Parallax nannte und der damals (2014) ziemlich in war.

Bitte ein klein wenig Nachsicht ich bin erst 57, kein Webdesigner und will auch keiner mehr werden. Aber wenn ich schon eine Seite für mich mache, möchte ich ganz gerne wissen was dahinter steckt.

Sehr guter Ansatz und hier wird dir hoffentlich geholfen!

Auch wenn davon einiges so Fachchinesisch ist, das es der Olle eh nicht mehr kapieren kann :)

Das ist unser Problem, dass wir immer wieder davon ausgehen, dass das doch alles normal ist, was wir so von uns geben. :-)

JQuerleger

Herzliche Grüße

Matthias Scharwies

[MudGuard]

Hi,

ich würde gerne "border-style:dashed;" eine Strichlänge für die einzelnen Striche mitgeben, kann aber nirgends eine CSS-Notierung dafür finden.

Evtl. border-image verwenden.

Meinst du mit linear-gradient?

Ich hatte eher an eine SVG gedacht (linear-gradient hatte ich grade nicht auf dem Schirm)

cu,
Andreas a/k/a MudGuard