<input type="file"/> verändern & Liste bündig untereinander ausrichten

    Hallo,

    ich versuche mich derzeit in HTML und CSS hereinzuarbeiten. Dabei bin ich auf zwei Probleme gestoßen, die für mich mit meinem derzeitigen Wissen leider nicht lösbar sind.

    1:
    Ich habe eine Form mit einem File input. Kann ich diesen Fileinput-Button jetzt irgendwie manipulieren (zB ein Bild nutzen), oder ist dies eine (serverseitig) nicht veränderbare Browserkonfiguration?

    2:
    Weiterhin habe ich eine Liste, die via div-Container zentriert wird. Diese würde ich nun gerne so ausrichten, dass alle Punkte untereinander aufgelistet sind, wobei die Aufzählungselemente (bzw. die Punkte vor den Elementen) bündig untereinander sein sollten.
    Wie kann ich dies erreichen?

    Hier noch zur verdeutlichung mein Code

    Code
    <center>
<ul>
	<li>Beispiel: Langer Text</li>
	<li>bsp kurz</li>
</ul>
</center>

    Grüße
    /dev/random

    Zitat von /dev/random

    1:
    Ich habe eine Form mit einem File input. Kann ich diesen Fileinput-Button jetzt irgendwie manipulieren (zB ein Bild nutzen), oder ist dies eine (serverseitig) nicht veränderbare Browserkonfiguration?

    Dies ist eine clientseitige Browserkomponente die man nicht beeinflussen kann. Jeder Browser unterstützt diese auf andere Weise, größtenteils auch gar nicht.

    Zitat

    2:
    Weiterhin habe ich eine Liste, die via div-Container zentriert wird.

    Falsch. Du hast keinen "div-Container" sondern das unnötige Element <center>.

    Zitat

    Diese würde ich nun gerne so ausrichten, dass alle Punkte untereinander aufgelistet sind, wobei die Aufzählungselemente (bzw. die Punkte vor den Elementen) bündig untereinander sein sollten.
    Wie kann ich dies erreichen?

    Lass das <center> weg und verwende CSS um die Liste zu zentrieren:

    Code
    ul {
 margin: 0 auto;
 width: 200px;
}

    Hinweis: die Breite noch an die von dir gewünschte Breite für die Liste anpassen.