Beiträge von niklasxyz

  • Galerie - Viel Whitespace bei Bilder in einer Galerie

    Hallo, Ich habe 4 Bilder, die ich unter einander, mit 2 Bildern pro Reihe anordenen sollen.
    Die erste Reihe funktioniert gut nur hat das dritte Bild wird nicht links angezeigt sondern rechts
    und mein viertes wird dann in einer neuen Reihe angezeigt.
    Vielen Dank schon mal und ich bin Anfänger sowohl in HTML als auch hier im Forum;)
    P.s. Im Anhang ist ein Bild von dem was ich mein:)
    Hier der HTML Code:

    Code
    <img class="firstrow" src="img/Studio/Kaffe_Splash.jpg" alt="#">
        <img class="firstrow" src="img/Studio/Seifenblase1.jpg" alt="#">
        <img class="firstrow" src="img/Studio/Wasser&%C3%96l.jpg" alt="#">
        <img class="firstrow" src="img/Studio/Farbexplosion.jpg" alt="#">


    Und der Css code:

    Code
    .firstrow {
    max-width: 50%;
    float: left;
    max-width: 49.4%;
    padding: 5px;
}

  • Button mittig unter Bild Zentrieren

    Hallo erstmal,
    ich bin komplett neu hier also bitte entschuldigt, falls ich irgendwas nicht richtig beachte.
    Zu meiner Frage: Ich möchte für eine Portfolio Site Vorschaubilder einer Gallery haben und darunter einen Zentrierten Button für den Link zu der jeweiligen Seite.
    Mein Problem ist jetzt, dass der Button sich leider nicht zentrieren lässt sondern immer links gebunden ist.

    Mein HTML Code:

    <section id="content">
    <div>
    <div id="studio">
    <img src="img/Gallery_Preview/Studio.jpg" alt="Studio Aufnahmen">
    <p><a class="button1" href="Studio.html">Studio</a></p>
    </div>
    </div>
    </section>


    Mein Css Code:

    #studio {
    margin: 30px ;
    padding:4px;

    }
    #studio img {
    width: 23%;
    height: auto;
    }
    .button1 {
    text-align: center;
    width: 100%;
    }

    P.s. ich bin Anfänger;)

    Danke schon mal:D