Bilder einbinden

    Hallo Leute,

    wie bekomm ich meine Bildunterschriften zentriert unter meine eingebundenen Bilder.
    Zur zeit stehen sie nur rechts neben den Bildern.

    Hier der Quellcode:

    <html>

    <head>
    <title>Die 6 lustigen 5</title>
    </head>

    <body>

    <body bgcolor="#CCFFFF">


    <h1 style="text-align:center; color:blue; font-size:1000%;font-family:'Impact' "><u> Die 6 lustigen 5</u></h1>


    <img class="img150" src="martin.jpg" width="150" height="150" border="0" alt="Martin">
    <th><a>MARTIN</a></th>

    <img class="img150" src="matze.jpg" width="150" height="150" border="0" alt="Matze">
    <th><a>MATZE</a></th>

    <img class="img150" src="seppel.jpg" width="150" height="150" border="0" alt="Seppel">
    <th><a>SEPPEL</a></th>

    <img class="img150" src="nico.jpg" width="150" height="150" border="0" alt="Nico">
    <th><a>NICO</a></th>

    <img class="img150" src="schlesi.jpg" width="150" height="150" border="0" alt="Schlesi">
    <th><a>SCHLESI</a></th>


    </body>
    </html>

    MfG Hans

    Meinst du so?

    <div class="img150">
    <img src="martin.jpg" width="150" height="150" border="0"alt="Martin">
    <p style="text-align:center; width="100%" "> MARTIN</p>
    </div>

    Sry, bin da noch nicht so erfahren. Mache alles im Selbststudium.

    Danke für die Antwort.

    Beg to differ, für valides XHTML muss man im IMG-tag doch ein width, heigth und alt angeben, nich? Gibt auf jeden fall ne Warnung. Naja, XHTML macht er ja sowieso nich, von daher ists egal.

    -Lukas

    Zitat von lukasn

    Beg to differ, für valides XHTML muss man im IMG-tag doch ein width, heigth und alt angeben, nich? Gibt auf jeden fall ne Warnung. Naja, XHTML macht er ja sowieso nich, von daher ists egal.

    -Lukas

    Eins davon stimmt, aber nur alt="". Der Rest ist absoluter Quatsch

    Hi,

    Zitat von Unregistriert

    Eins davon stimmt, aber nur alt="". Der Rest ist absoluter Quatsch

    bevor du dein Halbwissen hier so ungefiltert rauströtest, solltest du vielleicht mal kurz innehalten und überlegen, warum man beim img-Tag width/height angeben sollte?????? ;)

    Na, keine Idee?

    Damit der Browser den Platz für die Bilder schon mal im vorhinein reservieren kann, damit es beim Laden nicht immer so plötzliche Sprünge gibt, die vermuten lassen würden, das deine Site in den letzten Zuckungen liegt. :mrgreen:

    Vor allem bei komplexen Sites mit vielen img's sieht das sehr unschön aus. ;)

    wie wäre es mit <div class="bild"><img src="bildname.gif" alt="" /></div>

    .bild {
    width: ???;
    height: ???;

    }

    Halbfertiges Wissen, eher XHTML :)

    Hi,

    Zitat von Unregistriert

    wie wäre es mit <div class="bild"><img src="bildname.gif" alt="" /></div>
    .bild {
    width: ???;
    height: ???;
    }
    Halbfertiges Wissen, eher XHTML :)

    Offensichtlich hast du das mit dem vorher reservieren nicht ganz verstanden.

    Strikte Trennung von Markup und Gestaltung ist wichtig.

    Höhe und Breite des Bildes standen aber schon fest, das hat das Bildbearbeitungsprogramm erledigt bevor das Bild auf den Webserver hochgeladen wurde.
    Da muss hinsichtlich der Abmessungen nix mehr gestaltet werden.

    Wenn das Bild per CSS einen Rahmen bekäme oder irgendwie positioniert werden soll, gehören die Formatierungen dazu ins CSS.

    Durch die Angaben von Höhe/Breite im Quelltext reserviert der Browser den Platz schon einmal.
    Die Bilder werden vom Browser so ziemlich als letztes geladen.
    Wenn er also vorher nix reservieren kann besteht die Möglichkeit, das die Website hüpft.

    Jetzt etwas klarer??

    Nicht wirklich, ich hab das natürlich auch gelernt, da ich aber noch nie eine Bilderseite hatte , reicht mir die divlösung. ich seh kein unterschied, wenn uich ein div höhe breite dfiniere, dann wird der platz ja auch immer freigehalten. Was für ne Logik.

    Zitat von driver

    heiliger elch... lern mal bitte die basics...

    - warum 2x body ?
    - warum th ohne table ?
    - warum <u> und nicht gleich beim css ?

    Hälst dich wohl für ganz geil, oder? L2P

    lieber letzter poster dieses wirklich sinnvollen beitrags...
    um es lurz zu machen: JA Driver IST GEIL!!
    und um weitere sinnvolle postings deinerseits in zumindest diesem thread zu verhindern...

    :geschlossen: