1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

Scroll Leiste

  • Heat
  • 10. Januar 2010 um 13:27
  • Heat
    Anfänger
    Beiträge
    5
    • 10. Januar 2010 um 13:27
    • #1

    EDIT: Habe das problem gelöst!

    Hallo!

    Ich bin hier neu und habe auch schon meine erste frage, hoffe jemand kann mir weiterhelfen, da ich bisher weder in google, noch in diesem forum eine lösung gefunden habe.

    Da ich ein hintergrundbild habe, das zentriert ist, kann ich keine layer erstellen, da diese sonst bei anderen auflösungen usw alle abrutschen und nicht mehr da sind wo sie sein sollen.

    Deshalb möchte ich statt ein layer, eine tabelle mit scroll balken haben.

    Hier der Code für die tabelle mit layer und auto scrollbalken:

    (Ich bin noch nicht so gut in HTML, also bitte noob sichere antworten wenns geht :-))

    Code
    <div class="style3" id="Layer">
          <table width="626" height="51" border="0">
            <tr>
              <td width="11">&nbsp;</td>
              <td width="605"><div align="center">Links</div></td>
            </tr>
          </table>
          <table width="625" height="51" border="0">
            <tr>
              <td width="214">&nbsp;</td>
              <td width="401"><div align="left" class="style4">USAF Thunderbirds</div></td>
            </tr>
          </table>
          <table width="625" height="133" border="0">
            <tr>
              <td width="202" height="129">&nbsp;</td>
              <td width="413"><ul>
                <li><span class="style5"><a href="http://thunderbirds.airforce.com/">USAF Thunderbirds</a></span></li>
                <li><span class="style5"><a href="http://www.thunderbirdsalumni.com/">USAF Thunderbirds</a></span><a href="http://www.thunderbirdsalumni.com/"><span class="style5"> Alumni</span></a><span class="style5"></span></li>
                <li><span class="style5"><a href="http://en.wikipedia.org/wiki/U.S._Air_Force_Thunderbirds">USAF Thunderbirds</a></span><a href="http://en.wikipedia.org/wiki/U.S._Air_Force_Thunderbirds"><span class="style5"> Wikipedia</span></a><span class="style5"></span></li>
              </ul></td>
            </tr>
          </table>
          <table width="625" height="51" border="0">
            <tr>
              <td width="214">&nbsp;</td>
              <td width="401"><div align="left" class="style4">Flight Simulator Teams</div></td>
            </tr>
          </table>
          <table width="625" height="323" border="0">
            <tr>
              <td width="202" height="319">&nbsp;</td>
              <td width="413"><ul>
                  <li><span class="style5"><a href="http://fsxblueeagles.com">Blue Eagles</a></span></li>
                <li><span class="style5"><a href="http://fsxblueangels.com">Blue Angels</a></span></li>
                <li><span class="style5"><a href="http://www.specopsglobal.org/index.htm">SPECOPS</a></span><a href="http://www.specopsglobal.org/index.htm"></a></li>
                <li><span class="style5"><a href="http://fsxskyblazers.webs.com/">Skyblazers</a></span></li>
                <li><span class="style5"><a href="http://www.fsxdiamondbacks.info/">Diamondbacks</a></span></li>
                <li><span class="style5"><a href="http://www.virtual106gladiators.com/">East Coast Hornet Squadron</a></span></li>
                <li><span class="style5"><a href="http://fsxflyingdukes.com">Flying Dukes</a></span></li>
                <li><span class="style5"><a href="http://fsxrnlafdemoteam.com/">RNLAF</a></span></li>
                <li><span class="style5"><a href="http://www.virtualredcheckers.org.nz/">Red Checkers</a></span></li>
                <li><span class="style5"><a href="http://pafvirtu.wifeo.com/index.php">Patrouille de France</a></span></li>
              </ul></td>
            </tr>
          </table>
          <table width="625" height="51" border="0">
            <tr>
              <td width="214">&nbsp;</td>
              <td width="401"><div align="left" class="style4">Useful Links</div></td>
            </tr>
          </table>
          <table width="625" height="516" border="0">
            <tr>
              <td width="202" height="512">&nbsp;</td>
              <td width="413"><ul>
                  <li><span class="style5"><a href="http://www.mydreamflyer.com/index.html">Dreamflyer</a></span></li>
                  <li><span class="style5"><a href="http://airnav.com/">AirNav</a></span><a href="http://airnav.com/"></a></li>
                  <li><span class="style5"><a href="http://youtube.com">YouTube</a></span><a href="http://youtube.com"></a></li>
                  <li><span class="style5"><a href="http://www.sounddogs.com/">Sound Dogs</a></span></li>
                  <li><span class="style5"><a href="http://www.mail.com/">Mail</a></span></li>
                  <li><span class="style5"><a href="http://www.livestream.com/">Live Stream</a></span></li>
                  <li><span class="style5"><a href="http://www.bestbuy.com/">Best Buy</a></span></li>
                  <li><span class="style5"><a href="http://ebay.com">eBay</a></span></li>
                  <li><span class="style5"><a href="http://www.asb.tv/">Airshow Buzz</a></span></li>
                  <li><span class="style5"><a href="http://www.usafa.af.mil/">Air Force Academy</a></span></li>
                  <li><span class="style5"><a href="http://www.flightsim.com/">FlightSim.com</a></span></li>
                  <li><span class="style5"><a href="http://www.jaggyroadfilms.com/index.php?page=films">Jaggyroad Films</a></span></li>
                  <li><span class="style5"><a href="http://vimeo.com/">Vimeo</a></span></li>
                  <li><span class="style5"><a href="http://simviation.com/">Simviation</a></span></li>
                  <li><span class="style5"><a href="http://www.usavaf.com/index.php">Virtual Air Force</a></span></li>
                  <li><span class="style5"><a href="http://www.vuscg.org/">Virtual Coast Guard</a></span></li>
                  <li><span class="style5"><a href="http://fsxservers.tk/">Flight Simulator/Teamspeak Host</a></span></li>
              </ul>
                </td>
            </tr>
          </table>
          </div>
    Alles anzeigen

    Ich möchte das statt in einem Layer, in eine tabelle mit scroll balken einbauen.

    Vielen dank im Vorraus,

    mfg, Heat..

    EDIT: PROBLEM GELÖST!

    Einmal editiert, zuletzt von Heat (11. Januar 2010 um 17:48) aus folgendem Grund: Problem Gelöst!

  • threadi
    König(in)
    Reaktionen
    4
    Beiträge
    1.391
    • 10. Januar 2010 um 18:54
    • #2

    Dein Quellcode ist jetzt schon fehlerhaft. Du missbrauchst Tabellen als Grundgerüst für eine Webseite. Das ist kein sauberer Weg um eine Seite zu erstellen und aus HTML-Sicht auch nie so gedacht.

    Zitat von Heat

    Da ich ein hintergrundbild habe, das zentriert ist, kann ich keine layer erstellen, da diese sonst bei anderen auflösungen usw alle abrutschen und nicht mehr da sind wo sie sein sollen.

    Setze das Hintergrundbild im body ein:

    Code
    body {
     background-image: url(bild.png);
     background-repeat: no-repeat;
     background-position: top center;
    }

    Das zentriert das Bild im Hintergrund der Seite. Sehe ich kein Problem drin.

  • Heat
    Anfänger
    Beiträge
    5
    • 10. Januar 2010 um 19:10
    • #3

    Wie schon oben beschrieben, sobald ich es so mache wie du es gesagt hast, verschieben sich die layer usw alle aus der position bei verschiedenen auflösungen.

  • threadi
    König(in)
    Reaktionen
    4
    Beiträge
    1.391
    • 10. Januar 2010 um 19:16
    • #4

    Wie gesagt, dein Quellcode ist eh schon fehlerhaft. Zeig mal einen Link damit man das auch mal sehen kann.

  • Heat
    Anfänger
    Beiträge
    5
    • 10. Januar 2010 um 20:07
    • #5

    [Blockierte Grafik: http://i50.tinypic.com/4lrqcg.jpg]
    Bitte Sehr. Egal ob ich das bild nun als hintergrund habe oder in einer tabelle, sobald ein layer drauf ist, siehts ungefähr so aus.

  • threadi
    König(in)
    Reaktionen
    4
    Beiträge
    1.391
    • 10. Januar 2010 um 20:09
    • #6

    Mit Link meine ich einen Link zur Seite, keinen Screenshot. :rolleyes:

  • Heat
    Anfänger
    Beiträge
    5
    • 11. Januar 2010 um 13:20
    • #7

    Oh :o

    Nun ich hab die HTML files offline bearbeitet und habe daher noch keinen webserver den ich grad benutzen kann. Aber ungefähr so siehts bei jedem aus den ich die dateien geschickt habe..

    Bei meiner auflösung (22" Widescreen, 1680x1050 auflösung siehts aus wie auf dem screen oben)

  • Heat
    Anfänger
    Beiträge
    5
    • 11. Januar 2010 um 17:48
    • #8

    Alles Gefixt! Habe statt layer, ein iframe benutzt! Trotzdem danke! ;)

Tags

  • forum
  • html
  • ie
  • link
  • links
  • style
  • background
  • body
  • quellcode
  • webseite
  • ebay
  • problem
  • code
  • php
  • tabelle
  • tv
  • auto
  • div
  • position
  • tabellen
  • google
  • border
  • png
  • image
  • repeat
  • layer
  • hintergrundbild
  • teamspeak
  • youtube
  • wikipedia

Benutzer online in diesem Thema

  • 1 Besucher
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern