4udesigns: tabelle positionieren

Hallo,

Ich habe mit diesem Code versucht eine Grafik mit Hovereffekt (per CSS) zu positionieren.
<div style="position:absolute; top="200";left="800"" class="language">
<a class="language" title="Change Language to English" alt="Change Language to English" href="index.htm"></a>
</div>
Es klappt nicht.
Wie kann ich diese Tabelle jetzt positionieren?

  1. Mahlzeit,

    <div style="position:absolute; top="200";left="800"" class="language">
    <a class="language" title="Change Language to English" alt="Change Language to English" href="index.htm"></a>
    </div>

    Ein Link ohne Inhalt? Also nichts, wo man draufklicken könnte? Sicher?

    Es klappt nicht.

    "Klappt nicht" ist keine hilfreiche Problem- bzw. Fehlerbeschreibung.

    Wie kann ich diese Tabelle jetzt positionieren?

    Ich sehe in Deinem Code weder eine Grafik noch eine Tabelle. Was genau willst Du?

    MfG,
    EKKi

    --
    sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
    1. Hier ist der gesamte Code:
      a.language       { display:block;
                   background-image:url(http://80.190.202.79/pic/m/monsterweak/kglfl.png);
                   width:30px; height:30px }
      a.language:hover { background-image:url(http://80.190.202.79/pic/m/monsterweak/kenglfl-hover.png); }
      und:
      <div style="position:absolute; top="200";left="800"" class="language">
      <a class="language" title="Change Language to English" alt="Change Language to English" href="index.htm"></a>
      </div>
      Mein Problem ist, dass ich das "div" nicht Positionieren kann

      1. Hi,

        Mein Problem ist, dass ich das "div" nicht Positionieren kann

        Dein Problem ist, dass du fehlerhaften Code schreibst - und das sogar in mehrfacher Hinsicht.

        <div style="position:absolute; top="200";left="800"" class="language">

        ^Beginn des Wertes des Style-Attributes
                                            ^Ende des Wertes des Style-Attributes

        Die Anfuehrungszeichen um die Werte haben dort absolut nichts verloren; Einheiten aber schon, die fehlen aber leider.

        MfG ChrisB

        --
        "The Internet: Technological marvel of marvels - but if you don't know *what* you're lookin' for on the Internet, it is nothing but a time-sucking vortex from hell."
        1. Danke, aber es klappt immer noch nicht,hat jemand eine Idee?

          1. Mahlzeit,

            Danke, aber es klappt immer noch nicht,hat jemand eine Idee?

            "Klappt nicht" klappt nicht.

            MfG,
            EKKi

            --
            sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
            1. Ich habe mir gedacht, dass es eine andere Möglichkeit gibt.
              Also, was ich möcht eist eine Grafik mit Hover-effekt.
              Wie könnte ich das am besten hinkriegen?

              1. Also, was ich möcht ist eine Grafik mit Hover-effekt.
                Wie könnte ich das am besten hinkriegen?

                <style>
                .parent{position:relative;}
                .paren img { position:absolute; top:10em; left10em; }
                .parent img:hover { position:absolute; top:666em; left666em; }
                </style>

                <body>
                <div class="parent"><img src="...."></div>

                Merke: Absolut positionierte Elemente werden relativ zu dem Elternelement positioniert, das nicht position:static hat.
                Deshalb habe ich das Img in einen div gesteckt mit position:relative
                Merke dass in CSS alls Angaben betreffs einer Länge eine Einheit haben.

                Ich hoffe das hilft ein bisschen weiter.

                mfg Beat

          2. Hi,

            Danke, aber es klappt immer noch nicht,hat jemand eine Idee?

            Mach's richtig.

            (Was Du noch falsch machst, kann ja keiner beurteilen, wenn Du's nicht zeigst  ...)

            cu,
            Andreas

            --
            Warum nennt sich Andreas hier MudGuard?
            O o ostern ...
            Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
      2. Hi!
        Ich bin noch am Raetseln, was genau Du meinst. Dein Threadtitle laesst vermuten, dass Du Eine Tabelle positionieren moechtest. Dann schreibst Du was von einer Grafik, die Du zentrieren willst, und lieferst Code ohne Grafikelement, nur um am ende wieder was von einer Tabelle zu erwaehnen.

        Das Problem dabei: In Deinem code gibt es keine Tabelle. In Deinem Code gibt es auch kein Grafikelement.

        Ich nehme an, die moechtest einen Link zentrieren? Die hast du hier jedenfalls nett mit CSS formatiert:

        a.language       { display:block;
                     background-image:url(http://80.190.202.79/pic/m/monsterweak/kglfl.png);
                     width:30px; height:30px }
        a.language:hover { background-image:url(http://80.190.202.79/pic/m/monsterweak/kenglfl-hover.png); }

        Dann kommt nen Div mit nochmal inline Styleangaben. Das positionierst Du absolut mit 200Eiern von oben und 800 Schafen links. Keinen Schimmer was das soll, aber mit Zentrierung hat das erstmal wenig zu tun.

        <div style="position:absolute; top="200";left="800"" class="language">
        <a class="language" title="Change Language to English" alt="Change Language to English" href="index.htm"></a>
        </div>

        Mein Problem ist, dass ich das "div" nicht Positionieren kann

        Und hier nun erklaerst Du uns dass Dein eigentliches Anliegen ist, das aeussere Div zu zentrieren. (Son Div ist uebrigens weder ein Bild noch eine Tabelle)

        Tja. Was Du uns allerdings nicht mitteilst ist wo das Div denn zentriert werden soll, und warum es nicht so geht, wie es in der FAQ steht. Auch weiss keiner so genau, was das Div eigentlich soll. In dem Code, wie du ihn praesentierst, machts jedenfalls erstmal keinen Sinn. Es scheint ja nur einen Link zu schachteln.

        Deine Posts werfen mehr Fragen auf als beantwortet werden sollen.

      3. <div style="position:absolute; top="200";left="800"" class="language">
        <a class="language" title="Change Language to English" alt="Change Language to English" href="index.htm"></a>
        </div>

        einerseits hast du in deinem inline style eine menge css fehler - genaugenommen hat das bis auf position:absolute; nur wenig mit css-syntax gemein

        "Change language to english" ist typographisch korrekt

        ein alt-text für links ist besonders sinnvoll - hier würde sich das lang-attribut empfehlen lang="en" z.b.

        weiters gedenkst du flaggen einzusetzen, keine tolle idee
        http://gregor-moellring.de/anleitungen/flaggen-als-sprachsymbol/

        1. Hallo.

          "Change language to english" ist typographisch korrekt

          Bold.
          MfG, at