[GastForen Web allgemein HTML und CSS / Stylesheets CSS Zeilenumbruch verhindern

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

CSS Zeilenumbruch verhindern

horstenpeter
Beiträge gesamt: 75

8. Jun 2006, 22:47
Beitrag # 1 von 7
Bewertung:
(137627 mal gelesen)
URL zum Beitrag
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.
X

CSS Zeilenumbruch verhindern

SabineP
Beiträge gesamt: 7586

9. Jun 2006, 08:40
Beitrag # 2 von 7
Beitrag ID: #233636
Bewertung:
(137614 mal gelesen)
URL zum Beitrag
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


als Antwort auf: [#233617]
(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
Beitrag # 3 von 7
Beitrag ID: #233881
Bewertung:
(137587 mal gelesen)
URL zum Beitrag
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.


als Antwort auf: [#233636]

CSS Zeilenumbruch verhindern

SabineP
Beiträge gesamt: 7586

11. Jun 2006, 14:55
Beitrag # 4 von 7
Beitrag ID: #233883
Bewertung:
(137586 mal gelesen)
URL zum Beitrag
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


als Antwort auf: [#233881]

CSS Zeilenumbruch verhindern

FSt
  
Beiträge gesamt: 1961

11. Jun 2006, 14:57
Beitrag # 5 von 7
Beitrag ID: #233884
Bewertung:
(137581 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo J.

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

Gruss
FSt


als Antwort auf: [#233881]

CSS Zeilenumbruch verhindern

horstenpeter
Beiträge gesamt: 75

11. Jun 2006, 16:20
Beitrag # 6 von 7
Beitrag ID: #233890
Bewertung:
(137574 mal gelesen)
URL zum Beitrag
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


als Antwort auf: [#233883]

CSS Zeilenumbruch verhindern

FSt
  
Beiträge gesamt: 1961

11. Jun 2006, 16:26
Beitrag # 7 von 7
Beitrag ID: #233894
Bewertung:
(137572 mal gelesen)
URL zum Beitrag
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


als Antwort auf: [#233890]
X

Aktuell

PDF / Print
Wolken_300

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
01.12.2022

Online
Donnerstag, 01. Dez. 2022, 10.00 - 10.45 Uhr

Webinar

Die drei ColorLogic-Programme ZePrA, CoPrA und ColorAnt sind in neuen Versionen mit vielen neuen Funktionen im Jahr 2022 veröffentlich worden oder werden in Kürze veröffentlicht (ColorAnt 9). In unserem ca. 45 minütigen kostenlosen Webinar zeigen wir Ihnen einige dieser neuen Funktionen mit dem Schwerpunkt auf Automatisierung und Produktivitätssteigerungen.

Ja

Organisator: Impressed GmbH

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=311

ColorLogic Update-Webinar ZePrA 10, CoPrA 9 und ColorAnt 9
Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/