Hallo, Ich benutze auf meiner Webseite ein Tobscript was bilder beinhaltet. zum weiterschalten der tabs habe ich buttons im style der webseite angelegt. im firefox, opera und safari geht alles. nur im internet explorer lassen sich die tabs aufgrund der buttonstyles nicht weiterschalten. gibt es da eine lösung? hier mal der quelltext. ihr seht die style.css nicht da diese hier im scriptschnipsel nicht bei ist... um alles zu kopieren währe zu viel quelltext. Code: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100
| <?php $id = isset($_GET['id']) ? $_GET['id'] : 1; ?> <div class="TabView" id="TabView" >
<!-- ***** Tabs ************************************************************ --> <div class="Tabs" style="width: 292px; text-align: center;"> <a <?=($id == 1) ? 'class="Current"' : 'href="about.php?id=1"';?> style="width: 40px"> <button class="Button" type="submit" name="search" > <div class="style3"> <span class="btn"> <span class="l"></span> <span class="r"></span> <span class="t">Bild1</span> </span> </div> </button></a> <a <?=($id == 2) ? 'class="Current"' : 'href="about.php?id=2"';?> style="width: 40px"> <button class="Button" type="submit" name="search" > <span class="btn"> <span class="l"></span> <span class="r"></span> <span class="t">Bild2</span> </span> </button></a> <a <?=($id == 3) ? 'class="Current"' : 'href="about.php?id=3"';?> style="width: 40px"> <button class="Button" type="submit" name="search" > <span class="btn"> <span class="l"></span> <span class="r"></span> <span class="t">Bild3</span> </span> </button></a> <a <?=($id == 4) ? 'class="Current"' : 'href="about.php?id=4"';?> style="width: 40px"> <button class="Button" type="submit" name="search" > <span class="btn"> <span class="l"></span> <span class="r"></span> <span class="t">Bild4</span> </span> </button></a> <a <?=($id == 5) ? 'class="Current"' : 'href="about.php?id=5"';?> style="width: 40px"> <button class="Button" type="submit" name="search" > <span class="btn"> <span class="l"></span> <span class="r"></span> <span class="t">Bild5</span> </span> </button></a> </button></a> <a <?=($id == 6) ? 'class="Current"' : 'href="about.php?id=6"';?> style="width: 40px"> <button class="Button" type="submit" name="search" > <span class="btn"> <span class="l"></span> <span class="r"></span> <span class="t">Bild6</span> </span> </button></a> </button></a> <a <?=($id == 7) ? 'class="Current"' : 'href="about.php?id=7"';?> style="width: 40px"> <button class="Button" type="submit" name="search" > <span class="btn"> <span class="l"></span> <span class="r"></span> <span class="t">Bild7</span> </span> </button></a> </div>
<!-- ***** Pages *********************************************************** -->
<div class="Pages" style="width: 290px; height: 300px; margin-left: 0px;"> <div class="Page" style="display: <?=($id == 1) ? 'block' : 'none';?>"> <div class="Pad" style="text-align: center"><img alt="" height="284" src="images/profilimages/rdde-001-min.jpg" width="250" /></div></div> <div class="Page" style="display: <?=($id == 2) ? 'block' : 'none';?>"> <div class="Pad" style="text-align: center"><img alt="" height="284" src="images/profilimages/rdde-002-min.jpg" width="250" /></div></div> <div class="Page" style="display: <?=($id == 3) ? 'block' : 'none';?>"> <div class="Pad" style="text-align: center"><img alt="" height="284" src="images/profilimages/rdde-003-min.jpg" width="250" /></div></div> <div class="Page" style="display: <?=($id == 4) ? 'block' : 'none';?>"> <div class="Pad" style="text-align: center"><img alt="" height="284" src="images/profilimages/rdde-004-min.jpg" width="250" /></div></div> <div class="Page" style="display: <?=($id == 5) ? 'block' : 'none';?>"> <div class="Pad" style="text-align: center"><img alt="" height="284" src="images/profilimages/rdde-005-min.jpg" width="250" /></div></div> <div class="Page" style="display: <?=($id == 6) ? 'block' : 'none';?>"> <div class="Pad" style="text-align: center"><img alt="" height="284" src="images/profilimages/rdde-006-min.jpg" width="250" /></div></div> <div class="Page" style="display: <?=($id == 7) ? 'block' : 'none';?>"> <div class="Pad" style="text-align: center"><img alt="" height="284" src="images/profilimages/rdde-007-min.jpg" width="250" /></div></div> </div>
</div>
<script type="text/javascript" src="tab-view.js"></script> <script type="text/javascript"> tabview_initialize('TabView'); </script>
| problem taucht nur im ie auf. würde mich über ideen freuen. mfg, rommy.
|