Ergebnis 1 bis 6 von 6

Thema: Liebling, ich hab' meine Thumbnails geschrumpft!! (Problem mit Highslide in IE)

  1. #1
    Youngster
    Registriert seit
    17.12.2009
    Ort
    Schweiz
    Alter
    40
    Beiträge
    14
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Liebling, ich hab' meine Thumbnails geschrumpft!! (Problem mit Highslide in IE)

    Hallo zusammen

    Bin neu hier. Versuche möglichst, allen geschriebenen und ungeschriebenen Forenregeln gerecht zu werden.

    Ich bastle an meiner eigenen Website und eigne mir dabei erste CSS-Kenntnisse an.

    Auf dieser Seite habe ich die Highslide Gallery eingebunden:
    http://spielwiese.jumpman23.ch/foto.htm

    Im Firefox präsentiert sich mir alles wünderschön wie es sein sollte, nämlich so:


    Im IE schrumpft es mir die Thumbnail-Ansicht jedoch übelst zusammen:


    Woher könnte dieser unschöne Effekt wohl kommen und vor allem, wie bringe ich das denn richtig hin?

    Zähle auf eure Hilfe! Danke schön!

    Hier noch der html-Code der Seite:

    Code:
    <html>
    <head>
    <title>spielwiese</title>
    <base target="_self">
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>
    <script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
    </head>
    <body>
    <div id="hauptdiv"; style="position: absolute; width:780px; height:624px; top:50%; left:50%; margin-left:-390px; margin-top:-312px;">
    <div class="highslide-gallery" style="position:absolute; left:65px; top:93px; width:650px;">
     <ul>
     <li>
     <a href="foto/DSC04002.jpg" class="highslide" 
       onclick="return hs.expand(this, config1 )">
      <img src="foto/DSC04002_th.jpg"  alt=""/>
     </a>
     </li>
     <li>
     <a href="foto/DSC04014.jpg" class="highslide" 
       onclick="return hs.expand(this, config1 )">
      <img src="foto/DSC04014_th.jpg"  alt=""/>
     </a>
     </li>
     <li>
     <a href="foto/DSC04015.jpg" class="highslide" 
       onclick="return hs.expand(this, config1 )">
      <img src="foto/DSC04015_th.jpg"  alt=""/>
     </a>
     </li>
     <li>
     <a href="foto/DSC04021.jpg" class="highslide" 
       onclick="return hs.expand(this, config1 )">
      <img src="foto/DSC04021_th.jpg"  alt=""/>
     </a>
     </li>
     <li>
     <a href="foto/DSC04078.jpg" class="highslide" 
       onclick="return hs.expand(this, config1 )">
      <img src="foto/DSC04078_th.jpg"  alt=""/>
     </a>
     </li>
     <li>
     <a href="foto/DSC04079.jpg" class="highslide" 
       onclick="return hs.expand(this, config1 )">
      <img src="foto/DSC04079_th.jpg"  alt=""/>
     </a>
     </li>
     <li>
     <a href="foto/DSC04194.jpg" class="highslide" 
       onclick="return hs.expand(this, config1 )">
      <img src="foto/DSC04194_th.jpg"  alt=""/>
     </a>
     </li>
     <li>
     <a href="foto/DSC04198.jpg" class="highslide" 
       onclick="return hs.expand(this, config1 )">
      <img src="foto/DSC04198_th.jpg"  alt=""/>
     </a>
     </li>
     <li>
     <a href="foto/DSC04292.jpg" class="highslide" 
       onclick="return hs.expand(this, config1 )">
      <img src="foto/DSC04292_th.jpg"  alt=""/>
     </a>
     </li>
     <li>
     <a href="foto/DSC04293.jpg" class="highslide" 
       onclick="return hs.expand(this, config1 )">
      <img src="foto/DSC04293_th.jpg"  alt=""/>
     </a>
     </li>
     <li>
     <a href="foto/DSC04298.jpg" class="highslide" 
       onclick="return hs.expand(this, config1 )">
      <img src="foto/DSC04298_th.jpg"  alt=""/>
     </a>
     </li>
     <li>
     <a href="foto/DSC04371.jpg" class="highslide" 
       onclick="return hs.expand(this, config1 )">
      <img src="foto/DSC04371_th.jpg"  alt=""/>
     </a>
     </li>
     <li>
     <a href="foto/DSC04450.jpg" class="highslide" 
       onclick="return hs.expand(this, config1 )">
      <img src="foto/DSC04450_th.jpg"  alt=""/>
     </a>
     </li>
     <li>
     <a href="foto/DSC04453.jpg" class="highslide" 
       onclick="return hs.expand(this, config1 )">
      <img src="foto/DSC04453_th.jpg"  alt=""/>
     </a>
     </li>
     <li>
     <a href="foto/DSC04455.jpg" class="highslide" 
       onclick="return hs.expand(this, config1 )">
      <img src="foto/DSC04455_th.jpg"  alt=""/>
     </a>
     </li>
     </ul>
     <div style="clear:both"></div></div>
      <table id="menue" border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
          <td width="25%">
            <p align="center"><a class="menuelink" href="index.htm"><font size="5">start</font></a></td>
          <td width="25%">
            <p align="center"><a class="menuelink" id="linkaktiv" href="foto.htm"><font size="5">foto</font></a></td>
          <td width="25%">
            <p align="center"><a class="menuelink" href="audio.htm"><font size="5">audio</font></a></td>
          <td width="25%">
            <p align="center"><a class="menuelink" href="video.htm"><font size="5">video</font></a></td>
        </tr>
      </table>
    </body>
    </html>
    Und hier mein CSS-File:

    Code:
    body {
      background: #000000;
    }
    p {
      font-family: verdana, arial, sans-serif;
      font-size: 15px;
      color: #999999;
    }
    a:link {
      color: #FFFFFF;
      text-decoration: none;
    }
    a:visited {
      color: #FFFFFF;
      text-decoration: none;
    }
    a:active {
      color: #FFFFFF;
      text-decoration: none;
    }
    a:hover {
      color: #FFFFFF;
      text-decoration: none;
    }
    .menuelink:link {
      color: #FFFFFF;
      background: #000000;
      display: block;
      width: 93%;
    }
    .menuelink:visited {
      color: #FFFFFF;
      background: #000000;
      display: block;
      width: 93%;
    }
    .menuelink:active {
      color: #FFFFFF;
      background: #262626;
      display: block;
      width: 93%;
    }
    .menuelink:hover {
      color: #FFFFFF;
      background: #1A1A1A;
      display: block;
      width: 93%;
    }
    .menuelink {
      text-decoration: none;
    }
    #linkaktiv {
      color: #FFFFFF;
      background: #262626;
      display: block;
      width: 93%;
    }
    #linkaktiv:hover {
      color: #FFFFFF;
      background: #1A1A1A;
      display: block;
      width: 93%;
    }
    #hauptdiv {
      background-image: url(gfx_frame.jpg);
      background-repeat: no-repeat;
      background-position: 50% 0%;
    }
    #menue {
      position:absolute;
      left: 0px;
      bottom: 0px;
    Falls mehr Infos benötigt, einfach sagen.
    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 !!!!!

  2. #2
    Youngster
    Themenstarter

    Registriert seit
    17.12.2009
    Ort
    Schweiz
    Alter
    40
    Beiträge
    14
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Liebling, ich hab' meine Thumbnails geschrumpft!! (Problem mit Highslide in IE)

    Oha, verschoben ... Dann liegt das Problem also weder bei CSS noch html, wie ich angenommen habe? Hmmm ...

  3. #3
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Liebling, ich hab' meine Thumbnails geschrumpft!! (Problem mit Highslide in IE)

    in der highslide.css is nen highslide UL LI wo du height und width auf 5px hast.. diese werte solltest du ändern...
    hatte es verschoben weil ich im titel highslide.js las, daher.. ich schiebs wieder zurück, weils ja doch "nur" ein css-prob war
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  4. #4
    Youngster
    Themenstarter

    Registriert seit
    17.12.2009
    Ort
    Schweiz
    Alter
    40
    Beiträge
    14
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Liebling, ich hab' meine Thumbnails geschrumpft!! (Problem mit Highslide in IE)

    Sensationell!! Danke, Synaptic!!
    Hätt' ich vielleicht auch selber rausfinden können, aber manchmal steht man sich selber bisschen im Weg.

    Jetzt sieht's schon VIEL besser aus!!

    Einen Schönheitsfehler hat die Sache aber noch:
    Die grauen Rahmen um die Thumbnails werden nicht richtig dargestellt. Sie erscheinen nur an der Unterkante der Thumbs und sind irgendwie auch dünner als sie sein sollten.

    Hat da noch jemand eine Idee?
    Geändert von Attaq (17.12.2009 um 21:58 Uhr)

  5. #5
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Liebling, ich hab' meine Thumbnails geschrumpft!! (Problem mit Highslide in IE)

    besorg dir mal für den firefox des addon "firebug" und für den ie gibt es ab ie8 die "entwicklertools" evtl auch schon ab ie7, kein plan..
    auf jeden fall kannst damit die entsprechenden styles ausfindig machen und damit experimentieren
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  6. #6
    Youngster
    Themenstarter

    Registriert seit
    17.12.2009
    Ort
    Schweiz
    Alter
    40
    Beiträge
    14
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Liebling, ich hab' meine Thumbnails geschrumpft!! (Problem mit Highslide in IE)

    Ok, ich mach' mich da mal schlau. Thanx!

Ähnliche Themen

  1. Euer Liebling Wrestler
    Von Raykonboss im Forum Off Topic und Quasselbox
    Antworten: 3
    Letzter Beitrag: 07.03.2008, 17:05
  2. Downgrade von IE 7 auf IE6. Geht das? Hab' ein Problem
    Von mani im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 14
    Letzter Beitrag: 30.09.2007, 17:18
  3. [PHP / Imageresize]-Problem mit den Thumbnails
    Von paradox im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 9
    Letzter Beitrag: 16.03.2007, 05:54
  4. Thumbnails mit Bildlauf
    Von sinnebrink im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 30.01.2006, 00:26
  5. Thumbnails in Dreamweaver
    Von Franzi im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 19.12.2003, 18:56

Stichworte

Berechtigungen

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