text-align konflikt, was soll ich tuhen?

[MC Breit]

hi! ich habe das problem, das ich in body standartmässig den text auf center gesetzt habe, in table dann wieder auf left, damit da nicht mehr alle center ist, und jetzt muss ich aber ein objekt in dieser tabelle wieder in center haben. und das ohne dafür extra einen neuen style in der .css anzulegen.

Ich habe es zuerst mit

<span class="text-align:center;">objekt</span>

probiert, was nicht funktonierte :(

dann auch mit <p class="text-align:center;">objekt</p>
was ebenfals nicht funktioniert :(

kann mir jemand sagen wie ich es hinbekomme, das es doch zentriert ist?

[Orlando]

Hi,

<span class="text-align:center;">objekt</span>

<span style="text-align:center;">objekt</span>

style, nicht class.

Grüße,
 Roland

[MudGuard]

Hi,

<span class="text-align:center;">objekt</span>
<span style="text-align:center;">objekt</span>

style, nicht class.

Wird auch nicht helfen, da span ein non-replaced inline-Element ist.
text-align ist für non-replaced inline-Elemente nicht definiert.
Hätte auch wenig Sinn, da das non-replaced inline-Element nur so breit ist wie sein Inhalt - es ist also kein Platz zum "alignen"...

cu,
Andreas

[kerstel]

Hallo

<span class="text-align:center;">objekt</span>

Probiere es so:
<span style="text-align:center;">objekt</span>

Gruß

Kerstel

[MC Breit]

Probiere es so:
<span style="text-align:center;">objekt</span>

Leider nein *heul*

das funktioniert auch nicht...

...ich bekomm gleich ne kriese..

[Orlando]

Hi MC Breit,

das funktioniert auch nicht...

<span style="text-align:center; display:block;">objekt</span>

Grüße,
 Roland

[MC Breit]

<span style="text-align:center; display:block;">objekt</span>

Hi!

angenommen, das funktioniert:

Was genau bewirkt display:block; dann?

[Orlando]

Hi,

Was genau bewirkt display:block; dann?

siehe

http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#display und
 [pref:t=57256&m=320430]

sowie

http://selfhtml.teamone.de/html/referenz/elemente.htm#span und
 http://selfhtml.teamone.de/html/text/bereiche.htm#inline

text-align: wirkt auf <span> normalerweise nicht, mit display:block wird es jedoch als Block-Element dargestellt, dann funktioniert es.

Grüße,
 Roland

[MudGuard]

Hi,

das funktioniert auch nicht...
<span style="text-align:center; display:block;">objekt</span>

Da würd _ich_ dann aber zum div-Element greifen (wenn kein anderes blocklevel-Element sinnvoller ist).

Mit display:block würd ich nur arbeiten, wenn es nicht anders geht (z.B. bei a-Elementen, da kann man nichts anderes nehmen, ohne die Funktionalität zu verlieren).

cu,
Andreas

[kerstel]

Hallo

Probiere es so:
<span style="text-align:center;">objekt</span>

dann anstatt mit span mit p und style

Gruß

Kerstel

[MC Breit]

dann anstatt mit span mit p und style

okee, das funzt schonmal..

ist jetzt halt nichtmehr so gut wegen WCAG..
..aber wie wollen die übern java applet chatten???

thx schonmal...

[at]

Hallo.

ist jetzt halt nichtmehr so gut wegen WCAG..
..aber wie wollen die übern java applet chatten???

VoIP? ;-)
MfG, at

[MudGuard]

Hi,

<span class="text-align:center;">objekt</span>
Probiere es so:
<span style="text-align:center;">objekt</span>

siehe unten.

Mach diese Korrektur (class --> style) beim p-Element...

cu,
Andreas

[MC Breit]

also der source an der stelle sieht jetzt so aus:

-----------
    <span style="text-align:center;">
     <!-- BEGIN irc applet -->
     <applet code=IRCApplet.class archive="irc.jar" width="715" height="450" codebase="http://www.afterworkchat.net/pirc/">
   <param name="CABINETS" value="irc.cab,securedirc-unsigned.cab">
   <param name="nick" value="mcb-city|user">
   <param name="name" value="mc-breit.de">
   <param name="host" value="donald.afterworkchat.com">
   <param name="port" value="6667">
   <param name="language" value="german2">
   <param name="autoconnection" value="true">
   <param name="timestamp" value="true">
   <param name="showabout" value="false">
   <param name="automaticqueries" value="true">
   <param name="smileys" value="true">
   <param name="highlight" value="true">
   <param name="highlightnick" value="true">
   <param name="command1" value="join #mc-breit.de">
   <param name="quitmessage" value="Wie Arni schon sagte: I'll be back!">
   <param name="asl" value="true">
   <param name="bitmapsmileys" value="true">
   <param name="smiley1" value=":) img/sourire.gif">
   <param name="smiley2" value=":-) img/sourire.gif">
   <param name="smiley3" value=":-D img/content.gif">
   <param name="smiley4" value=":d img/content.gif">
   <param name="smiley5" value=":-O img/OH-2.gif">
   <param name="smiley6" value=":o img/OH-1.gif">
   <param name="smiley7" value=":-P img/langue.gif">
   <param name="smiley8" value=":p img/langue.gif">
   <param name="smiley9" value=";-) img/clin-oeuil.gif">
   <param name="smiley10" value=";) img/clin-oeuil.gif">
   <param name="smiley11" value=":-( img/triste.gif">
   <param name="smiley12" value=":( img/triste.gif">
   <param name="smiley13" value=":-| img/OH-3.gif">
   <param name="smiley14" value=":| img/OH-3.gif">
   <param name="smiley15" value=":'( img/pleure.gif">
   <param name="smiley16" value=":$ img/rouge.gif">
   <param name="smiley17" value=":-$ img/rouge.gif">
   <param name="smiley18" value="(H) img/cool.gif">
   <param name="smiley19" value="(h) img/cool.gif">
   <param name="smiley20" value=":-@ img/enerve1.gif">
   <param name="smiley21" value=":@ img/enerve2.gif">
   <param name="smiley22" value=":-S img/roll-eyes.gif">
   <param name="smiley23" value=":s img/roll-eyes.gif">
   <param name="channelfont" value="12 Arial">
   <param name="chanlistfont" value="12 Arial">
   <param name="nickfield" value="true">
   <param name="useinfo" value="true">
   <param name="styleselector" value="true">
   <param name="setfontonstyle" value="true">
   <param name="backgroundimage" value="true">
   <param name="defaultbackgroundimage" value="http://www.mc-breit.de/projekts/mcb-city/bar/bilder/chatbg.jpg">
   <param name="floatingasl" value="true">
   <param name="color0" value="333333"> <!-- Rahmenfarbe der objekte!"highlight" (scrollbar+butoons) -->
   <param name="color1" value="cccccc"> <!-- 2te Rahmenfarbe der objekte+text(scroll und "angebentext") -->
   <param name="color2" value="000000"> <!-- unknown usr/bin/dir/../root.pl?=what -->
   <param name="color3" value="c0c0c0"> <!-- 3te rahmen "shadow" -->
   <param name="color4" value="ffffff"> <!-- 3d bar-farbe -->
   <param name="color5" value="424242"> <!-- füllfarbe von buttona und dem scroll track -->
   <param name="color6" value="000000"> <!-- hintergrund, nicht chatfenster! -->
   <param name="color7" value="f0f0f0"> <!-- aktiver button (in diesem raum) -->
   <param name="color8" value="bcbcbc"> <!-- aktiver button (bei aktion in raum) -->
   <param name="color9" value="424242"> <!-- schliessen [X]-button -->
   <param name="color10" value="363630"> <!-- Voice -->
   <param name="color11" value="008080"> <!-- op zeichen [@] -->
   <param name="color12" value="363630"> <!-- halfop [@] -->
   <param name="color13" value="363636"> <!-- asl = male -->
   <param name="color14" value="363636"> <!-- asl = female -->
           <param name="color15" value="363636"> <!-- asl = unknown usr/bin/dir/../root.pl?=what -->
   <param name="helppage" value="http://faq.chat.city.mc-breit.de">
  </applet>
     <!-- END irc applet -->
    </span>
----------------

aber da tuht sich nichts von wegen ausrichtung :(

anzuschauen unter: http://www.mc-breit.de/projekts/mcb-city/bar/index.shtml

[wahsaga]

hi,

also der source an der stelle sieht jetzt so aus:
    <span style="text-align:center;">

du hast anscheinend nichts von dem, was bisher im thread gesagt wurde, begriffen ...
dir wurde vorgeschlagen, den span als block level element zu formatieren, oder gleich zu einem solchen zu greifen - davon sehe ich hier aber nichts.

gruss,
wahsaga