Ergebnis 1 bis 8 von 8

Thema: Positionierung nicht möglich

  1. #1
    Teeny
    Registriert seit
    12.11.2006
    Ort
    Esslingen
    Beiträge
    20
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard Positionierung nicht möglich

    Hallo!

    Versuche gerade ein eingebundenes Java-Script zu positionieren. Es ist ein Band am oberen Rand, bei dem Bilder wechseln. Siehe Anhang.
    Möchte gerne, dass Kopf und Text genau übereinander sind und nicht versetzt, wie im Augenblick.

    Ich bekomme aber dieses Band nicht positioniert! Hier ist der Code, der in der HTML-Seite drin ist, und der meiner Meinung nach die Postitionierung festlegen müsste:

    <style type="text/css">
    .next { position: absolute; top: 0; left: 100; opacity: 0; filter:alpha(opacity=0); }
    .one { position: absolute; top: 0; left: 0em; opacity: 0; filter:alpha(opacity=0); }
    #meinFader { position: top; }
    </style>

    Das gesamte Script ist unten aufgeführt.

    Leider bewegt sich gar nix, wenn ich andere Werte eingebe. Weiß mir nicht mehr zu helfen. Mir ist auch unklar, warum ich das nicht ins CSS
    reinbekomme. Aber wenn ich das text/css wegmache und .next und alles weitere ins CSS schreibe, funktioniert gar nichts mehr. Uff.

    Wer kann mir helfen?



    <script type="text/javascript">
    function fade(step) {
    var imgs = document.getElementById("meinFader").getElementsBy TagName("img");

    step = step || 0;

    imgs[counter].style.opacity = step/80;
    imgs[counter].style.filter = "alpha(opacity=" + step + ")"; //

    step = step + 2;

    if (step <= 80) {
    window.setTimeout(function () { fade(step); }, 1);
    } else {
    window.setTimeout(next, 4000);
    }
    }

    function next() {
    var imgs = document.getElementById("meinFader").getElementsBy TagName("img");

    if (typeof(counter) != "number") {
    counter = 0;
    }

    counter++;

    if (counter < imgs.length) {
    fade();
    }
    };
    </script>

    <style type="text/css">
    .next { position: absolute; top: 0; left: 100; opacity: 0; filter:alpha(opacity=0); }
    .one { position: absolute; top: 0; left: 0em; opacity: 0; filter:alpha(opacity=0); }
    #meinFader { position: top; }
    </style>

    <title>Willkommen bei ArchajA</title>
    <!--Ende Bildwechsel Head-->

    </head>



    <body>

    <!-- Titelbild -->
    <div>
    <div>
    <p id="meinFader">
    <img src="pics/x1.jpg" class="one">
    <img src="pics/x2.jpg" class="next">
    <img src="pics/x3.jpg" class="next">
    <img src="pics/x4.jpg" class="next">
    <img src="pics/x5.jpg" class="next">
    <img src="pics/x1.jpg" class="next">
    <img src="pics/x2.jpg" class="next">
    <img src="pics/x3.jpg" class="next">
    <img src="pics/x4.jpg" class="next">
    <img src="pics/x5.jpg" class="next">
    <script type="text/javascript">
    javascript:next();
    </script>
    </div>
    <!-- ende Titelbild -->

    Eigentlich dürfte ja nur die
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    HTML Newbie
    Registriert seit
    13.07.2015
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Positionierung nicht möglich

    Das heißt du möchtest dass der Slider oder was auch immer, mittig auf der Seite ist, genauso wie der Text?

    Oder habe ich das falsch verstanden?

    Geht es mit text-align:center nicht?

  3. #3
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.151
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Positionierung nicht möglich

    Damit macht ihr euch nur Probleme:
    position: absolute
    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  4. #4
    HTML Newbie
    Registriert seit
    13.07.2015
    Beiträge
    6
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Positionierung nicht möglich

    Zitat Zitat von Gastl Beitrag anzeigen
    Damit macht ihr euch nur Probleme:
    Warum würde align nur Probleme machen? Kapier ich net ...

  5. #5
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.151
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Positionierung nicht möglich

    Zitat Zitat von Kläuschen
    Warum würde align nur Probleme machen?
    Davon spruch ich nicht.
    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  6. #6
    HTML Newbie
    Registriert seit
    05.08.2015
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Positionierung nicht möglich

    Hallo Archaja,

    probiere es mit:
    Code:
    margin: 0 auto;
    mit diesem Code sagst du das er sich centriert an den jeweiligen Bildschirm positionieren soll, das heißt du hast dann auch keine problme wenn einer einen kleineren oder größeren Bildschirm wie du hast.

  7. #7
    Teeny
    Themenstarter

    Registriert seit
    12.11.2006
    Ort
    Esslingen
    Beiträge
    20
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Positionierung nicht möglich

    Hallo!

    Danke für die Tips.

    Kläuschen:
    Mit "text-align:center" passiert nichts. Ich habe jetzt mal folgendes versucht, da passiert wenigstens etwas, aber nicht das, was ich will.


    <div>
    <div align="center">
    <p id="meinFader">
    <img src="pics/x1.jpg" class="one">
    <img src="pics/x2.jpg" class="next">
    <img src="pics/x3.jpg" class="next">
    <img src="pics/x4.jpg" class="next">
    <img src="pics/x5.jpg" class="next">
    <img src="pics/x1.jpg" class="next">
    <img src="pics/x2.jpg" class="next">
    <img src="pics/x3.jpg" class="next">
    <img src="pics/x4.jpg" class="next">
    <img src="pics/x5.jpg" class="next">
    </div>
    <script type="text/javascript">
    javascript:next();
    </script>

    </div>

    Jetzt positioniert es mir den Slider ganz rechts keine Ahnung, warum!

    Hallo WebHolz

    Wenn ich "margin: 0 auto;" hier einsetze:

    <style type="text/css">
    .next {
    position: absolute;
    top: 0;
    left: 100;
    opacity: 0;
    filter:alpha(opacity=0);
    }

    .one {
    position: absolute;
    top: 0;
    left: 0em;
    opacity: 0;
    filter:alpha(opacity=0);
    }
    #meinFader { position: top; }
    </style>

    oder auch "position: absolute;" ersetze kommt nix gescheites bei raus. Es werden nur die einzelnen Sliderbilder plötzlich untereinander angeordnet, statt übereinander.

  8. #8
    Teeny
    Themenstarter

    Registriert seit
    12.11.2006
    Ort
    Esslingen
    Beiträge
    20
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Positionierung nicht möglich

    Hallo!
    Habe jetzt das Design etwas geändert. Aber das Problem bleibt. Jetzt wird der linke Rand des Sliders zentriert wird. Warum auch immer.
    Ich habe verschiedene Einstellungen versucht. Aber es ändert sich nichts. Im Augenblick habe ich folgenden Code:

    <style type="text/css">
    .next {
    position: absolute;
    margin: 0 auto;
    top: 0;

    opacity: 0;
    filter:alpha(opacity=0);
    }

    .one {
    position: absolute;
    margin: 0 auto;
    top: 0;

    opacity: 0;
    filter:alpha(opacity=0);
    }
    #meinFader {
    position: top0;
    margin: 0 auto;
    }
    </style>

    Band zentriert.jpg
    So sieht es jetzt aus!

Ähnliche Themen

  1. Ansprechen von div nicht möglich ?
    Von RudeBoi im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 23.06.2012, 15:15
  2. include positionierung mit css möglich ?
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 15.11.2010, 22:35
  3. Grafikkartentreiberinstallation nicht möglich
    Von WWKiller im Forum Computer - Internet Forum
    Antworten: 8
    Letzter Beitrag: 17.04.2007, 22:40
  4. Ist Absolute Positionierung in einer Tabelle möglich?
    Von Jimmy bondy im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 16.05.2006, 09:38
  5. ftp upload ab ca 2mb nicht möglich
    Von |o|o im Forum Webhoster - Provider - (free) Webspace - Server - Domain
    Antworten: 8
    Letzter Beitrag: 01.07.2005, 22:41

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •