Forenindex » Web allgemein » HTML und CSS / Stylesheets » CSS Zeilenumbruch verhindern

CSS Zeilenumbruch verhindern

horstenpeter
Beiträge gesamt: 75
8. Jun 2006, 22:47
Bewertung:

gelesen: 139244

Beitrag als Lesezeichen
Hallo,

ich habe mir ein schönes Layout gebastelt mit einem haufen Grafiken, die per float und clear zusammengesetzt werden, so daß der Eindruck entsteht, es handele sich um eine einzige Grafik. Das Problem ist: Wenn das Browserfenster zu klein ist, rutschen die Grafiken in die nächste Zeile, und alles reisst ausseinander. Wie kann ich das verhindern ?

Danke,
J.

CSS Zeilenumbruch verhindern

SabineP
Beiträge gesamt: 7586
9. Jun 2006, 08:40
Bewertung:

gelesen: 139231

Beitrag als Lesezeichen
Hallo J,

steck die Bilder in ein <div> mit white-space:nowrap
http://edition-w3c.de/...html#heading-16.6%A0

Gruß Sabine

(Dieser Beitrag wurde von SabineP am 9. Jun 2006, 08:43 geändert)

CSS Zeilenumbruch verhindern

horstenpeter
Beiträge gesamt: 75
11. Jun 2006, 14:28
Bewertung:

gelesen: 139204

Beitrag als Lesezeichen
Hallo Sabine,

ich hab das probiert (ein <div style="white-space:nowrap;"> um alles), aber es hat nicht geholfen. Irgendwelche anderen Ideen ?

Gruß,J.

CSS Zeilenumbruch verhindern

SabineP
Beiträge gesamt: 7586
11. Jun 2006, 14:55
Bewertung:

gelesen: 139203

Beitrag als Lesezeichen
Hallo J.

es gibt noch zahlreiche andere Varianten, die einen Zeilenumbruch verhindern können.

z.B.

<nobr></nobr>

oder

ein <div> mit einer bestimmten Breite

oder

eine Tabellenzelle mit einer bestimmten Breite

oder

eine Tabellenzelle mit dem Attribut nowrap

oder ...

Ich kenne Deinen Code nicht und kann deshalb nicht sagen welche Lösung für Dein Layout geeignet ist.

Gruß Sabine

CSS Zeilenumbruch verhindern

FSt
  
Beiträge gesamt: 1965
11. Jun 2006, 14:57
Bewertung:

gelesen: 139198

Beitrag als Lesezeichen
Hallo J.

Hast Du mal ein Stück Code oder einen Link?

Gruss
FSt


Wer noch mehr HDS will – PremiumMember wissen wieso
https://www.hilfdirselbst.ch/...m.cgi?do=membership;
https://www.wpms.ch

CSS Zeilenumbruch verhindern

horstenpeter
Beiträge gesamt: 75
11. Jun 2006, 16:20
Bewertung:

gelesen: 139191

Beitrag als Lesezeichen
Hallo, das <div> mit der festen Breite hat geholfen....da hätte ich auch mal selbst drauf kommen können. Vielen Dank !

Johannes

CSS Zeilenumbruch verhindern

FSt
  
Beiträge gesamt: 1965
11. Jun 2006, 16:26
Bewertung:

gelesen: 139189

Beitrag als Lesezeichen
Hallo Johannes

Es braucht nicht unbedingt eine feste Breite:

Code 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> 
<title>Test für nowrap</title> 
<style type="text/css" media="screen"><!-- 
#test   { position: absolute; top: 25px; left: 25px; height: 200px; white-space: nowrap;} 
--></style> 
<head> 
<body> 
<div id="test"> 
<img src="#" alt="" height="50" width="150" border="0"><img src="#" alt="" height="50" width="150" border="0"><img src="#" alt="" height="50" width="150" border="0"> 
</div> 
<body> 
</html>


Gruss
FSt


Wer noch mehr HDS will – PremiumMember wissen wieso
https://www.hilfdirselbst.ch/...m.cgi?do=membership;
https://www.wpms.ch