Ergebnis 1 bis 6 von 6

Thema: Wie positioniere ich 2 Bilder links und rechts neben einer Überschrift?

  1. #1
    HTML Newbie
    Registriert seit
    25.10.2015
    Beiträge
    6
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard Wie positioniere ich 2 Bilder links und rechts neben einer Überschrift?

    Mein Code:

    <html>
    <head>
    <title>Seite2.html</title>
    </head>
    <style>


    #div1
    {
    height:130;
    width:1573;
    background-color:yellow;
    border: 5px solid orange;
    margin-bottom:5px;
    padding.5px;
    }

    h1
    {
    text-align:center;
    }
    </style>

    <body>

    <div id = "div0">
    <div id = "div1">
    <h1>New York</h1>
    <img src = "newyork.jpg" style="height:100;width:100;float:left;margin-right:40">
    <img src = "newyork.jpg" style="height:150;width:200;float:right">
    </div>
    <div id = "div5">
    <div id = "div2">
    </div>
    <div id = "div3">
    </div>
    </div>
    <div id = "div4">
    </div>
    </div>

    </body>
    </html>



    Das Programm macht die Bilder links und rechts unterhalb der Überschrift ich möchte sie aber NEBEN der Überschrift. PS:Ich muss die 2 Bilder und die Überschrift in div1 machen.

    Hoffe auf baldige Antworten!

    LG DerAskTyp
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    HTML Newbie Avatar von justanotherperson
    Registriert seit
    06.09.2015
    Ort
    Neo Seoul
    Beiträge
    8
    Danke
    0
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Wie positioniere ich 2 Bilder links und rechts neben einer Überschrift?

    Also ich würde erstmal damit anfangen die Bilder auch wirklich "um den Titel herum zu bauen". Und den Float nimm erstmal raus. Das führt sonst wieder zu Problemen.
    Den Rest kannst du mit CSS machen, wenn du den Titel mittig haben willst usw. . Hast du das nur übersehen, oder warum bist du darauf nicht gekommen?

    Grüße
    justanotherperson

    P.S.: Achja, ich habe bin stark der Annahme überzeugt, dass du eine Hausaufgabe bekommen hast. Ansonsten würde es nicht so heißen:
    PS:Ich muss die 2 Bilder und die Überschrift in div1 machen.
    Vor allem mit der Betonung auf "muss". Damit das klar ist: Foren sind nicht dazu da, um deine Hausaufgaben zu machen. Oder wenn diese Annahme nicht stimmt, begründe diese Aussage glaubhaft.
    Geändert von justanotherperson (25.10.2015 um 19:30 Uhr)
    Ich bin eine super super schlaue Lebensweisheit.

  3. Folgende User finden die Antwort von justanotherperson gut:


  4. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    25.10.2015
    Beiträge
    6
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Wie positioniere ich 2 Bilder links und rechts neben einer Überschrift?

    Danke, aber wenn ich die BEIDEN Bilder vor der Überschrift einfüge befinden sie sich "in" der Devision. Füge ich aber das letzte Bild nach der Überschrift,so befinden sich das bild nicht "in" der Devision.
    Geändert von Michael Pichler (25.10.2015 um 19:33 Uhr)

  5. #4
    HTML Newbie Avatar von justanotherperson
    Registriert seit
    06.09.2015
    Ort
    Neo Seoul
    Beiträge
    8
    Danke
    0
    Bekam 1 mal "Danke" in 1 Posting

    Standard AW: Wie positioniere ich 2 Bilder links und rechts neben einer Überschrift?

    forum-hilfe_thread-lame-html.jpg
    Meinst du das hier?

    Edit:
    Also im Prinzip ist doch die Aufgabe erfüllt. Du hast die Bilderlinks und rechts neben den Titel gepackt. Oder?
    Geändert von justanotherperson (25.10.2015 um 19:43 Uhr)
    Ich bin eine super super schlaue Lebensweisheit.

  6. #5
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    567
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: Wie positioniere ich 2 Bilder links und rechts neben einer Überschrift?

    Hallo

    Ich muss die 2 Bilder und die Überschrift in div1 machen.
    Das ist die sinnvollste Lösung - wenn es denn unbedingt ein div sein soll.

    Allerdings ist dein Quelltext recht unstrukturiert und enthält sinnfreie Angaben. So willst du zum Beispiel ein Bild mit einer Höhe von 150px in ein div mit einer Höhe von 130px quetschen. Das kann nur Probleme geben.

    Ich tendiere zur folgenden Lösung:

    Code:
    <!DOCTYPE html>
    <html lang="de">
    <head>
       <meta charset="utf-8">
       <title>Bilder neben Text 01</title>
       <style>
          body {
             margin: 0;
          }
          #div1 {
             background-color: yellow;
             border: 5px solid orange;
             display: flex;
             justify-content: space-between;
             align-items: center;
          }
          figure {
             max-width: 100%;
             margin: 0;
          }
          img {
             display: block;
             width: 100%;
          }
          #div1 h1 {
             white-space: nowrap;
          }
          #div1 figure:nth-child(2) {
             order: -1;
          }
       </style>
    </head>
    <body>
       <div id="div1">
          <h1>New York</h1>
          <figure>
             <img src="http://lorempixel.com/100/100/nature" alt="Beispielbild">
          </figure>
          <figure>
             <img src="http://lorempixel.com/200/150/technics" alt="Beispielbild">
          </figure>
       </div>
    </body>
    </html>
    Gruss

    MrMurphy
    Geändert von MrMurphy (25.10.2015 um 20:46 Uhr) Grund: Quelltext angepasst

  7. #6
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Wie positioniere ich 2 Bilder links und rechts neben einer Überschrift?


Ähnliche Themen

  1. Überschrift und Links in einer Zeile
    Von sven77 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 30.05.2010, 15:04
  2. Seiten mit einem Rand links und rechts bzw. nur rechts
    Von Malcolm X im Forum HTML & CSS Forum
    Antworten: 17
    Letzter Beitrag: 24.08.2007, 00:19
  3. 2 Texte nebeneinander (einer rechts der andere Links, CSS)
    Von Blizzi92 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 12.11.2006, 01:28
  4. <h4> links und <div> rechts in einer Zeile
    Von michi2 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 19.08.2006, 14:02
  5. bilder links und rechts
    Von viper3000 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 15.06.2005, 17:55

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •