[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:
(132173 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:
(132160 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:
(132133 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:
(132132 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:
(132127 mal gelesen)
URL zum Beitrag
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;
http://www.wpms.ch


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:
(132120 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:
(132118 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


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


als Antwort auf: [#233890]
X

Aktuell

PDF / Print
kalenderFebruar_kl

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
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
05.03.2021 - 30.04.2021

Digicomp Academy AG, Zürich oder virtuell
Freitag, 05. März 2021, 13.00 Uhr - Freitag, 30. Apr. 2021, 17.00 Uhr

Lehrgang

Im berufsbegleitenden Web Publisher Lehrgang vertiefen Sie Ihr Wissen rund um das Thema Screendesign und die Umsetzung von Websites. Wir befähigen Sie dazu selbständig und professionell Ihren Webauftritt zu planen und in die Realität umzusetzen.

Preis: CHF 3'250.–
Dauer: 8.5 Tage - Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt.

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PWEB