Zum Inhalt springen

<div> und zentrieren....

Erstellt am 3. Mai 2004 · 4 Antworten · letzte Antwort am 4. Mai 2004

Tags: HTML & CSS, Frage

w@ ·

Hallo zusammen

Vermutlich ist's ja eine "jaa-jaa" Frage....aber ich seh
die Bäume vor lauter Wald nicht.....

Ich füge in meiner Site ein horizontales "Menu" mit folgendem Code in ein <td> ein.

# Define MENU Rechts
marks.RRECHTS = COA
marks.RRECHTS.wrap = <div id="id-rrechts"> | </div>
marks.RRECHTS.10 = TEXT
marks.RRECHTS.10 {
wrap = <span><a href="index.php?id=2" target="_self"><img src="fileadmin/root-template/images/home.gif" width="14" height="14" border="0" align="left" alt="Home"></a></span>
}
marks.RRECHTS.20 = TEXT
marks.RRECHTS.20 {
wrap = <span><a href="index.php?id=3" target="_self"><img src="fileadmin/root-template/images/mail.gif" width="14" height="14" border="0" align="left" alt="Kontakt"></a></span>
}

Nun möchte ich aber dieses "Menu" in der Tabelle zentriert haben.
Also mach ich doch einfach:

# Define MENU Rechts
marks.RRECHTS = COA
marks.RRECHTS.wrap = <div id="id-rrechts" align="center"> | </div>
marks.RRECHTS.10 = TEXT
marks.RRECHTS.10 {
wrap = <span><a href="index.php?id=2" target="_self"><img src="fileadmin/root-template/images/home.gif" width="14" height="14" border="0" align="left" alt="Home"></a></span>
}
marks.RRECHTS.20 = TEXT
marks.RRECHTS.20 {
wrap = <span><a href="index.php?id=3" target="_self"><img src="fileadmin/root-template/images/mail.gif" width="14" height="14" border="0" align="left" alt="Kontakt"></a></span>
}

daraus. Müsste meiner Meinung nach so funktionieren...
Tut's aber nicht..... o.O

Hier noch der Output...:

<tr>
<td valign="top"><div id="id-rrechts" align="center"><span><a href="index.php?id=2" target="_self"><img src="fileadmin/root-template/images/home.gif" width="14" height="14" border="0" align="left" alt="Home"></a></span><span><a href="index.php?id=3" target="_self"><img src="fileadmin/root-template/images/mail.gif" width="14" height="14" border="0" align="left" alt="Kontakt"></a></span></div></td>
</tr>

Wo ist mein Überlegungsfehler....?
Bedanke mich schon jetzt für jeden Tritt ans Schienbein... 😃

Gruss w@

TW ·
w@ schrieb

Hallo zusammen

Vermutlich ist's ja eine "jaa-jaa" Frage....aber ich seh
die Bäume vor lauter Wald nicht.....

Ich füge in meiner Site ein horizontales "Menu" mit folgendem Code in ein <td> ein.

# Define MENU Rechts
marks.RRECHTS = COA
marks.RRECHTS.wrap = <div id="id-rrechts"> | </div>
marks.RRECHTS.10 = TEXT
marks.RRECHTS.10 {
wrap = <span><a href="index.php?id=2" target="_self"><img src="fileadmin/root-template/images/home.gif" width="14" height="14" border="0" align="left" alt="Home"></a></span>
}
marks.RRECHTS.20 = TEXT
marks.RRECHTS.20 {
wrap = <span><a href="index.php?id=3" target="_self"><img src="fileadmin/root-template/images/mail.gif" width="14" height="14" border="0" align="left" alt="Kontakt"></a></span>
}

Nun möchte ich aber dieses "Menu" in der Tabelle zentriert haben.
Also mach ich doch einfach:

# Define MENU Rechts
marks.RRECHTS = COA
marks.RRECHTS.wrap = <div id="id-rrechts" align="center"> | </div>
marks.RRECHTS.10 = TEXT
marks.RRECHTS.10 {
wrap = <span><a href="index.php?id=2" target="_self"><img src="fileadmin/root-template/images/home.gif" width="14" height="14" border="0" align="left" alt="Home"></a></span>
}
marks.RRECHTS.20 = TEXT
marks.RRECHTS.20 {
wrap = <span><a href="index.php?id=3" target="_self"><img src="fileadmin/root-template/images/mail.gif" width="14" height="14" border="0" align="left" alt="Kontakt"></a></span>
}

daraus. Müsste meiner Meinung nach so funktionieren...
Tut's aber nicht..... o.O

Hier noch der Output...:

<tr>
<td valign="top"><div id="id-rrechts" align="center"><span><a href="index.php?id=2" target="_self"><img src="fileadmin/root-template/images/home.gif" width="14" height="14" border="0" align="left" alt="Home"></a></span><span><a href="index.php?id=3" target="_self"><img src="fileadmin/root-template/images/mail.gif" width="14" height="14" border="0" align="left" alt="Kontakt"></a></span></div></td>
</tr>

Wo ist mein Überlegungsfehler....?
Bedanke mich schon jetzt für jeden Tritt ans Schienbein... 😃

Gruss w@

hi peter #giggle#
im html template mal den marker auf

<td align="center">###marker###</td>

stellen..

cu
thorsten

w@ ·

Hi Thorsten....

Ganz so einfach soll's denn doch nicht sein....
Hab ich schon mal ausprobiert, aber manchmal geht's ja doch...
Nur diesesmal noch nicht....

Im Template hab ich jetzt angepasst:

<tr>
<td valign="top" align="center">###RRECHTS###</td>
</tr>

Und das ist nun der Output...:

<tr>
<td valign="top" align="center"><div id="id-rrechts"><span><a href="index.php?id=2" target="_self"><img src="fileadmin/root-template/images/home.gif" width="14" height="14" border="0" align="left" alt="Home"></a></span><span><a href="index.php?id=3" target="_self"><img src="fileadmin/root-template/images/mail.gif" width="14" height="14" border="0" align="left" alt="Kontakt"></a></span></div></td>
</tr>

Und nu....

Gruss Peter

w@ ·

Hat sonst niemand ne Idee woran's liegen könnte... 🙁

Könnte da ein Problem generiert werden, weil die
<span> Tags im <div> eingefügt sind...?

Steh da echt im Walde und möchte das gerne lösen können.... ;-)

btw. habe 3.6.0 Final aufgesetzt...

Danke und Gruss....
peter

ffr_dev ·

ich würde das align in einem css file ausprobieren.

evtl geht's es dann und auf jedenfall ist es sauberer und gemütlicher,
als jedesmal den cache zu leeren. 😉

#id-rrechts {
  text-align: center;
}

wenns nicht geht, dann gib doch dem span mal eine klasse mit und probiers da

dazu noch nen nützlichen link
http://www.css.talky.de