CSS-Frage

CSS-Frage (15 Beiträge, 175 Mal gelesen)

Du bist nicht angemeldet. [ Login/Registrieren ]

Ziel:
In einem 100x100px div soll ein Link horizontal zentriert werden.
Ist der Linktext länger als 100px und bricht um, soll der Text linksbündig und im div zentriert sein.

Das ganze soll praktisch ein Button sein, der beim hovern die Farbe von gelb auf rot ändert. Dies habe ich mit display:block erfolgreich gelöst.

Ich schaffe es leider nur so, wie auf Bild1. Wünschenswert wäre Bild 2 als Resultat.

Bild 1:

Bild 2:

CSS

div {width:100px;height:100px;background-color:yellow;}
a {display: block;width: 100px;height:100px;text-align:center;text-decoration: none;padding-top:40px;margin:0px;}
a:hover {display: block;width: 100px;height:100px;background-color:red;text-align:center;text-decoration: none;}

Danke schon einmal für hilfreiche Vorschläge!

Vom Autor zurückgezogen oder Autor hat seine Registrierung nicht bestätigt (substitute am 16.04.2009, 06:34:54)

Re: CSS-Frage (PhantomLord am 16.04.2009, 08:11:58)

Re: CSS-Frage (Muggel am 16.04.2009, 08:55:30)

Re: CSS-Frage (dizo am 16.04.2009, 09:29:25)

Vom Autor zurückgezogen oder Autor hat seine Registrierung nicht bestätigt (Geezmo am 17.04.2009, 09:27:45)

Re: CSS-Frage (hellbringer am 16.04.2009, 09:37:09)

Re: CSS-Frage (RevX am 16.04.2009, 18:03:43)

Vom Autor zurückgezogen oder Autor hat seine Registrierung nicht bestätigt (Geezmo am 17.04.2009, 09:30:14)

Re(2): CSS-Frage (wasikonier am 17.04.2009, 10:56:05)

Vom Autor zurückgezogen oder Autor hat seine Registrierung nicht bestätigt (Geezmo am 17.04.2009, 11:49:16)

Re(3): CSS-Frage (zeba am 17.04.2009, 11:53:22)

Re(4): CSS-Frage (wasikonier am 17.04.2009, 12:09:07)

Dieses Forum ist eine frei zugängliche Diskussionsplattform.
Der Betreiber übernimmt keine Verantwortung für den Inhalt der Beiträge und behält sich das Recht vor, Beiträge mit rechtswidrigem oder anstößigem Inhalt zu löschen.
Datenschutzerklärung