Leerzeilen und Umbrüche im Code

[nilolaus]

Hallo!

Ich versuche meinen Code durch Umbrüche und Leerzeilen übersichtlich zu halten. So habe ich gerne mehrere Links oder Bilder (im Code!) untereinander angeordnet und nicht hintereinander.

Kann mir kurz jemand sagen was ich falsch eingestellt habe, weil plötzlich die Leerzeilen, Tabs und Umbrüche im Code auch Auswirkungen auf das Design der Seite haben. Zum Beispiel ergibt:

<div id="apDiv1"><img src="bilder/menu/10_prod.jpg"/><img src="bilder/menu/10_prod_o.jpg"/></div>

zwei hintereinander stehende Bilder ohne Zwischenraum und

<div id="apDiv1">
<img src="bilder/menu/10_prod.jpg"/>
<img src="bilder/menu/10_prod_o.jpg"/>
</div>

zwei hintereinander stehende Bilder mit Zwischenraum

Stehe auf dem Schlauch
Grüße und Danke

 

[PowerBookGrafik]

Hatte das Problem auch - habe keine Lösung gefunden. HTML macht aus jedem Umbruch im Code ein Leerzeichen

 

[martinibook]

<nobr></nobr> wäre jetzt noch eine Option …

 

[lundehundt]

Many computer programs use the carriage return character, alone or with a line feed, to signal the end of a line of text, but other characters are also used for this function (see newline); others use it only for a paragraph break (a hard return). Some standards which introduce their own representations for line and paragraph control (for example HTML) treat carriage return and line feed as whitespace.

http://en.wikipedia.org/wiki/Carriage_return

 

[nilolaus]

Ausführlicher:

Ich habe vergessen zu erwähnen, dass es sich hier um Dreamweaver handelt.
Ich habe einige Projekte, bei denen das problemlos ging - es also keinen Einfluss auf das Ergebnis hatte wie ich meinen Code umbreche. Ich muss irgend etwas bei Dreamweaver verstellt heben, dass das nu plötzlich nicht mehr geht.

Wenn ich eine Seite eines älteren Projektes öffne, sieht sie erstmal im Layout-Modus ok aus. Schalte ich dann in die Code-Ansicht und wieder zurück haben sich plötzlich die Abstände ergeben. Ich muss also irgend etwas in den Voreinstellungen von DW geändert haben, das diesen Effekt auslöst.

 

[martinibook]

Hmm, könnte natürlich sein, dass DW für jeden Zeilenumbruch im Code noch einen <br> einfügt. Lass dir doch mal im Browser den Quelltext anzeigen.

 

[pferdle]

Das Problem muss nicht unbedingt mit Dreamweaver zu tun haben. Ich habe festgestellt, dass bspw. Firefox Probleme mit Bildern im Zusammenhang mit Zeilenumbrüchen hat, die nur im Quelltext vorhanden sind, und demzufolge keinen Einfluss auf das Rendering haben sollten. Leider ist dem nicht so. Vielleicht kann man mit irgendwelchen CSS-Anweisungen dem Firefox diese Eigenart abgewöhnen - ich hab's aber noch nicht probiert.

Bei welchen Browsern tritt denn das Problem bei dir auf?

 

[martinibook]

Also man kann eine DIV drumpacken oder so, float:left ginge auch noch …

 

[pferdle]

Weil mich das Ganze auch interessiert, habe ich es jetzt mal nachvollzogen. Nicht nur Firefox, sondern alle "ordentlichen" Browser fügen bei nur durch Zeilenumbruch getrennten Bildern einen Leerschritt zwischen den Bildern ein. Eigentlich ist es auch logisch, weil Bilder ja standardmäßig inline positioniert werden. Wenn man also ohne zusätzliche CSS-Anweisungen auskommen will, muss man die Bilder in einer Zeile lassen.

 

[nilolaus]

Ok Leute - sorry sorry sorry!

Ich muss gerade feststellen, dass ich in einem css alle divs in den benötigten Zusammenhängen als floats definiert habe

Und wenn ich das betreffende css hier einbinde, wie ich es überall tue ist das auch kein Problem. Warum die alten Projekte vorher auch Ihr Aussehen verändert haben bleibt mir ein Rätsel. Ich will jetzt aber nicht versuchen jedes Rätsel zu lösen, die Folge wäre verhungern.

Danke danke für euere Hilfe, vor allem dir, martinibook - dein Satz traf wie ein Schlag

Grüße ausm Schwarzwald!