Unter einem Fließtext soll direkt darunter, ohne Abstand, ein Banner dargestellt werden. Es bleibt immer 1 Zeile Abstand.

Skybiker54

Möchte auf einer Html Seite, 2 Themen darstellen, übereinander. Das obere Thema endet mit einem Fließtext, also mit </p> . Direkt darunter soll ein Banner(jpg) über die ganze Breite stehen,

als Überschrift für das 2. Thema auf der Seite. Egal ob man an das Ende des Fließtextes das </p> setzt oder nicht, es bleibt immer ein Abstand von einer Zeile

103 schon fast so gut wie richtig fliegen. Die Frage ist nur,ob auch jeder so eine schnelle Internetverbindung hat, um sich die

104 Scennery's schnell genug herutnter zu laden (<p>) <-------- Ende Fließtext

105

106 <div align="center"><img src="ride3.jpg" width="645" height="49" style="margin:0px"; float:top;/></div>

basti1012

wäre mal schön wenn du das bei Codepen nachstellen könntest.

So ist das nur Murks.

Denk dran das einige Elemente als Standart Werte schon Padding und margin haben .

Man kann am Anfang der Css Datei erstmal alles auf 0 Stellen

*{

margin:0;

padding:0;

}

Teste das doch mal und wenn es nicht geht dann poste mal einen Code bei Codepen , so das man das auch sehen kann.

Dann nochwas.

Deiner ganzer Code hier ist veraltet und nicht mehr aktuell.

align, width,height, margin sollte alles in der Css.

float top habe ich noch nie gehört. Auserdem sollte man auf float auch verzichten . Das geht am besten mit Flexbox und co

Skybiker54

Sorry Basti, ich wollte jetz keine Wissenschaft daraus machen. Ich hatte in meinen letzten Anfragen hier schon darauf hingewiesen, daß ich Anfänger bin in Sachen Html, und kein Webdesigner. Css kann ich leider überhaupt nicht. Ich ging davon aus, das es kein großes Problem darstellt, einen Abstand von 2 Elementen mittels eines html Tags zu verändern.

Trotzdem vielen Dank für deine Antwort, werde mich dann mit meinem "veralteten Murks" noch eine Weile weiterbeschäftigen. Ich muß

ja kein Geld damit verdienen, für mich als Rentner ist es nur ein Freizeitzeitbeschäftigung.

Schönen Feiertag noch mfG Sky

basti1012

du kannst deinen murks auch in dein html schreiben wenn es spaß macht , nur richtig ist es natürlich gar nicht.

Zeig doch mal dein html komplett , dann kannst du auch nee murks Lösung haben.

Doch irgendwann kriegst du damit probleme weil irgendwann die Browser das nicht mehr lesen können weil die alle irgendwann nur noch html 5++ können und der alte Murks nicht mehr unterstützt wird.

EDIT;

Das weäre einer deiner HTML Lösungen.

Obwohl der ausdruck eigentlich falsch ist.

Das ist ja Css nur als Inline-Style.

Du brauchst die ganzen Style Werte ja nur in der Css schreiben und schon würde es Perfekt aussehen und ordentlich Struktuiert.

So must du in jeden Element Style Angaben rein schreiben.

In der Css würde man zb einen Wert für alle <p> Elementze nur einmal schreiben

HTML

<main style="width:645px;text-align:center">
<p style="margin:0;padding:0">
schon fast so gut wie richtig fliegen. Die Frage ist nur,ob auch jeder so eine schnelle Internetverbindung hat, um sich die
</p>
 <div><img src="gravatar.png" style="width:100%;height:49px;margin:0px;padding:0"></div>
<p style="margin:0;padding:0"> Scennery's schnell genug herutnter zu laden </p>
 <div><img src="gravatar.png" style="width:100%;height:49px;margin:0px;padding:0"></div>
</main>

Tue dir selber ein gefallen und lerne das in einer Css zu schreiben.

Das könnte in den jetzigen Code dann so aussehen

( <style> gehört dann in <head> Bereich )

HTML

<style>
  main{
    width:645px;
    text-align:center;
  }
  p,img{
    margin:0;
    padding:0
  }
  img{
    width:100%;
    height:49px;
  }
</style>
<main>
<p>
schon fast so gut wie richtig fliegen. Die Frage ist nur,ob auch jeder so eine schnelle Internetverbindung hat, um sich die
</p>
 <div><img src="gravatar.png"></div>
<p> Scennery's schnell genug herutnter zu laden </p>
 <div><img src="gravatar.png"></div>
</main>

Alles anzeigen

Jetzt mitmachen!