Hallo > ich hab grad Probleme, ein Icon über ein Image zu plazieren: > > ~~~html > <div class="col-md-2"> > <img src="./assets/img/female.jpg" class="cursorPointer" alt="profilePic"/> > <span class="glyphicon glyphicon-upload"></span> > </div> > ~~~ > > Hat da jemand vielleicht einen Tip, wie ich das am einfachsten schaffen kann? Positioniere das `div` mit `position: relative;`, ohne Positionsangaben zu vergeben. Das `div` bleibt somit an Ort und Stelle und ist dennoch aus dem Dokumentfluss genommen. Die Kindelemente `img` und `span` positionierst du absolut, wobei sich die Positionen am relativ positionierten Elternelement ausrichten. Dann holst du das `span` mit `z-index` nach vorne. Tschö, Auge -- Wir hören immer wieder, dass Regierungscomputer gehackt wurden. Ich denke, man sollte die Sicherheit seiner Daten nicht Regierungen anvertrauen. Jan Koum, Mitgründer von WhatsApp, im [Heise.de-Interview](http://heise.de/-3074714)

Hallo > ich hab grad Probleme, ein Icon über ein Image zu plazieren: > > ~~~html > <div class="col-md-2"> > <img src="./assets/img/female.jpg" class="cursorPointer" alt="profilePic"/> > <span class="glyphicon glyphicon-upload"></span> > </div> > ~~~ > > Hat da jemand vielleicht einen Tip, wie ich das am einfachsten schaffen kann? Positioniere das `div` mit `position: relative;`, ohne Positionsangaben zu vergeben. Das `div` bleibt somit an Ort und Stelle und ist dennoch aus dem Dokumentfluss genommen. Die Kindelemente `img` und `span` positionierst du absolut, wobei du das `span` mit `z-index` nach vorne holst. Tschö, Auge -- Wir hören immer wieder, dass Regierungscomputer gehackt wurden. Ich denke, man sollte die Sicherheit seiner Daten nicht Regierungen anvertrauen. Jan Koum, Mitgründer von WhatsApp, im [Heise.de-Interview](http://heise.de/-3074714)