Formatieren mit css bearbeitet von Pit 28.02.2019 12:41 Hallo Gunnar, > 1. Du gibst den Boxen links `padding` und positionierst die Icons absolut in den Freiraum. Dazu müssen die Boxen selbst `position: relativ` sein. > Cool. Genau nach so einer Idee hatte ich gesucht. Vielen Dank. > Das hat den Vorteil, dass die Texte in den verschiedenen Boxen auch bei unterschiedlich breiten Icons links bündig sind. Und das funktioniert auch, wenn du nicht nur einfachen Text als Elementinhalt hast, sondern weitere HTML-Elemente. > Ist zwar jetzt nicht geplant, aber wer weiß, ob ich das mal irgendwann mal reproduziere und es dann bräuchte... > > Derzeit helfe ich mir mit entsprechend vielen aus, aber dafür sind die ja eigentlich nicht gedacht. > > Buh. > ... dachte ichs mir doch 😉 > Außerdem missbrauchst du `<i>`-Elemente für Icons, aber dafür sind die nicht gedacht. > Aber befinde ich mich damit nicht [in guter Gesellschaft](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Icon-Fonts#Verwendung_des_Icon-Fonts_font-Awesome)? Spaß beiseite...wie würde ich das besser machen? Pit
Formatieren mit css bearbeitet von Gunnar Bittersmann 28.02.2019 13:02 Hallo Gunnar, > 1. Du gibst den Boxen links `padding` und positionierst die Icons absolut in den Freiraum. Dazu müssen die Boxen selbst `position: relativ` sein. > Cool. Genau nach so einer Idee hatte ich gesucht. Vielen Dank. > Das hat den Vorteil, dass die Texte in den verschiedenen Boxen auch bei unterschiedlich breiten Icons links bündig sind. Und das funktioniert auch, wenn du nicht nur einfachen Text als Elementinhalt hast, sondern weitere HTML-Elemente. > Ist zwar jetzt nicht geplant, aber wer weiß, ob ich das mal irgendwann mal reproduziere und es dann bräuchte... > > Derzeit helfe ich mir mit entsprechend vielen aus, aber dafür sind die ja eigentlich nicht gedacht. > > Buh. > ... dachte ichs mir doch 😉 > Außerdem missbrauchst du `<i>`-Elemente für Icons, aber dafür sind die nicht gedacht. > Aber befinde ich mich damit nicht [in guter Gesellschaft](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Icon-Fonts#Verwendung_des_Icon-Fonts_font-Awesome)? Spaß beiseite...wie würde ich das besser machen? Pit
nicht angemeldet nicht angemeldet
