Probleme mit Textausrichtung in einer tabelle

handi

Hallo,
ich habe folgendes Problem:
Ich möchte den Text in einer Zelle so ausrichten:
Wort1(linksbündig) Wort2(centriert) Wort3(rechtsbündig)

Wenn ich jetzt aber mit css folgendes mach:
h6 { font-family : Arial; font-size :18pt; color :#2613F7; text align: center;}

und dann den Wort2 diesen Wert zuweise, macht er automatisch einen Abstatz:
Wort1
<h6>Wort2>/h6> Wort3

wenn ich jetzt wort3 den wert rechtsbündig gebe siehts so aus:
Wort1
..........................................Wort2
.............................................................................Wort3

Wenn ich nun den html-tag <nobr> hernehme(also das keine automatischen Zeilenumbrüche kommen sieht es so aus
Wort1Wort2Wort3

Bitte helft mir
MfG Handi

sejuma

Überschriften sind Blockelemente und ordnen sich deshalb untereinander an.
Ergänze mal die Style-Angaben bei h6 noch um

Code

display: inline;

handi

Hallo,
leider hilft das nicht...
Ihr könnt es euch hier mal anschauen(ganz unten die blaue Tabelle):
http://www.realschulweb.de/

thilda

Ich würde mal sagen das da kein h6 oder der gleichen hinkommt.
Immerhin ist es keine Überschrift oder? Aber naja...
Was du machen könntest ist, jedes Wort in ein <span> schreiben und es alles in ein <p> schreiben. Dann werden alle <span>s extra ausgerichtet.

Pion

Warum nimmst du H ? Du wiederlegst ja alles was es mitbringt, also nehm wie der vor mir schon gesagt hat span.....

sejuma

h würde ich auch nicht verwenden, besser die Links entsprechend formatieren.
Trotzdem und damit du einen "kurzfristigen" Erfolg hast, versuch's mal damit:

Code

<span style="float: left;"><font color="#2613f7"><font size="+3">Besucherzahl:</font></font><a id="1232120738" href="http://www.counter.de/"> </a><script type="text/javascript" language="JavaScript" src="http://www.counter-go.de/counter_js.php?account=1232120738"></script><div style="display: none; width: 0px; height: 0px; visibility: hidden;">www.counter-go.de</div><a href="http://www.counter-go.de/" target="_blank"><img src="http://www.counter-go.de/counter.php?account=1232120738" border="0"></a><noscript><a href="http://www.counter-go.de/" target="_blank"><img border=0 src="http://www.counter-go.de/counter.php?account=1232120738"/></a></noscript>
</span>


<span style="float: right;">
<a href="Impressum.html"><h5>Impressum</h5></a></span>


<div style="text-align: center;">
<a href="Haftungsausschluss.html"><h4>Haftungsausschluss</h4></a>
</div>

Alles anzeigen

Allerdings kann ich nicht garantieren ob's auch valide ist und wie gesagt, keine "h" verwenden.

threadi

Ich seh bei dir aber auch Überschriften und sogar font-Elemente. So ist das erst recht falsch.

thilda

Ich würde das so lösen. ganz abgesehen davon das ein float immer ein width braucht @sejuma

HTML

<p>
   <a href="" title="" class="left">Wort 1</a>
   <a href="" title="" class="right">Wort 3</a>
   <a href="" title="" class="mitte">Wort 2</a>
</p>
<hr>

Code

a.left {
   float: left;
   width: 5em;
}
a.mitte {
  display: block;
   width: 5em;
   margin: 0 auto;
   padding: 0;
}
a.right {
   float: right;
   width: 5em;
}
hr {
   clear: both;
   visibility: hidden;
   padding: 0;
   margin: 0;
}

Alles anzeigen

handi

Hallo zusammen,
ich habe sejuma lösung derweil genommen, sie funktioniert eig gut.
thilda:
iwie funktioniert deine nicht bei mir, links steht Besucher, rechts Kontakt, aber des wo in der Mitte stehen soll steht eig links

Probleme mit Textausrichtung in einer tabelle

Tags

Benutzer online in diesem Thema