Autor |
Nachricht |
_bruno_
Threadersteller
Dabei seit: 11.07.2006
Ort: Berlin
Alter: 42
Geschlecht:
|
Verfasst Mi 25.02.2009 19:18
Titel [CSS] Hinterlegte Schrift |
|
|
Hallo,
ich möchte Fließtext mit gleichlangen Balken hinterlegen. So soll es aussehen:
Wie bekomme ich das hin?
Bisher hab ich nur das hier erreicht:
Der Code:
Code: | <style>
p {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
color: #fff;
line-height: 20px;
margin: 20px 50px;
width: 500px;
}
span {
background-color: #000;
width: 500px;
}
p.black {
background-color: #000;
}
</style>
<p><span>Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen.</span></p>
<p class="black">Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen.</p> |
Wäre super, wenn ihr mir helfen könntet.
Gruß vom Bruno
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 25.02.2009 21:18
Titel
|
|
|
Nicht besonders schön, würde aber Ansatzweise hinkommen, wenn du den Paragraphen mit text-align: justify; versiehst.
|
|
|
|
|
Anzeige
|
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 25.02.2009 23:39
Titel
|
|
|
Ansonsten gäbe es noch eine Css-Fake-Variante.
http://zweitaccount.zw.ohost.de/paragraphblock/index.html
Die ist aber Quellcodetechnisch ziemlichst grauenhaft
// edith:
Da fällt mir gerade auf, Firefox 3 ersetzt ja das »ß« bei
text-transform:uppercase automatisch durch ein »SS«.
ist ja praktisch.
Zuletzt bearbeitet von zweitaccount am Mi 25.02.2009 23:48, insgesamt 1-mal bearbeitet
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Mi 25.02.2009 23:54
Titel
|
|
|
warum nicht so ?
http://www.martinjuhasz.de/scripts/mgi/text-bg/
// besser eig noch, die div mit nem schwarzen bg und das schwarz im gif transpartent oder so lassen.
Zuletzt bearbeitet von choise am Do 26.02.2009 00:49, insgesamt 1-mal bearbeitet
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 26.02.2009 00:11
Titel
|
|
|
|
|
|
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 26.02.2009 08:54
Titel
|
|
|
Jahaa schon, nur aber soll es Leute geben die benutzen den
Textzoom (Ansicht -> nur Text zoomen)... probier das mal.
Und mit relativen Schriftgrößen im IE6 hätte man mit nem
Bg-Bild auch verloren.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Reine Schrift für Web speichern als Gif. Schrift verpixelt?!
Ups...und da war die Schrift verschwunden!
Schrift gesucht
Schrift in Dreamweaver CS 3
Fußnoten Schrift
suche Schrift
|
|