Ankündigung

Einklappen
Keine Ankündigung bisher.

div container positionieren

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • div container positionieren

    Habe mir schon zig tutorials angeschaut aber irgendwie begreife ich es nicht ganz

    PHP-Code:
    <div class="container w3-row">
        <
    div class="w3-col s3">
            <
    table class="w3-table w3-bordered w3-theme">
            <
    tr>
                <
    th>Pflanze</th>
                <
    th>zu finden in</th>
            </
    tr>
            <
    tr>
                <
    td>Beulengrass</td>
                <
    td><a href="#d1">Uldum</a></td>
            </
    tr>
            <
    tr>
                <
    td></td>
                <
    td><a href="#d2">Sturmwind</a></td>
            </
    tr>
            <
    tr>
                <
    td></td>
                <
    td><a href="#d3">Eisenschmiede</a></td>
            </
    tr>
            <
    tr>
                <
    td></td>
                <
    td><a href="#d4">Darnassus</a></td>
            </
    tr>
            </
    table>
        </
    div>
        <
    div class="w3-col s9">
            <
    div id="d1" class="detailseigen">
                <
    h3>Details zum 1. Eintrag</h3>
            </
    div>
            <
    div id="d2" class="detailseigen">
                <
    img class="imgeigen" src="http://gwow.eu/1/WoWScrnShot_041617_023520.jpg" alt="Bild Uldum">
            </
    div>
            <
    div id="d3" class="detailseigen">
                <
    h3>Details zum 3. Eintrag</h3>
            </
    div>
            <
    div id="d4" class="detailseigen">
                <
    h3>Details zum 4. Eintrag</h3>
            </
    div>
        </
    div>
    </
    div
    PHP-Code:
    .detailseigen {
        
    positionrelative;
        
    left1px;
        
    top1px;
        
    padding1em 1em .2em;
        
    width450px;
        
    max-height100%;
    /*    overflow: auto; */
        
    displaynone;
    }

    .
    detailseigen:target {
        
    displayblock;
    }
    .
    imgeigen 
        
    width100%;
        
    heightauto;

    wie bekomme ich es hin das, wenn ich auf einen der links klicke, das div nicht ganz nach oben springt sondern sich (wie gewollt) am anderen div ausrichtet!

    Soll genau heißen, die seite ist größer und der Div container ist mittig auf der seite, jetzt soll das ganze konstruckt nicht nach oben springen!
    Ich hoffe ich konnte mich einigermaßen klar ausdrücken, bin da schon die ganze nacht dran am rumprobieren!

  • #2
    Zitat von Hideaki Beitrag anzeigen
    Ich hoffe ich konnte mich einigermaßen klar ausdrücken
    Nein, mach mal einen Screenshot, damit wir erkennen, was Du willst. Dein Code alleine, ohne das zugehörige Grid-System zu kennen, hilft nicht weiter.

    Kommentar


    • #3
      Hat nichts mit PHP zu tun.


      MOD: Verschoben von PHP-Einsteiger
      The string "()()" is not palindrom but the String "())(" is.

      Debugging: Finde DEINE Fehler selbst! | Gegen Probleme beim E-Mail-Versand | Sicheres Passwort-Hashing | Includes niemals ohne __DIR__
      PHP.de Wissenssammlung | Kein Support per PN

      Kommentar


      • #4
        Zitat von kaminbausatz Beitrag anzeigen

        Nein, mach mal einen Screenshot, damit wir erkennen, was Du willst. Dein Code alleine, ohne das zugehörige Grid-System zu kennen, hilft nicht weiter.
        ich glaube mit deinem direkten link könnt ihr mehr anfangen http://forum.gwow.eu/showthread.php?tid=3

        dort wenn man z.b.: auf Uldum klickt springt das ganze nach oben, an dem Script selber kann es glaube ich nicht liegen der Fehler muss woanders liegen, ich weiß nur nicht wo

        Kommentar


        • #5
          example.com/....#d1 springt zu id d1

          Das ist kein Fehler, sondern so gewollt, von der Forumssoftware.

          Siehe https://wiki.selfhtml.org/wiki/HTML/...terne_Verweise

          Kommentar


          • #6
            Zitat von protestix Beitrag anzeigen
            example.com/....#d1 springt zu id d1

            Das ist kein Fehler, sondern so gewollt, von der Forumssoftware.

            Siehe https://wiki.selfhtml.org/wiki/HTML/...terne_Verweise
            danke für die Hilfe, das muss ich mir dann mal genauer anschauen!

            Kommentar

            Lädt...
            X