Thommy: Auswahlfeld vertikal zentrieren

Hallo!

Ich habe folgenden Code und möchte das Auswahlfeld in dem Frame vertikal und horizontal zentrieren. Hab gedacht in ner Tabelle müsste es gehen - geht aber leider nur horizontal. Was müsste ich im Code verändern, damit es im Frame oder in der Tabelle (im Frame) vertikal zentriert wird. DANKE

<html>
<head>
<title>Fotos</title>
<script type="text/javascript">
<!--
function Go(x)

{
 if(x == "nothing")
 {
   document.forms[0].reset();
   document.forms[0].elements[0].blur();
   parent.frames[1].focus();
   return;
 }
 else
  {
   parent.frames[1].location.href = x + ".htm";
   document.forms[0].reset();
   document.forms[0].elements[0].blur();
   parent.frames[1].focus();
  }
}
//-->
</script>
</head>
<BODY BGCOLOR="#339966" MS TEXT="#000000" lang=DE link="#234567" vlink="#234567" marginwidth="0" marginheight="0" topmargin="0" rightmargin="0" leftmargin="0">
<table border="1" width="100%" cellspacing="0" cellpadding="0" height="100%">
    <tr>
      <td align="center">
      <form name="JSForm">
      <select size="1" name="JSAusw" onChange="Go(this.form.JSAusw.options[this.form.JSAusw.options.selectedIndex].value)" class="qbar" style="width:160px;">
                <option value=>Kategorie hier wählen:</option>
                <option value="fotos">Passbilder</option>
                <option value="fotosdaheim">Bei mir daheim</option>
                <option value="fotosstadion">Unterwegs zum Fussball</option>
      </select></form>
      </td>
    </tr>
</table>
</body>
</html>

Gruß Thommy

  1. Tach!

    Ich zentrier' Dich auch gleich mal vertikal!

    Natuerlich nur, wenn Du kein >>CSS<< lernst...

    Der Vertikalzentrator

    1. Tach!

      Ich zentrier' Dich auch gleich mal vertikal!

      Natuerlich nur, wenn Du kein >>CSS<< lernst...

      Der Vertikalzentrator

      Danke - mal wieder so ein geistiger Beitrag!

      Gruß Thommy

  2. Hallo du da draußen,

    Doctype fehlt.

    <html>
    <head>
    <title>Fotos</title>
    <script type="text/javascript">
    <!--
    function Go(x)

    {
     if(x == "nothing")
     {
       document.forms[0].reset();
       document.forms[0].elements[0].blur();
       parent.frames[1].focus();
       return;
     }
     else
      {
       parent.frames[1].location.href = x + ".htm";
       document.forms[0].reset();
       document.forms[0].elements[0].blur();
       parent.frames[1].focus();
      }
    }
    //-->
    </script>
    </head>
    <BODY BGCOLOR="#339966" MS TEXT="#000000" lang=DE link="#234567" vlink="#234567" marginwidth="0" marginheight="0" topmargin="0" rightmargin="0" leftmargin="0">

    Was soll das MS?

    <table border="1" width="100%" cellspacing="0" cellpadding="0" height="100%">

    Benutze statt height="100%" eine CSS-Angabe, sonst funktioniert's im Mozilla nicht.

    <tr>

    <td align="center" valign="middle">

    <form name="JSForm">
          <select size="1" name="JSAusw" onChange="Go(this.form.JSAusw.options[this.form.JSAusw.options.selectedIndex].value)" class="qbar" style="width:160px;">
                    <option value=>Kategorie hier wählen:</option>
                    <option value="fotos">Passbilder</option>
                    <option value="fotosdaheim">Bei mir daheim</option>
                    <option value="fotosstadion">Unterwegs zum Fussball</option>
          </select></form>
          </td>
        </tr>
    </table>
    </body>
    </html>

    Ansonsten:
    http://selfhtml.teamone.de/navigation/faq.htm#mittig_zentrierte_inhalte, fehlt also nur noch das valign="middle".

    Grüße von hier drinnen, aus Biberach an der Riss (http://www.stadt-biberach.de/),
    Dogfish

    --
    Verantwortlich für Falschaussagen ist ausschließlich mein Gehirn. Hinweise auf solche gebe ich ihm aber gerne weiter.
    Let's close our eyes and see what happens.
    http://dogfish.net.tc/
    1. Was soll das MS?

      Fehler meinerseits - ist gelöscht - DANKE

      Hab den Rest auch geändert - geht leider immer noch nicht!

      <html>
      <head>
      <title>Fotos</title>
      <script type="text/javascript">
      <!--
      function Go(x)

      {
       if(x == "nothing")
       {
         document.forms[0].reset();
         document.forms[0].elements[0].blur();
         parent.frames[1].focus();
         return;
       }
       else
        {
         parent.frames[1].location.href = x + ".htm";
         document.forms[0].reset();
         document.forms[0].elements[0].blur();
         parent.frames[1].focus();
        }
      }
      //-->
      </script>
      </head>

      <BODY BGCOLOR="#339966" TEXT="#000000" lang=DE link="#234567" vlink="#234567" marginwidth="0" marginheight="0" topmargin="0" rightmargin="0" leftmargin="0">

      <table border="1" width="100%" cellspacing="0" cellpadding="0" height="100%" >
          <tr>
            <td align="center" valign="middle">
            <form name="JSForm">
            <select size="1" name="JSAusw" onChange="Go(this.form.JSAusw.options[this.form.JSAusw.options.selectedIndex].value)" class="qbar" style="width:160px;">
                      <option value=>Kategorie hier wählen:</option>
                      <option value="fotos">Passbilder</option>
                      <option value="fotosdaheim">Bei mir daheim</option>
                      <option value="fotosstadion">Unterwegs zum Fussball</option>
            </select></form></td>
          </tr>
      </table>

      </body>
      </html>

      Trotzdem Danke für Deine Hilfe!

      Gruß Thommy

      1. Hallo du da draußen,

        Hab den Rest auch geändert - geht leider immer noch nicht!

        In welchem Browser? Im Konqueror geht's, in Mozilla und Netscape7 auch, in Netscape 4.7 auch, in Opera 6 auch, nur in Lynx nicht. Und einen M$IE hab ich grad nicht zur Hand.

        Grüße von hier drinnen, aus Biberach an der Riss (http://www.stadt-biberach.de/),
        Dogfish

        --
        Verantwortlich für Falschaussagen ist ausschließlich mein Gehirn. Hinweise auf solche gebe ich ihm aber gerne weiter.
        Let's close our eyes and see what happens.
        http://dogfish.net.tc/
        1. Hallo Du da drinn! *fg*

          Hab IE - da geht es leider nicht.

          Er zeigt mir das Frame - darin die Tabelle (hab mir ja den Rand anzeigen lassen) - das Auswahlfehlt steht horizontal in der Mitte - vertikal hängt es ca. 10px vom Tabellen-Rand oben weg.

          Gruß Thommy

        2. Also - wenn ich die Datei alleine aufrufe - geht es einwandfrei...

          rufe ich sie in der HP auf - geht es nicht :(

          Gruß Thommy

          1. Hallo du da draußen,

            rufe ich sie in der HP auf - geht es nicht :(

            Kannst du vielleicht kurz eine URL angeben, damit wir das Problem nachvollziehen können?

            Grüße von hier drinnen, aus Biberach an der Riss (http://www.stadt-biberach.de/),
            Candid "Dogfish" Dauth

            --
            Verantwortlich für Falschaussagen ist ausschließlich mein Gehirn. Hinweise auf solche gebe ich ihm aber gerne weiter.
            Let's close our eyes and see what happens.
            http://dogfish.net.tc/
      2. Hallo Thommy,

        <table border="1" width="100%" cellspacing="0" cellpadding="0" height="100%" >

        hat Dogfish nicht gesagt, du sollst height mit css machen? (border, width, cellspacing und cellpadding auch geleich, wenn du schon dabei bist :-))

        Ich vermute, dass es trotzdem nicht funktionieren wird. die 100% beziehen sich schließlich auf das Elternelement von <table> in dem Fall also <body> - dieses Element bezieht sich wiederum auf das Elternelement also <html> - und <html> bezieht sich auf das Browserfenster. Du musst also html und body auch eine Höhe verpassen: html,body { height:100%; }. (ich hoffe, dass das funktioniert - ausprobiert habe ich es nicht :-))

        <td align="center" valign="middle">

        das geht auch mit css

        <form name="JSForm">

        hier fehlt das action-Attribut.

        Grüße aus Nürnberg
        Tobias

        --
        Selfcode: sh:( fo:) ch:? rl:( br:< n4:& ie:% mo:| va:) de:] zu:) fl:( ss:| ls:[ js:|
        1. Hallo!

          Erstmal danke für die Antwort!

          Das mit Body usw. hat nicht funktioniert.

          das geht auch mit css

          Hab im Moment keine Zeit / Lust mich dareinzuarbeiten - mache ich die Tage mal.

          <form name="JSForm">
          hier fehlt das action-Attribut.

          Was meinst Du? Sagt mir jetzt nichts?

          Gruß Thommy

          1. Hallo Thommy,

            Das mit Body usw. hat nicht funktioniert.

            kann man sich das ganze mal live ansehen (->url)?

            <form name="JSForm">
            hier fehlt das action-Attribut.
            Was meinst Du?

            laut [ink:http://www.w3.org/TR/REC-html40/interact/forms.html#edef-FORM] ist das action-Attribut für ein form-Element verpflichtend (es enthält die Url an die das Formular gesendet wird).

            Sagt mir jetzt nichts?

            sagt es dir jetzt nichts, oder nicht? :-)

            Grüße aus Nürnberg
            Tobias

            --
            Selfcode: sh:( fo:) ch:? rl:( br:< n4:& ie:% mo:| va:) de:] zu:) fl:( ss:| ls:[ js:|
            1. Hallo!

              Url kann ich erst morgen nennen - kann es heute (von meinem Standort hier) nicht hochladen!

              Gruß Thommy

          2. Hallo du da draußen,

            <form name="JSForm">
            hier fehlt das action-Attribut.
            Was meinst Du? Sagt mir jetzt nichts?

            Ein Formular benötigt ein action-Attribut, damit der Browser weiß, wohin er die Daten "schicken" soll. Wird es weggelassen, interpretieren es die aktuelle Browser so, dass sie die Daten einfach an die aktuelle Seite senden. Da es aber zwingen notwendig ist, fehlt es eben hier.

            Grüße von hier drinnen, aus Biberach an der Riss (http://www.stadt-biberach.de/),
            Candid "Dogfish" Dauth

            --
            Verantwortlich für Falschaussagen ist ausschließlich mein Gehirn. Hinweise auf solche gebe ich ihm aber gerne weiter.
            Let's close our eyes and see what happens.
            http://dogfish.net.tc/