[Stefan_der_held]

Salvete...

versuche grad mal mit CSS wieder warm zu werden... Das Metro-Schema ist ja recht einfach gestrickt vom otpischen her also mal daran versucht

http://s-geschwind.d...STUBE/TEST.HTML

nur 2 Dinge wollen nicht wie ich:

Vertikale Zentrierung der Schrift - troz

vertical-align: middle;

bleibt der Text am oberen Rand "kleben"

Die kleinen Kacheln sollen eigendlich neben einander stehen (Vorbild soll hier das WP7 sein ). Die lassen sich aber irgendwie trotz float:left, float:right, float:wasweisich nicht in die Position bewegen. Auch der Eintrag:

position:relative

bringt nüx....

Wer kann da mal schauen

[Witi]

vertical-align funktioniert lediglich bei Inline-Elementen. Div ist ein Blockelement: vertical-align

In .boxTilesHalf setzt du float:left und eine passende Breite. Pass auf dass eine Breite von 50% zu groß ist, padding und border kommen nämlich noch drauf.

[Stefan_der_held]

Argh!

Witi ich könnt dich knutschen

[Witi]

Äähm...lieber nicht.

[Stefan_der_held]

wo wir grad dabei sind... es war doch IRGENWIE möglich in CSS bestimmte Elemente "gleichtzeitig" zu definieren (also sodass man die gleichbleibenden Werte nicht zichmal wiederholen muss).

Hier besonders der grad eingefügte hover-Effekt

[Witi]

Entweder mittels Komma trennen:

.boxTilesLong:hover, .boxTilesHalf:hover {background-color: #FF00FF;}

oder eine eigene Klasse schaffen, die du bestimmten Elementen zuweist.

[Stefan_der_held]

ahja so war das.

Hm... mit den Tiles jefällt mir irgendwie nicht soganz dass die "50%-Breite" 50%+2*1px Border+2*2px padding berechnet werden.

Gibts da eine Möglichkeit das zu korrigieren ohne sich einen in % abzubrechen?

[Taxidriver05]

also, die vertikale Zentrierung sollte mit

margin: 50% !important;

oder

padding: 50% !important;

klappen...

[Ludacris]

Zitat (Taxidriver05: 05.04.2011, 21:26)

snip

oder aber

margin:0 auto;