wie bekomme ich HTML-Befehle in css-Datei

elch2 · Mitglied

Hallo,

wollte aus Gestaltungsgründen einen Zeilenumbruch und eine Horizontale Linie in einer .css-Datei einbauen, treffe damit aber auf ungeahnte Schwierigkeiten. Die Daten kommen aus einer mySQL-DB. Die Bezeichnung z.B. "..._field_phone" ist das Feld "phone" der Datenbank.
Bis zu den letzten beiden Zeilen der eingestellten Textattribute wird alles richtig ausgeführt.

/ includes / com_sobi2.css
......
span.sobi2Listing_field_contact_person,
span.sobi2Listing_field_phone,
span.sobi2Listing_field_fax,
span.sobi2Listing_field_city {
font-size: 11px;
color: #666666;
line-height: 10px;
vertical-align: 10px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 50px;
padding-left: 10px;
padding-top: 1px;
border-top: transparent;
border-bottom: solid 1px #006600; line-length: 300px;
/* bezieht sich die Linien-Länge nur auf den Text? */
"\n <br>\n" .
/* \n \r */
}
span.sobi2Listing_field_hotline,
span.sobi2Listing_field_phone,
......

Nun wollte ich 2 im HTML-Code oft genutzte Befehle nutzen, kann diese hier aber offensichtlich nicht richtig einbauen, bzw. falsche Syntax.

1. Wie bekomme ich unter "border-bottom..." nach dem DB-Feld "city" eine Linie in voller Box-Länge?
Die Farbe #006600; wird korrekt ausgeführt, bis dahin ist also alles OK. Die Linie endet aber mit dem Wort, wie bei einer Unterstreichung, soll aber länger laufen.

2. Wie bekomme ich hinter dem DB-Textinhalt "city" aus der Datenbank einen Zeilenumbruch? Es tut sich hier nichts. Ich brauche nach dem letzten Wort noch einen zusätzlichen Abstand zum nächsten Textblock. Ein <br> währe genau richtig, gibt es aber wohl im css nicht, oder doch?

Vielen Dank schon mal

Werner · Homepage-Total.de Moderator

"line-length" gibt es bei CSS nicht, nur "line-height" und damit
kann man den Abstand zur nächsten Zeile ändern.

1. Mit Span geht das nur indem display: block; hinzugefügt wird.
Oder Span durch z.B.: Div ersetzen.

elch2 · Mitglied

Werner · Homepage-Total.de Moderator

div und display: block haben normalerweise eine Breite von 100%,
und soweit ist dann auch die Linie (border)