zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit CSS: Hintergrund im Text ohne Umbruch?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.05.2009, 16:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.09.2007
Beiträge: 19
EPMS befindet sich auf einem aufstrebenden Ast
Standard Problem mit CSS: Hintergrund im Text ohne Umbruch?

Hallo Zusammen,
ich habe ein kleines Problem. Ich habe z.B. folgenden Text

Zitat:
Laufzeit: vom April bis Mai
Ich möchte jetzt für den "Text April bis Mai" einen Hintergrund und Rahmen haben. Für den Hintergrund z.B. eine andere Farbe. Die CSS Angaben für den Hintergrund und den Rahmen habe ich in einer extra CSS-Datei.

Mein Versuch sah jetzt so aus:

Zitat:
Laufzeit: <div id="laufzeit"> von April bis Mai</div>
Leider steht jetzt mein "April bis Mai" Block in der nächsten Zeile. Was kann ich machen, damit er hinter "Laufzeit:" steht?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.05.2009, 16:52
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Hast Du einen Link auf dein Problem?

So kann ich nur raten, siehe meine sig.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.05.2009, 17:05
Benutzerbild von philosapiens
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 09.05.2009
Ort: Berlin Südende
Beiträge: 297
philosapiens befindet sich auf einem aufstrebenden Ast
Standard

Hi,

ich würde es etwas anders versuchen:

HTML-Code:
Laufzeit: <span id="laufzeit"> von April bis Mai</span>
__________________
Der höchste Lohn für unsere Bemühungen ist nicht das, was wir dafür bekommen, sondern das, was wir dadurch werden.

Mein aktuelles Projekt bei idealseiten.de
Mit Zitat antworten
  #4 (permalink)  
Alt 13.05.2009, 18:27
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

Zitat:
Leider steht jetzt mein "April bis Mai" Block in der nächsten Zeile.
Und das ist mit deiner "Lösung" auch richtig so, denn ein div ist ein Blockelement, was einen Umbruch erzeugt.

Zitat:
Was kann ich machen, damit er hinter "Laufzeit:" steht?
Kein Blockelement nutzen. Mein Vorschlag wäre gleich dem vom vorherigen Poster philosapiens.
Mit Zitat antworten
  #5 (permalink)  
Alt 13.05.2009, 22:47
Benutzerbild von RottenRoller
Benutzer
neuer user
 
Registriert seit: 12.05.2008
Ort: Flingern rules!
Beiträge: 53
RottenRoller befindet sich auf einem aufstrebenden Ast
Standard

Zugegeben, es macht mehr Arbeit, aber versuche immer deine Daten in einen semantischen Zusammenhang zu bringen. In diesem Fall würde sich folgende Lösung anbieten:

HTML-Code:
    <dl>  
        <dt>Laufzeit:</dt>  
        <dd>von April bis Mai</dd>   
    </dl>
Ein dt-Tag steht immer in Beziehung zum dd-Tag und durch einen float kann man sie auch ganz leicht nebeneinander positionieren
__________________
www.freizeitler.de
Mit Zitat antworten
  #6 (permalink)  
Alt 14.05.2009, 08:23
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

Ich glaube nicht, dass dies hier semantisch korrekt ist. Eine <dl> enthält einen Begriff und dessen Erläuterung/Beschreibung. Und die Angabe des Start- und Endmonats einer Laufzeit ist nicht deren Beschreibung.

Und du weißt auch nicht, in Welchem Zusammenhang der Threadersteller den Text in seine Seite integrieren will.

Geändert von regloh (14.05.2009 um 09:48 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 14.05.2009, 09:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.09.2007
Beiträge: 19
EPMS befindet sich auf einem aufstrebenden Ast
Standard

Danke schön. Damit hat es geklappt.
Mit Zitat antworten
  #8 (permalink)  
Alt 14.05.2009, 09:48
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

Zitat:
Zitat von EPMS Beitrag anzeigen
Danke schön. Damit hat es geklappt.
Womit genau?
Mit Zitat antworten
  #9 (permalink)  
Alt 14.05.2009, 13:22
Benutzerbild von RottenRoller
Benutzer
neuer user
 
Registriert seit: 12.05.2008
Ort: Flingern rules!
Beiträge: 53
RottenRoller befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von regloh Beitrag anzeigen
Ich glaube nicht, dass dies hier semantisch korrekt ist. Eine <dl> enthält einen Begriff und dessen Erläuterung/Beschreibung. Und die Angabe des Start- und Endmonats einer Laufzeit ist nicht deren Beschreibung.

Und du weißt auch nicht, in Welchem Zusammenhang der Threadersteller den Text in seine Seite integrieren will.
Wie sieht denn dann eine Definitionsliste deiner Meinung nach aus?
Hier Beispiele:

Lists in HTML documents
HTML dl tag

__________________
www.freizeitler.de
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 14.05.2009, 13:32
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

Ich sehe eine Definitionsliste als eben eine Definition für einen Begriff. Und IMO ist "von April bis Mai" keine Definition für den Begriff "Laufzeit".

Anderes Szenario: Wie würdest du den Text denn markieren, wenn er in einem Satz wie "Die Laufzeit beträgt einen Monat von April bis Mai." stünde?
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
gibt es eine andere Lösung ohne Tabelle? online CSS 16 24.04.2009 09:41
Float und Clear Earl of Green CSS 3 22.02.2009 19:48
Layoutcheck von einer Beispielseite wave Site- und Layoutcheck 1 12.11.2008 22:48
Falsche Darstellung beim Internet Explorer LordAvalon CSS 4 09.04.2007 17:22


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:24 Uhr.