[postkomm]

Will eine Website mit liniertem Hintergrund erstellen, so ähnlich wie bei einem Notizblock (siehe Bild).

Mit CSS, Flattertext - kein Blocksatz! Wenn sich die Schrift vergrößert , muss diese auf den Linien bleiben. Möglich?

Hat jmd einen Ansatz?

[pRiMUS]

[Zim]

[Account gelöscht]

p
{ border-bottom: 1px (dotted/dashed) #dddddd; }

dotted = gepunktet
dashed = gestrichelt
#dddddd = Farbe

mfg

[pRiMUS]

[Zim]

Also erst mal ist ein p-Element grundsätzlich ein Absatzerzeugendes Element also ein Block-Element

Aber auch das wird hier nicht helfen da die »underline« (dash und dottet sind hier nicht möglich) nur bis zum letzen buchstaben geht und nicht bis ans Zeilenende. Daran ändert auch nichts wenn man eine »width« zuordnet.

Mit der Border-bottom klappt natürlich auch nicht da diese auch nur bis zum Buchstabenende geht – um die border überhaupt unter den zeilen anzuzeigen muss hier zusätzlich noch display-inline vergeben werden.

[pRiMUS]

achja, p ist ja eh block. dumm, aber gut, dann kann man ja auch so arbeiten, und das funktioniert sowei, nur doof bei "weichen" oder automatischen umbrüchen:

[postkomm]

... vielen Dank für eure Antworten, insbesonderen Dank an Zim für besseren Antworten.

Allerdings ist das Problem damit noch nicht aus der Welt:

p {
font-size: 14px;
border-bottom:#009900 dotted thick;
display:inline;
}

Die Linie läuft weiterhin nur soweit wie die Schrift!