AnaDoLu: kleine Bilder um ein großes Bild

Guten Abend,

und zwar versuche ich ein großes Bild in der Mitte und kleinere Bilder um das große Bild herum zu machen. Das große Bild habe ich in der Mitte hinbekommen
das kleine Bild was um das herum sein soll hab ich auch bekommen aber wenn ich versuche ein drittes Bild zu machen was rechts neben dem großen Bild sein soll
und über dem kleinen Bild schaff ich nicht. Es ist rechts neben dem kleinen Bild. Mein Befehl lautet

<html>
<head>
<title>Freizeit</title>
</head>

<body bgcolor="#CBAFAF">
  <h1> Freizeit </h1>
<a href="home.html"> home </a>

<div align="center">
<img src ="Bilder/galatasaray.jpeg" align="center"  height="50%" width="30%" hspace="0" vspace="0" />
<img src ="Bilder/cls.jpg" align="center"  height="20%" width="15%" hspace="0" vspace="0" />
<img src ="Bilder/20.jpg" align="center"  height="20%" width="15%" hspace="0" vspace="0" />
</div>

</body>
</html>

  1. Hallo,

    die eleganteste Lösung wäre wahrscheinlich border-image:

    http://t3n.de/news/anleitung-erweiterte-rahmen-css3-border-image-306522/

    Grüße

    1. Hallo,

      die eleganteste Lösung wäre wahrscheinlich border-image:

      http://t3n.de/news/anleitung-erweiterte-rahmen-css3-border-image-306522/

      Grüße

      Vielen Dank für den Hinweis. Den Befehl hab ich schon eingesetzt
            <div class="borderBox">

      <img src ="" align="center"  height="50%" width="30%" hspace="0" vspace="0" />

      </div>

      aber wohin soll ich diesen Befehl eintragen? habe leider keine Kenntnisse
      ist nur ein kleines Projekt im Fach Informatik an der Schule.

      .borderBox
      {
      margin: 100px;
      width: 200px;
      padding: 30px;
      text-align: center;

      border: 1px solid black;  
      

      }

      1. Hallo,

        am besten speicherst du sowas hier

          
        img  
        {  
           margin: 100px;  
           width: 200px;  
           padding: 30px;  
           text-align: center;  
          
           border-width: 10px;  
           border-image: url(border.png) 10 10 10 10 round;  
        }  
        
        

        in einer CSS-Datei und das hier

          
        <img src ="mitte.jpg" />  
        
        

        kommt in deine HTML-Datei. Du musst natürlich mit den Werten (z.B. für Breite, Höhe, Größe der Zuschnitte etc.) rumspielen...

        Probier einfach mal aus.

        1. Hallo,

          am besten speicherst du sowas hier

          img
          {
             margin: 100px;
             width: 200px;
             padding: 30px;
             text-align: center;

          border-width: 10px;
             border-image: url(border.png) 10 10 10 10 round;
          }

          
          >   
          > in einer CSS-Datei und das hier  
          >   
          > ~~~html
            
          
          > <img src ="mitte.jpg" />  
          > 
          
          

          kommt in deine HTML-Datei. Du musst natürlich mit den Werten (z.B. für Breite, Höhe, Größe der Zuschnitte etc.) rumspielen...

          Probier einfach mal aus.

          Vielen Dank. Ich benutze das Programm Notepad++ kann ich es einfach da rein
          tragen oder muss ich die Sprache ändern?

          1. Was meinst du mit Sprache ändern? Die HTML-Datei sollte auf .html oder .htm und die CSS-Datei sollte auf .css enden, falls du das meinst... Aber sonst musst du nix ändern soweit ich weiß.

            1. Was meinst du mit Sprache ändern? Die HTML-Datei sollte auf .html oder .htm und die CSS-Datei sollte auf .css enden, falls du das meinst... Aber sonst musst du nix ändern soweit ich weiß.

              Weil du meintest den Befehl in CSS und den anderen in html. Da ich aber nur eine Html- Datei habe dachte ich dass ich in dem Programm die Sprache ändern muss aber vielen dank werd es erstmal versuchen

              1. Ja, du kannst auch alles in einer HTML-Datei speichern. Ist ja egal. Du definiert die CSS-Klassen dann im Kopf der HTML-Datei:

                  
                <head>  
                ...  
                <style type="text/css">  
                ...  
                </style>  
                </head>  
                
                
              2. @@AnaDoLu:

                nuqneH

                Weil du meintest den Befehl in CSS und den anderen in html.

                Es gibt weder in CSS noch in HTML Befehle.

                In CSS gibt es Regeln mit Eigenschaften; in HTML gibt es Elemente und Attribute.

                Qapla'

                --
                „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
      2. Lieber AnaDoLu,

        <img src ="" align="center"  height="50%" width="30%" hspace="0" vspace="0" />
        [...]
        ist nur ein kleines Projekt im Fach Informatik an der Schule.

        bringt man euch dort solchen Unsinn bei? Oder hast Du diese ekligen Attribute wie "align" und "hspace" selbst "herausgefunden"?

        Wenn man euch dort den Unterschied zwischen HTML und CSS nicht beibringt, dann solltest Du solche gestalterischen Dinge besser lassen, bis Du lernst, wie man es richtig macht. Und wenn Deine Lehrkraft keine Ahnung von CSS hat, dann solltest Du allen Ernstes fragen, welchen Sinn der euch beigebrachte Stoff haben soll, der schon seit zwölf Jahren(!!) veraltet ist! Und ja, Du darfst gerne dieses Posting vorzeigen. Ich stehe zu meiner Aussage - bin selbst Lehrkraft an einer Schule.

        Liebe Grüße,

        Felix Riesterer.

        --
        ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
        1. Wenn man euch dort den Unterschied zwischen HTML und CSS nicht beibringt, dann solltest Du solche gestalterischen Dinge besser lassen, bis Du lernst, wie man es richtig macht. Und wenn Deine Lehrkraft keine Ahnung von CSS hat, dann solltest Du allen Ernstes fragen, welchen Sinn der euch beigebrachte Stoff haben soll, der schon seit zwölf Jahren(!!) veraltet ist! Und ja, Du darfst gerne dieses Posting vorzeigen. Ich stehe zu meiner Aussage - bin selbst Lehrkraft an einer Schule.

          Das ist aber doch nichts neues, dass in der Schule veralteter Stoff gelehrt wird. Was sind schon zwölf Jahre im Leben eines Lehrers? Da hat hat er grade angefangen, seinen Stoff auswendig vorzutragen...

          Gruß
          Kalk