Avatar billede hathor Nybegynder
22. juni 2003 - 23:12 Der er 14 kommentarer og
1 løsning

hvorfor hopper det?

Prøv lige at se her ...

http://hathor.lunarscape.dk/gedved/

klik eksempelvis på 'Vil du vide mere?' og klik derefter på 'FAQ' (til venstre) og klik så på 'Skulle der ikke komme en reform af hf?' (til højre)

Så vil siden 'bevæge' sig ..

jeg kan ikke finde ud af hvorfor det hopper ..

ER der en derude der kan komme med et bud på det?

hvis der havde været scroolbar til højre, så ville den køre ned i bunden.

Har I nogle bud på, hvad der kan gøres for at forhindre dette?
Avatar billede sim00n Praktikant
22. juni 2003 - 23:20 #1
gætter på at nogle har trykket enter for mange gange ved den side..
Avatar billede hathor Nybegynder
22. juni 2003 - 23:22 #2
Du tænker på for mange linieskift eller hvad?

Men det burde jo udelukkende være indholdet i iframen der bevæger sig, ikke det rundt om iframen ..
Avatar billede sim00n Praktikant
22. juni 2003 - 23:23 #3
jep det jeg mener..
Avatar billede togsverd1985 Praktikant
22. juni 2003 - 23:25 #4
lol da! det er da en meget fed detalje.. men det gør vel ikke noget? meget sjovt :)
Avatar billede antikat Nybegynder
22. juni 2003 - 23:26 #5
Det er noget når du bruger de der havelåger # til at hoppe til et bestemt punkt på en side, vil den jo altid prøve at få det punkt så højt op på skærmen som muligt... men kan ikke lige her gennemskue hvad der kan gøres for at rette det ;-)
Avatar billede hathor Nybegynder
22. juni 2003 - 23:37 #6
sim00n>> Kan det passe?

Jeg troede kun det var <br> eller <p> der blev taget som linieskift.

togsverd1985 >> Det er slet ikke sjovt, det pisser mig af FOR VILDT :)

antikat >> ja, det må jo være derfor .. Men jeg troede kun, det var I-framen den ville bevæge ...

Det må og skal jo fikseres på den ene eller anden måde, ellers er det jo en totalt lad side ..
Avatar billede antikat Nybegynder
22. juni 2003 - 23:42 #7
prøv at sætte en højde på de der tabeler du har... 10% og 90%


<table width="770" height="10%">
    <tr>
        <td width="25%" class="txt" align="center"><a href="#" onClick="vis_menu(1);">
        Kort om hf</a><br></td>
        <td width="25%" class="txt" align="center"><a href="#" onClick="vis_menu(2);">
        Ansøgningsfrister m.m.</a><br></td>   
        <td width="25%" class="txt" align="center"><a href="#" onClick="vis_menu(3);">
        Personale</a><br></td>
        <td width="25%" class="txt" align="center"><a href="#" onClick="vis_menu(4);">
        Vil du vide mere?</a><br></td>   

    </tr>
    </table>   
  </center>
</div>
<table width="100%" height="90%" style='padding-left: 7px;' border="0" cellpadding="0" cellspacing="0">
  <tr>
-> og alt det der så kommer på siden
Avatar billede hathor Nybegynder
22. juni 2003 - 23:45 #8
øh, højde?

Du tænker på en højde i pixels i stedet for %?
Avatar billede antikat Nybegynder
22. juni 2003 - 23:49 #9
nej, mere at de to tabeler

1, den med topmenu'en
2, den med alt indholde

at 1 får 10% af siden og 2, får 90% af siden

sådan som du har det nu, har tabel 1 ikke en højde angivet, tror det måske er der fejlen ligger ;P
Avatar billede antikat Nybegynder
22. juni 2003 - 23:56 #10
det er sådan her jeg har ændret det.. og det virker rigtigt når jeg åbner siden !

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
   
<head>
<title>HF i Gedved</title>
<style type="text/css">
<!--
.topbar {
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    border-top: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    border-bottom: none;
    border-left: 1px solid #c5c5c5;
    height: 21px;
}
.indhold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #f6f6f6;
    border: 1px solid #c5c5c5;
}
.spacer {
    height: 5px;
}
.top {
    background-color: #FFFFFF;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-right-color: #c5c5c5;
    border-bottom-color: #c5c5c5;
    border-left-color: #c5c5c5;
}
.txt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    left: 20px;
    border: none;
}
.padding {
    padding: 5px;
}

.bar {
    background-color: #A2AD94;
    height: 23px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #C3CFB3;
    border-right-color: #494F40;
    border-bottom-color: #494F40;
    border-left-color: #C3CFB3;
   
}

}
A:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    line-height: 15px;
    text-decoration: underline;

}
A:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    line-height: 15px;
    text-decoration: underline;

}
A:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    line-height: 15px;
    text-decoration: underline;

}
A:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    line-height: 15px;
    text-decoration: underline;
-->
</style>
<script language="javascript">
  antal_menuer = 4;
  function vis_menu(num)
  {

        for (i=1;i<=antal_menuer;i++)
      {
          lagnavn = "menu" + i;
                lag = document.getElementById(lagnavn);
          if (i == num) lag.style.display = "inline";
          else lag.style.display = "none";
      }
  }
</script>
</head>

   
<body leftmargin="0" topmargin="50" marginwidth="0" marginheight="0" style="overflow: hidden">

 

<div align="center">
  <center>

 

<table width="770" height="10%" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">
    <tr>
        <td width="25%" class="txt" align="center"><a href="#" onClick="vis_menu(1);">
        Kort om hf</a><br></td>
        <td width="25%" class="txt" align="center"><a href="#" onClick="vis_menu(2);">
        Ansøgningsfrister m.m.</a><br></td>   
        <td width="25%" class="txt" align="center"><a href="#" onClick="vis_menu(3);">
        Personale</a><br></td>
        <td width="25%" class="txt" align="center"><a href="#" onClick="vis_menu(4);">
        Vil du vide mere?</a><br></td>   

    </tr>
    </table>   
  </center>
</div>
<table width="100%" height="90%" style='padding-left: 7px;' border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" valign="top">
    <table width="765" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td valign="top">&nbsp;</td>
        </tr>
   
   

    <tr>
          <td class="spacer"></td>
        </tr>
    <tr>
          <td class="bar">&nbsp;</td>
        </tr>
        <tr>
          <td class="spacer"></td>
        </tr>
        <tr>
          <td></td>
        </tr>
        <tr>
         
    <td></td>
        </tr>
        <tr>
          <td class="spacer"></td>
        </tr>
        <tr>
          <td valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="377" valign="top">


    <table width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="50%" valign="bottom" class="topbar">
                      <img src="icon.gif" width="18" height="17" hspace="5" align="absmiddle"><span class="txt">Klik
                      på det du vil vide mere om ...</span></td>
                    </tr>
                    <tr>
                      <td width="377" height="100%" valign="top"> <table width="377" height="100%" border="0" cellpadding="12" cellspacing="0" class="indhold">
                          <tr>
                            <td height="100%" valign="top">
                             
               
               
                              <table width="375" height="100%"  border="0" cellpadding="0" cellspacing="0">
                          <tr><td class="txt" valign="top">
                  <strong>
                  Vi er altså på et &quot;stort sted&quot; med masser af mennesker (7-800
                  studerende på mange forskellige uddannelser), og vi har gode
                  faglokaler, også til musik og drama m.m., masser af computere
                  - og en god kantine! Men samtidig er vi en forholdsvis lille
                  skole (for tiden 150-60 studerende) hvor alle kender alle, og
                  alle døre står åbne for kontakt og samtale. Vi har haft hf
                  siden 1967 og har formet uddannelsen på vores helt egen måde.</strong>   
                  </td></tr><tr>
                 
                  <td class="txt" valign="top"><br><br>
           
                 
                  <div id="menu1" style="display:none;">
                                   

                  <a href="txtshow.php?id=1" target="frame">Hvordan kommer man
                  på hf?</A><p>
                  <a href="txtshow.php?id=2" target="frame">Særligt for hf</A><p>
                  <a href="txtshow.php?id=3" target="frame">Særligt for hf i
                  Gedved</A><p>
                  <a href="txtshow.php?id=4" target="frame">Fagene</A><p>
                  <a href="txtshow.php?id=5" target="frame">Hvad kan en
                  hf-eksamen bruges til?</A><P>
                  <a href="txtshow.php?id=6" target="frame">Om BROEN</A><p>
                  <a href="txtshow.php?id=7" target="frame">Om kollegiet</A><p>
                              </div>

                  <div id="menu2" style="display:none;">
                  <a href="txtshow.php?id=8" target="frame">Hf og BROEN</A><p>
                  <a href="txtshow.php?id=7#optagk" target="frame">Kollegium</A><P>
                      <a href="txtshow.php?id=10" target="frame">SU (Statens
                      Uddannelsesstøtte)</A><p>
                  <a href="txtshow.php?id=11" target="frame">Buskort</a><p>                 
                              </div> 


                  <div id="menu3" style="display:none;">
                  <a href="txtshow.php?id=12" target="frame">Lærerne</A><p>
                  <a href="txtshow.php?id=13" target="frame">Alle de andre</A><p>
                  <a href="txtshow.php?id=14" target="frame">Adresse,
                  telefonnummer m.m.</A><p>
                  </div>               

                  <div id="menu4" style="display:none;">
                  <a href="txtshow.php?id=15" target="frame">Studiehåndbogen</A><P>
                  <a href="txtshow.php?id=16" target="frame">Ide- og
                  arbejdsgrundlag</A><p>
                  <a href="txtshow.php?id=17" target="frame">FAQ (ofte stillede
                  spørgsmål om hf)</A><p>
                  <a href="txtshow.php?id=18" target="frame">Seminariet og de
                  andre uddannelser</A><p>
                  </div>
           
                             
           

            </table>
           

            </td>
                          </tr>
                        </table></td>
                    </tr>
                  </table>
        </td>
               
        <td width="6"><img src="spacer.gif"></td>
                <td width="377" valign="center"><table width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0" align="center">
                    <tr>
                      <tr>
                        <td width="50%" valign="bottom" class="topbar">
                        <img src="icon.gif" width="18" height="17" hspace="5" align="absmiddle"><span class="txt">...
                        Og læs her, hvad vi har</span></td>
                        </tr>
            <td width="377" height="100%" align="center">
              <table width="377" height="100%" border="0" cellpadding="12" cellspacing="0" class="indhold">
                         
            <tr>
                            <td height="100%" valign="top">
                              <table width="375" height="100%"  border="0" cellpadding="0" cellspacing="0" align="center">
                                <tr>
                                <td width="20" class="txt" valign="top">
               
                <iframe height="320" width="375" name="frame" src="txtshow.php" scrolling="yes" frameborder="0" style="border:1px solid">
               
                </iframe><br><br><br><br>
                </td>
                                <tr>
                                  <td valign="top" class="txt">&nbsp;</td>
                                  <td valign="top" class="txt">
                                  </td>
                                  <td valign="top">&nbsp;</td>
                                </tr>
                               
                              </table> </td>
                       
    </table>
   
</table>
</table>
<table width="100%" height="100%" style='padding-left: 7px;' border="0" cellpadding="0" cellspacing="0">
<td class="spacer"></td>
        </tr>
        <tr>
          <td></td>
        </tr>
        <tr>
        <tr>
          <td class="bar">&nbsp;</td>
        </tr>
     
</table>


</body>








</html>
Avatar billede antikat Nybegynder
22. juni 2003 - 23:57 #11
håber du kan bruge det.. smutter iseng
Avatar billede hathor Nybegynder
23. juni 2003 - 00:21 #12
hmm .. hvis jeg har gjort det som du sagde nu, så virkede det desværre ikke :(
Avatar billede olebole Juniormester
23. juni 2003 - 00:27 #13
<ole>

Vil du bruge CSS i IE, skal du bruge den rigtige DOC-TYPE ... dvs. inkludere URL'en:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
Ellers er det ganske tilfældigt, hvordan siden vises.

Du har i øvrigt også en '}' for meget i dit style-sheet, hvorfor dine links har en forkert farve i en ordentlig browser  :)
Det er lige efter klassen 'bar'.

/mvh
</bole>
Avatar billede antikat Nybegynder
23. juni 2003 - 00:28 #14
hmm det har selvføldig også indflydelse hvilken opløsning du køre med... om den kan vise hele siden uden at skal scrool.. 1280 * 1024 virker det fint..
mens 1024 * 768 ikke gør.. så et sted der imellen
Avatar billede olebole Juniormester
23. juni 2003 - 00:59 #15
Det er helt meningsløst at gøre noget somhelst, sålænge DOC-TYPE'en er forkert  :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester