Avatar billede guldhammer72 Novice
08. juli 2014 - 13:02 Der er 6 kommentarer og
1 løsning

Hvorfor virker menu ikke??

På vores afdøde søns mindeside http://tobias.guldhammer.info virker menuen ikke, jeg kan ikke få den til at virke, den virker fint i EI 10, men hverken i Safari, Chrome eller Firefox.

Er der en som kan hjælpe mig??

<head>
<title>Mindeside for Tobias Guldhammer Salek.</title>
<META name=author content="Michael Guldhammer">
<META name=copyright content="Michael Guldhammer">
<META name=revisit-after content="14 days">
<meta name=rating content="general">
<meta name=keywords content="børn, barn, barnedød, dødfødt, minde, Tobias, søn, tab, mistet barn.">
<meta name=description content="Denne side er til for at mindes vores elskede og savnede søn Tobias Guldhammer Salek, som desværre døde af uforklarlige årsager i uge 40, d. 25-02-07.">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<link rel="stylesheet" type="text/css" href="voodoo.css" media="screen">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
<link rel="stylesheet" type="text/css" href="handheld.css" media="handheld">
<style style="text/css">

.dcountstyle{ /*Example CSS to style count up output*/
font: bold 16px Arial;
padding: 3px;
}

.dcountstyle sup{ /*Example CSS to style count up output*/
font-size: 90%
}

</style>

<script type="text/javascript">

/***********************************************
* Dynamic CountUp script- ? Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

function dcountup(startingdate, baseunit){
    this.currentTime=new Date()
    this.startingdate=new Date(startingdate)
    this.timesup=false
    this.baseunit=baseunit
    this.start()
}

dcountup.prototype.oncountup=function(){} //default action for "oncountup"

dcountup.prototype.start=function(){
    var thisobj=this
    this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
    var timediff=(this.currentTime-this.startingdate)/1000 //difference btw target date and current date, in seconds
    var oneMinute=60 //minute unit in seconds
    var oneHour=60*60 //hour unit in seconds
    var oneDay=60*60*24 //day unit in seconds
    var dayfield=Math.floor(timediff/oneDay)
    var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
    var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
    var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
    if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level
        hourfield=dayfield*24+hourfield
        dayfield="n/a"
    }
    else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level
        minutefield=dayfield*24*60+hourfield*60+minutefield
        dayfield=hourfield="n/a"
    }
    else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level
        var secondfield=timediff
        dayfield=hourfield=minutefield="n/a"
    }
    var result={days: dayfield, hours:hourfield, minutes:minutefield, seconds:secondfield}
    this.oncountup(result)
    setTimeout(function(){thisobj.start()}, 1000) //update results every second
}

</script>
</head>
<body>
<div class="logo">
                        <img alt="logo" src="img/018.jpg">
      <h1>Tobias's Mindeside</h1>
      <h2>Til minde om vores elskede søn Tobias Guldhammer Salek</h2>
      <p><img alt="logo" src="img/019.jpg">
  </div>
        <div class="container clearfix">
    <div class="left_column">
      <h3>Menu</h3>
          <p><img src="img/plys.jpg" alt="" height="29" width="20"><a href="index.php">Forside</a>
          <p><img src="img/plys.jpg" alt="" height="29" width="20"><a href="graviditeten.php">Graviditeten</a>
    <p><img src="img/plys.jpg" alt="" height="29" width="20"><a href="foedslen.php">Fødslen</a></p>
    <p><img src="img/plys.jpg" alt="" height="29" width="20"><a href="/galleri/">Billeder</a>
    <p><img src="img/plys.jpg" alt="" height="29" width="20"><a href="tobiasdoed.php">Tobias's død</a>
    <p><img src="img/plys.jpg" alt="" height="29" width="20"><a href="mors_afskedsbrev.php">Mors Afskedsbrev</a>
    <p><img src="img/plys.jpg" alt="" height="29" width="20"><a href="tobiass_blomsterbed.php">Tobias's blomsterbed</a>
    <p><img src="img/plys.jpg" alt="" height="29" width="20"><a href="begravelsen.php">Begravelsen</a>
    <p><img src="img/plys.jpg" alt="" height="29" width="20"><a href="/guestbook/">Gæstebog</a>
    <p><img src="img/plys.jpg" alt="" height="29" width="20"><a href="sorgeneftertobias.php">Sorgen efter Tobias</a>
    <p><img src="img/plys.jpg" alt="" height="29" width="20"><a href="taktil.php">Tak til</a>
    <p><img src="img/plys.jpg" alt="" height="29" width="20"><a href="/minde/">Tænd et Lys</a>
    <p><img src="img/plys.jpg" alt="" height="29" width="20"><a href="bettenus.php">Bette nus / pjevs</a>
    <p><img src="img/plys.jpg" alt="" height="29" width="20"><a href="mailto:tobias@krazymail.dk">Kontakt os</a>
            </div>
            <div class="container clearfix" align="center">
                <div class="center_column" align="center">
                    <p></p>
                    <h2><img src="img/plysbanner.jpg" alt=""></h2>
                    <p></p>
                    <h2>Vores egen lille guldklump Tobias.</h2>
                    <p></p>
                    <h2><img width="400" height="376" alt="layout diagram" src="img/tobias1.jpg"></h2>
                    <p></p>
                </div>
            </div>
            <div class="container clearfix" align="center">
            <div class="center_column" align="center">
                    <h2>+ 25. Februar 2007.</h2>
                    <p></p>
                    <h2>* 25. Februar 2007.</h2>
                <p></p>
                <h2>Elsket og savnet.</h2>
                    <p></p>
                    <h2>
                        <div id="cpcontainer">&nbsp;</div>

<script type="text/javascript">

//SYNTAX: myvariable=new dcountup(past_date_and_time_string, "baseunit")
var princewedding=new dcountup("February 25, 2007 00:53:00", "days")

princewedding.oncountup=function(result){
    //result is an object containing the current count up date/time, updated every second
    //Available properties: result["days"], result["hours"], result["minutes"], and result["seconds"]
    var mycountainer=document.getElementById("cpcontainer")
    mycountainer.innerHTML="Saa lang tid er det siden vi mistede vores elskede guldklump Tobias: <br /><span class='dcountstyle'>"+result['days']+" <sup>days</sup> "+result['hours']+" <sup>hours</sup> "+result['minutes']+" <sup>minutes</sup> "+result['seconds']+" <sup>seconds</sup></span>"
}

</script>
                        <p></p>
                    </h2>
                    <h2><img src="img/plysbanner.jpg" alt=""></h2>
                    <p></p>
                    <h2></h2>
                    <h2>Sådan ser navnet Tobias ud på Japansk.</h2>
                    <p></p>
                    <h2><img src="img/to.gif" alt="" height="98" width="77"><img src="img/bi.gif" alt="" height="98" width="76"><img src="img/a.gif" alt="" height="98" width="77"><img src="img/su.gif" alt="" height="98" width="77"></h2>
                    <p><img src="img/plysbanner.jpg" alt=""></p>
            </div>
        </div>
            <div class="container clearfix">
            <div class="center_column">
                    <table width="75%" cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="50%">
                                <div align="center">
                                    <!-- chart.dk unified trackercode - v1 -->
<script src='http://www.chart.dk/js/unified.asp'></script>
<script language='javascript'>
track_visitor(134586, '');
</script>
<noscript>
<a href="http://www.chart.dk/ref.asp?id=134586" target="_blank">
  <img src="http://cluster.chart.dk/chart.asp?id=134586" alt="Chart.dk">
</a>
</noscript>
<!-- chart.dk unified trackercode - v1 --></div>
                            </td>
                            <td>
                                <div align="center">

</div>
                            </td>
                        </tr>
                    </table>
                    <p></p>
            </div>
        </div>
        <div class="footer">
            <span id="footer"><font color="white">Copyright, 2007-2014 (www.guldhammer.info)</font></span></div>
</div>
    </body>
</html>
Avatar billede Slater Ekspert
08. juli 2014 - 15:10 #1
Den div med selve indholdet i går ind over menuen. Selvom den er usynlig i baggrunden, er det stadig den du klikker på, når du forsøger at klikke på menuen.

Fjern position:relative; fra .container i CSS'en, så virker menuen - men så rykker den sig til gengæld lidt ind til venstre. Det kan du udbedre med en margin-left i stedet.
Avatar billede guldhammer72 Novice
08. juli 2014 - 15:32 #2
#1

Hvor skal den margin-left være??
Avatar billede guldhammer72 Novice
08. juli 2014 - 15:34 #3
#1

Der er 3 css filer, skal jeg fjerne position:relative; fra alle 3??
Avatar billede guldhammer72 Novice
09. juli 2014 - 00:35 #4
Tak. Nu virker det.

Så er der point.
Avatar billede Slater Ekspert
10. juli 2014 - 10:07 #5
Hov, beklager jeg ikke lige har fået fulgt med. Fandt du ud af det selv?
Avatar billede guldhammer72 Novice
10. juli 2014 - 10:57 #6
Jeg fandt ud af at ud af de 3 css filer som var med til designet, der kunne jeg fjerne de 2 uden at det kunne ses,
og så fjernede jeg den der position:relative; fra .containeren i CSS'en og menuen ser fin ud uden den der margin-left.

Så nu er jeg fint tilfreds med menuen, og den virker fint.
Avatar billede guldhammer72 Novice
23. juli 2014 - 01:56 #7
Ingen som vil have points?
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