CSS 2 relative Elemente ineinander: parent soll die Größe des childs annehmen

...komplette Frage anzeigen Hier ist das ganze unter der min-height von 220px. - (HTML, CSS, relative) Hier ist ein größeres Bild verwendet, nun steht der upload-Button über. - (HTML, CSS, relative)

1 Antwort

Hi,

ich hab's jetzt gelöst:

HTML:

<form class="profile" method="POST" action="profile/update.php" enctype="multipart/form-data">
            <div>
                <img src="include/images/objects/userImages/<?php echo $user['ID']; ?>.png">
                <div class="upload2"><input type="file" name="image" id="up" maxlength="1000000" accept="image/*" /><label for="up"><div><?php echo $language['upload']; ?></div></label></div>
            </div>
            <h3><?php echo $user['name']; ?></h3>
            <?php echo $language['addBirthday']; ?><input type="text" name="birthday" value="<?php echo $user['birthday']; ?>" /><br /><br />
            <?php echo $language['addEmail']; ?><input type="text" name="email" value="<?php echo $user['email']; ?>" /><br /><br />
            <input type="submit" value="<?php echo $language['profileSave']; ?>" />
        </form>

CSS:

/*Upload without "position: absolute;"*/
.upload2 {
    display: inline-block;
}
.upload2 input[type="file"] {
    display: none;
}
.upload2 label {
    display: block;
}
.upload2 label div {
    color: white;
    font-size: 10pt;
    background-color: #79A620;
    border-width: thin;
    border-color: #ddd;
    border-style: solid;
    border-radius: 3px;
    padding: 5px;
    margin-top: 5px;
}
.upload2 label div:hover {
    border-color: #406000;
}
.profile div {
    margin-right: 5px;
    float: left;
    max-width: 200px;
    height: 100%;
}
.profile img {
    position: static;
    max-width: 200px;
    max-height: 200px;
}
.profile .upload2 label div, .profile .upload2 label {
    width: 100%;
    text-align: center;
}
.profile .upload2 {
    width: calc(100% - 10px);
}

-Minding

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von Minding
30.11.2014, 01:08

DOCH NICHT!!!

Nix klappt, helft mir.

-Minding

0

Was möchtest Du wissen?