mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 16.04.2024 19:49 Benutzername: Passwort: Auto-Login

Thema: [CSS] Hinterlegte Schrift vom 25.02.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Hinterlegte Schrift
Autor Nachricht
_bruno_
Threadersteller

Dabei seit: 11.07.2006
Ort: Berlin
Alter: 42
Geschlecht: Weiblich
Verfasst Mi 25.02.2009 19:18
Titel

[CSS] Hinterlegte Schrift

Antworten mit Zitat Zum Seitenanfang

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>


Menno!

Wäre super, wenn ihr mir helfen könntet.

Gruß vom Bruno
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 25.02.2009 21:18
Titel

Antworten mit Zitat Zum Seitenanfang

Nicht besonders schön, würde aber Ansatzweise hinkommen, wenn du den Paragraphen mit text-align: justify; versiehst.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 25.02.2009 23:39
Titel

Antworten mit Zitat Zum Seitenanfang

Ansonsten gäbe es noch eine Css-Fake-Variante.
http://zweitaccount.zw.ohost.de/paragraphblock/index.html
Die ist aber Quellcodetechnisch ziemlichst grauenhaft * Such, Fiffi, such! *



// edith:
Da fällt mir gerade auf, Firefox 3 ersetzt ja das »ß« bei
text-transform:uppercase automatisch durch ein »SS«.
Au weia! ist ja praktisch.


Zuletzt bearbeitet von zweitaccount am Mi 25.02.2009 23:48, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Mi 25.02.2009 23:54
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 26.02.2009 00:11
Titel

Antworten mit Zitat Zum Seitenanfang

choise hat geschrieben:
warum nicht so ?

http://www.martinjuhasz.de/scripts/mgi/text-bg/


*Thumbs up!*
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 26.02.2009 08:54
Titel

Antworten mit Zitat Zum Seitenanfang

choise hat geschrieben:
warum nicht so ?
http://www.martinjuhasz.de/scripts/mgi/text-bg/


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. *zwinker*
  View user's profile Private Nachricht senden
 
Ähnliche Themen Reine Schrift für Web speichern als Gif. Schrift verpixelt?!
Non-Web Schrift verwenden
[CSS] Probleme mit Schrift
Mit CSS Schrift färben
Suche Schrift 'G....'
ae 7.0: schrift in mov ist pixelig
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.