CSS-Frage

Re(4): CSS-Frage

wasikonier — Fri, 17 Apr 2009 10:09:07 GMT

das ganze ist jetzt ein kompromiss. gelöst mit padding-top und padding-left. Ich mag das nicht für einzeilige und mehrzeilige links im CMS extra anpassen.

Re(4): CSS-Frage

wasikonier — Fri, 17 Apr 2009 10:09:07 GMT

das ganze ist jetzt ein kompromiss. gelöst mit padding-top und padding-left. Ich mag das nicht für einzeilige und mehrzeilige links im CMS extra anpassen.

Re(3): CSS-Frage

zeba — Fri, 17 Apr 2009 09:53:22 GMT

die einzeligen links sind aber nicht zentriert oder (kontakt, links etc.)?
oder hab ich bei der anforderung etwas falsch verstanden?

Re(2): CSS-Frage

wasikonier — Fri, 17 Apr 2009 08:56:05 GMT

danke für die tipps. mit möglichkeit 2 hab ich es ganz gut hinbekommen.
das ist das ergebnis: http://www.woiwa.at

Re: CSS-Frage

RevX — Thu, 16 Apr 2009 16:03:43 GMT

Ich glaube auch, dass diese Lösung ein bissl schräg ausschauen wird wenn es ein- und zweizeilige Links geben wird. Da hätte ich dann doch eher alle Links linksbündig mit Rand-Offset gemacht...

Re: CSS-Frage

hellbringer — Thu, 16 Apr 2009 07:37:09 GMT

Das ist Schwachsinn hoch drei. Entweder zentriert oder linksbündig, aber doch kein Mischmasch. Entbehrt jeder Logik uns schaut auch noch schief aus.

Just my 2 cents.

Re: CSS-Frage

dizo — Thu, 16 Apr 2009 07:29:25 GMT

Mach innerhalb von Div1 einen zweiten Div. Positioniere den einfach und stell dort den Text rein. Diesen Stellst dann auf Linksbündig.

Re: CSS-Frage

Muggel — Thu, 16 Apr 2009 06:55:30 GMT

Ich nehm an, Du wirst in dem einen DIV Block (gelb, zentriert) einen zweiten (linksbündig) brauchen. So sollte es meiner Meinung nach gehn.

Re: CSS-Frage

PhantomLord — Thu, 16 Apr 2009 06:11:58 GMT

IMO geht das mit CSS alleine nicht. Dafür bräuchtest du irgendein IF-THEN oder DO-WHILE oder zumindest einen CASE Befehl.

EDIT:
Wie du es machen könntest: Du erstellst von jedem Link ein 100x100 px Bild und tauschst es bei einem hover aus. Ist zwar sehr unsauber, aber wenn du es unbedingt so brauchst eine Notlösung...

Re: CSS-Frage

PhantomLord — Thu, 16 Apr 2009 06:11:58 GMT

IMO geht das mit CSS alleine nicht. Dafür bräuchtest du irgendein IF-THEN oder DO-WHILE oder zumindest einen CASE Befehl.

CSS-Frage

wasikonier — Wed, 15 Apr 2009 22:37:49 GMT

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!