PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Steh grad aufm Schlauch xD

Nedo
2010-07-22, 12:46:09
Also, was ganz simples ^^

Das Div ist einfach da, die Elemente (p und ul bzw. li) sollen zentriert sein.

HTML:

<div class="bla">
<p>blublub</p>
<ul>
<li>blablabla</li>
<li>blablabla</li>
</ul>
</div>


CSS:

div.bla
{
text-align:center;
}


Geht nicht.


div.bla p, div.bla li
{
text-align:center;
}

Geht...

Aber ich will nich jedes einzelne Element aufführen, das muss doch auch mit einem einzigen gehen o_O Ich bekomms aber nicht gebacken xD

Kann mir ma jemand auf die Sprünge helfen?
Blade II @unterwegs
2010-07-22, 13:01:09
Moin,

versuch es mal mit
div.bla * { text-align: center; }

mit dem * Selektor müsstest du auf alle Elemente innerhalb des div-Elementes zugreifen können.

MfG
Nedo
2010-07-23, 09:56:14
Moin,

versuch es mal mit
div.bla * { text-align: center; }

mit dem * Selektor müsstest du auf alle Elemente innerhalb des div-Elementes zugreifen können.

MfG
Ha danke :D Coole Sache :)

Habs zwar schon anders lösen können, weil ich das Problem erkannt habe.

p und li wurden bereits weiter oben im CSS justifyed. Da unten dann kein spezifisches Element ausgewählt wurde, hats die natürlich nicht interessiert. Mit * klappts dann aber trotzdem :)

Danke, wieder was gelernt (ich kannte * in CSS noch nicht :ugly:)
Blade II @unterwegs
2010-07-23, 12:58:08
p und li wurden bereits weiter oben im CSS justifyed. Da unten dann kein spezifisches Element ausgewählt wurde, hats die natürlich nicht interessiert. Mit * klappts dann aber trotzdem :)

Du kannst auch Elemente per !important überschreiben :-)
Bsp.: p { text-align: center !important; }
Die Lösung ist zwar etwas dreckig, funktioniert aber auch.
Nedo
2010-07-23, 13:22:21
Du kannst auch Elemente per !important überschreiben :-)
Bsp.: p { text-align: center !important; }
Die Lösung ist zwar etwas dreckig, funktioniert aber auch.
Oh stimmt, das gabs ja auch noch >.<
Werd ich aber wohl zukünftig immernoch meiden :D
DanMan
2010-07-23, 17:54:43
versuch es mal mit
div.bla * { text-align: center; }

mit dem * Selektor müsstest du auf alle Elemente innerhalb des div-Elementes zugreifen können.
Je nach Komplexität deines HTMLs ist das sehr lahm, weil der Browser durch den * Selektor komplett alle Elemente abgrasen muss, um zu schauen, ob sie irgendwo in einem div liegen, das auch noch die bla Klasse hat. Das der Vollständigkeit halber.
Nedo
2010-07-23, 21:20:14
Je nach Komplexität deines HTMLs ist das sehr lahm, weil der Browser durch den * Selektor komplett alle Elemente abgrasen muss, um zu schauen, ob sie irgendwo in einem div liegen, das auch noch die bla Klasse hat. Das der Vollständigkeit halber.
Joa, das sollte klar sein. Habs ja jetzt im Endeffekt auch nicht verwendet :)

Neue Homepage ist bald fertig! :D Yay!