[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:
(130942 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:
(130929 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:
(130902 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:
(130901 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:
(130896 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:
(130889 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:
(130887 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

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
25.01.2021 - 26.01.2021

Digicomp Academy AG, Bern oder Zürich
Montag, 25. Jan. 2021, 08.30 Uhr - Dienstag, 26. Jan. 2021, 17.00 Uhr

Kurs

In diesem Basic-Kurs lernen Sie das Wichtigste über den Aufbau und die Funktionsweise von Photoshop. Zusammen mit den notwendigen Grundlagen von Farbenlehre bis Bildauflösung lernen Sie zudem die kreativen Möglichkeiten von Photoshop kennen.

Dauer: 2 Tage
Preis: CHF 1'400.–

Ja

Organisator: Digicomp Academy AG

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

digicomp.ch/d/PHOTM1

Veranstaltungen
25.01.2021 - 26.01.2021

Digicomp Academy AG, Zürich oder virtuell
Montag, 25. Jan. 2021, 08.30 Uhr - Dienstag, 26. Jan. 2021, 17.00 Uhr

Kurs

Im Kurs lernen Sie die Schritte vom Import des Rohmaterials bis zum fertig exportierten Clip kennen. Dazu zählen die Materialverwaltung, das Trimmen für Roh- und Feinschnitt, Blenden, Titel und Effekte und eine Übersicht über die wichtigsten Formate.

Preis: CHF 1'700.-
Dauer: 2 Tage

Ja

Organisator: Digicomp Academy AG

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

digicomp.ch/d/AP6

Neuste Foreneinträge


Exel ohne leeres Tabellenblatt starten

Text- oder Grafikrahmen nach Position und Größe suchen und ändern

[GREP] beliebige Zeichen finden und durch selbe Anzahl an Leerzeichen oder Anzahl Zeichen "x" ersetzen

InDesign 2021 – Suchen/Ersetzen: Farbe

Langsamer MacMini

Netzwerklaufwerke verbinden -> Bei nicht verfügbar Fehlermeldung unterdrücken

Balken hinter einen Bildteil

Geteiltes Album

Verschiedene Netzwerke Handeln

Nicht "Silben über Spalten hinweg trennen" (CC 2018/ CC 2021)
medienjobs