Zurück   Flashforum > Alternative Technologien > HTML und CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
Alt 30-12-2010, 19:43   #1 (permalink)
n.a.
 
Registriert seit: Aug 2005
Ort: Berlin
Beiträge: 146
Problem mit white-space nowrap

Hallo zusammen!

Folgender Sachverhalt...

Es gibt einen HTML-Block (.namecontainer), in dem z.B. Namen (Vorname Nachname) aufgelistet werden sollen. Sie werden jeweils in einem eigenen Block dargestellt (.namecontainer span).

Zitat:
[Vorname Nachname 1] [Vorname Nachname 2]
[Vorname Nachname 3]
Um unschöne Zeilenumbrüche mitten im Namen (also zwischen "Vorname" und "Name") zu vermeiden,

Zitat:
[Vorname Nachname 1] [Vorname
Nachname 2] [Vorname Nachname 2]
habe ich den Namensblöcken white-space: nowrap; gegeben. Das Problem ist, dass es nun gar keine Zeilenumbrücke gibt, auch zwischen den Namensblöcken nicht -- alles wird in einer Zeile dargestellt und läuft über die Grenzen des Containers.

Zitat:
[Vorname Nachname 1] [Vorname Nachname 2] [Vorname Nachname 3]
HTML-Code:
.namecontainer {
	/*background: #9999cc;*/
	float: left;
	width: 50%;
	font-size: 80%;
	line-height: 200%;
}
.namecontainer span {
	background: #ff9900;
	padding: 2px 5px;
	margin: 0 5px;
	line-height: 200%;
	white-space: nowrap;
}
HTML-Code:
<div class="namecontainer">
    <span class="name">Vorname Nachname 1</span>
    <span class="name">Vorname Nachname 2</span>
    <span class="name">Vorname Nachname 3</span>
</div>
Jemand einen Tipp?..

Danke
automatix ist offline   Mit Zitat antworten
Alt 31-12-2010, 11:27   #2 (permalink)
Neuer Benutzer
 
Benutzerbild von webxvideo
 
Registriert seit: Nov 2003
Ort: berlin
Beiträge: 916
Eigentlich sieht das alles gut aus.
Allerdings ist die Frage worauf sich die 50% Breite im namecontainer beziehen.
Wie breit ist der übergeordnete Container von namecontainer?

Versuch doch testweise mal die Breite in Pixeln anzugeben (z.B. 200px).

Ansonsten kannst Du auch mit geschützten Leerzeichen arbeiten. Das sähe dann so aus:
HTML-Code:
<div class="namecontainer">
    Vorname&nbsp;Nachname&nbsp;1 Vorname&nbsp;Nachname&nbsp;2 Vorname&nbsp;Nachname&nbsp;3
</div>
webxvideo ist offline   Mit Zitat antworten
Alt 31-12-2010, 13:26   #3 (permalink)
n.a.
 
Registriert seit: Aug 2005
Ort: Berlin
Beiträge: 146
Gelöst. Es lag am Whitespace zwischen den SPAN-Tags... D.h. das

HTML-Code:
<div class="namecontainer">
    <span class="name">Vorname Nachname 1</span>
    <span class="name">Vorname Nachname 2</span>
    <span class="name">Vorname Nachname 3</span>
</div>
funktioniert und das

HTML-Code:
<div class="namecontainer">
    <span class="name">Vorname Nachname 1</span><span class="name">Vorname Nachname 2</span><span class="name">Vorname Nachname 3</span>
</div>
nicht.

(FF 3.6.13, IE 8.0.7600.16385, Chrome 8.0.552.224)
automatix ist offline   Mit Zitat antworten
Antwort

Lesezeichen

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 sind an
Pingbacks sind an
Refbacks sind an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
3d Space Button Problem elay Flash CS4 Professional 0 28-10-2009 08:43
"white-space: nowrap" ohne Funktion roooot HTML und CSS 3 23-04-2009 13:41
white-space wert pre-wrap funktioniert nicht soundso HTML und CSS 5 25-09-2004 15:47
key.SPACE - Problem Butcho Flash MX 2004 2 12-06-2004 21:51
nowrap probleme Kerwin HTML und CSS 13 21-02-2004 16:23


Alle Zeitangaben in WEZ +1. Es ist jetzt 01:04 Uhr.

Domains, Webhosting & Vserver von Host Europe
Unterstützt das Flashforum!
Adobe User Group


Copyright ©1999 – 2014 Marc Thiele