David Meier: Tabelle mittig ausrichten

SELF-Forum

Tabelle mittig ausrichten

David Meier
– Informationen zu den Bewertungsregeln

Hallo,

wie schaffe ich es, die Balken links in der Navileiste mittig auszurichten?

http://www.raucherinsel.de/test/index.html

Hier der Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:#AAAAAA;
scrollbar-track-color:#606060;
}
-->
</STYLE>
<title>Navi</title>
<link rel="stylesheet" href="styles.css" type="text/css">

<LINK
href="qstyle.css" rel=stylesheet type=text/css>
<SCRIPT language=JavaScript src="script_files/wrapscript.js"></SCRIPT>
<SCRIPT language=JavaScript>
// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
<!--
bAgent=navigator.userAgent;
btype=bAgent.substring(8,9);
isMac=(bAgent.indexOf("Mac")>=0);
isIE=(bAgent.indexOf("MSIE")>=0);
useframes=((isMac && isIE && btype<="3") || (btype<="2" && !(bAgent.indexOf("MSIE 3")>=0)));
function loader() {
 if(!useframes) nsloading();
}
//-->
</SCRIPT>

</head>
<body background="images/index_13.gif" bgproperties="fixed" scroll="auto">
 <table border="0" width="140" height="345">
 <tr>
  <td valign="top">
<div class="NV0" id="TP">
             
            <div>
              <div class="NV1" id="RR" onclick="clikker1(RR2,BB2,CC2,DD2,RRp,BBp,CCp,DDp);" onmouseout="msout(1)" onmouseover="msover(1)">
                <img border="0" height="15" id="RRp" src="script_files/haupt1off.gif" width="105">
              </div>
              <div class="NV2" id="RR2" style="DISPLAY: none">
                <font face="MS Sans Serif" size="1"><img border="0" src="script_files/bullet1.gif" width="7" height="7">
                <a class="roll" href="haupt1.html" target="inhalt">Unterthema1</a><br>
                <img border="0" src="script_files/bullet1.gif" width="7" height="7">
                <a class="roll" href="haupt2.html" target="inhalt">Unterthema2</a><br>
                <img border="0" src="script_files/bullet1.gif" width="7" height="7">
                <a class="roll" href="haupt3.html" target="inhalt">Unterthema3</a><br>
                </a></font>
              </div>
              <div class="NV1" id="BB" onclick="clikker2(BB2,RR2,CC2,DD2,RRp,BBp,CCp,DDp);" onmouseout="msout(2)" onmouseover="msover(2)">
                <img border="0" height="15" id="BBp" src="script_files/haupt1off.gif" width="105">
              </div>
              <div class="NV2" id="BB2" style="DISPLAY: none">
                <font face="MS Sans Serif" size="1"><img border="0" src="script_files/bullet1.gif" width="7" height="7">
                <a class="roll" href="http://planmagic.com" target="_top">Overview</a><br>
                <img border="0" src="script_files/bullet1.gif" width="7" height="7">
                <a class="roll" href="http://planmagic.com" target="_top">Reports</a><br>
                <img border="0" src="script_files/bullet1.gif" width="7" height="7">
                <a class="roll" href="http://planmagic.com" target="_top">Financial<br>
                </a><img border="0" src="script_files/bullet1.gif" width="7" height="7">
                <a class="roll" href="http://planmagic.com" target="_top">Earnings<br>
                </a><img border="0" src="script_files/bullet1.gif" width="7" height="7">
                <a class="roll" href="http://planmagic.com" target="_top">SEC Filings</a><br>
                <img border="0" src="script_files/bullet1.gif" width="7" height="7">
                <a class="roll" href="http://planmagic.com" target="_top">FAQ</a></font><br>
              </div>
            </div>
            <div class="NV1" id="CC" onclick="clikker3(CC2,RR2,BB2,DD2,RRp,BBp,CCp,DDp);" onmouseout="msout(3)" onmouseover="msover(3)">
              <img border="0" height="15" id="CCp" src="script_files/haupt1off.gif" width="105">
            </div>
            <div class="NV2" id="CC2" style="DISPLAY: none">
              <font face="MS Sans Serif" size="1"><img border="0" src="script_files/bullet1.gif" width="7" height="7">
              <a class="roll" href="http://planmagic.com" target="_top">Small Business<br>
              </a><img border="0" src="script_files/bullet1.gif" width="7" height="7">
              <a class="roll" href="http://planmagic.com" target="_top">Distributors</a></font><br>
            </div>
            <div class="NV1" id="DD" onclick="clikker4(DD2,RR2,BB2,CC2,RRp,BBp,CCp,DDp);" onmouseout="msout(4)" onmouseover="msover(4)">
              <img border="0" height="15" id="DDp" src="script_files/haupt1off.gif" width="105">

</div>

<div class="NV2" id="DD2" style="DISPLAY: none">
              <font face="MS Sans Serif" size="1"><img border="0" src="script_files/bullet1.gif" width="7" height="7">
              </font><a class="roll" href="http://planmagic.com" target="_top"><font face="MS Sans Serif" size="1">Accounting</font></a><br>
            </div>
  </td>
 </tr>
</table>

</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Tabelle mittig ausrichten

    Jeena Paradies Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Hans aus Deutschland,

    wie schaffe ich es, die Balken links in der Navileiste mittig auszurichten?
    http://www.raucherinsel.de/test/index.html

    In dem du dem Elternelement die Eigenschaft text-align: center zuweist.

    Poste bitte nicht so viel Code sondern nur den Teil der für die Frage relevant ist. Wenn das für uns zu wenig ist gucken wir schon selbst in den Code rein.

    Grüße
    Jeena Paradies

    --
    Willst du wissen warum ich dich »Hans aus Deutschland« nenne?
    [pref:t=76370&m=440101]
    Bambergs Fasching - nur ein großer (Werbe-)Flop?
    http://jeenaparadies.de/artikel/fasching/
    Jeenas Bannertauschportal; selbstgemacht ;-)
    http://jeenasbannerbude.de
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Tabelle mittig ausrichten

      David Meier
      – Informationen zu den Bewertungsregeln

      Hallo,

      dennoch vielen Dank für Deine Antwort.
      Nur klappt es nicht - wo genau gehört der Code rein?

      Außerdem versuche ich gerade, den oberen Button News so zu verlinken, dass er auf das rechte iframe inhalt verweist. Kann mir wer bitte helfen. Ich bin nicht faul, sondern nur HTML-Blind! :P

      Grüße
      nexius

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Tabelle mittig ausrichten

        David Meier
        – Informationen zu den Bewertungsregeln

        Kann mir wirklich niemand helfen?

        Grüße
        David Meier

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Tabelle mittig ausrichten

          Patrick Kujawa
          – Informationen zu den Bewertungsregeln

          Moin moin,
          Jeena hat dir doch schon den entscheidenden Tipp gegeben.
          Du hast deine Navi in einem DIV verpackt. Du richtest den Inhalt dieses DIVs mittig aus.

          Gruß
          Patrick

          --
          Mein Selfcode: ss:) zu:) ls:[ fo:) de:] va:| ch:? n4:° rl:( br:< js:{ ie:% fl:( mo:|
          http://www.peter.in-berlin.de/projekte/selfcode/?code=ss%3A)+zu%3A)+ls%3A[+fo%3A)+de%3A]+va%3A|+ch%3A%3F+n4%3A�+rl%3A(+br%3A<+js%3A{+ie%3A%25+fl%3A(+mo%3A|
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

        2. Tabelle mittig ausrichten

          Jeena Paradies Homepage des Autors
          – Informationen zu den Bewertungsregeln

          Hallo Hans aus Deutschland,

          Kann mir wirklich niemand helfen?

          Warscheinlich hat keiner Lust sich durch deinen Unübersichtlichen Code zu arbeiten (mich eingeschlossen) Denn wenn ich so was wie:

          <font face="MS Sans Serif" size="1">
           <img border="0" src="script_files/bullet1.gif" width="7" height="7">
          </font>

          Sehe dann vergeht mir alles. Das kann kein Mensch verbrochen haben, dass muss ein falsch bedientes Programm gewesen sein. Man sollte <font> sowiewo nicht mehr benutzen, und wenn dann schon dann sollte man wenigstens wissen wozu man es benutzt. Die Angaben beziehen sich nur auf Text also es soll die Schriftart "MS Sans Serif" (die warscheinlich viele sowieso nicht haben) auf den dazwischen liegenden Text angewandt werden, außerdem soll der Text eine bestimmte Schriftgröße 1 haben. Da ist aber kein Text nur ein Bild. Wozu dann das ganze außenrum? Man könnte warscheinlich mehr als 70% deines Codes sparen wenn man das richtig macht.

          Und dass du von 100% Platz auf meinem Monitor nur 14% für den Inhalt Platz lässt wird wohl auch für die hartgesottensten verfächter von starrem Design etwas zu extrem sein.

          Ich habe keine Lust dir die Antwort so zu geben in dem ich den ganzen Code durchschaue, aber ich will dir trotzdem helfen.

          Weißt du was ein Elternelement ist? Wenn nicht dann will ich dir das erklären:

          +---------------------------------+
          |                                 |
          |  +------------+                 |
          |  |Bild        |           A     |
          |  |Bild        |                 |
          |  |Bild        |                 |
          |  |Text        |                 |
          |  |Bild        |                 |
          |  |            |                 |
          |  |            |                 |
          |  |            |                 |
          |  |        B   |                 |
          |  +------------+                 |
          +---------------------------------|

          Einfach ausgedrückt ist das Elternelement dieses welches das Element umschließt. Welches wäre dann das Elternelement von Bild? Genau Die Box "B"! Und welches wäre das Elternelement von der Box "B"? Jawohl Box "A".

          In dem du sagst box "B" soll den Text den es in sich hat zentrieren (text-align: center) bekommst du es hin dass Sein Text zentriert dargestellt wird. Bilder werden dabei genau so behandelt wie Text, werden also auch zentriert weil sie inline Elemente sind.

          Jetzt musst du in deinem Quellcode herausfinden welches das Elternelement von deinen Links ist. BTW Die Links hättest du ruhig als eine ungeordnete Liste auszeichnen können denn genau das sind sie. Damit hättest du dir das div oder die Tabelle oder was du da auch immer benutzt hast sparen können.

          Grüße
          Jeena Paradies

          --
          Willst du wissen warum ich dich »Hans aus Deutschland« nenne?
          [pref:t=76370&m=440101]
          Bambergs Fasching - nur ein großer (Werbe-)Flop?
          http://jeenaparadies.de/artikel/fasching/
          Jeenas Bannertauschportal; selbstgemacht ;-)
          http://jeenasbannerbude.de
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln