Avatar billede kodak Mester
20. juli 2006 - 21:24 Der er 53 kommentarer og
1 løsning

Under menu i tabel

Jeg har denne side i menuen skal der være en under menu
under menuen skal åbne når man trykker på Personale så skal Afryder - Bartender - Dørmand - Garderobe komme fren under

<html>
<head>
<title>GLOBE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #CCCCCC;
}

body {
    background-color: #FFFFFF;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.TopMenu {
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #cccccc;
    display: block;
    text-decoration: none;
}
-->
</style></head>
<body link="#CCCCCC" vlink="#CCCCCC" alink="#CCCCCC">

<table width="850" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td height="188" background="images/background_01.jpg">
        <p align="center">
        <img border="0" src="images/Tom1.jpg" id="billedeskift" width="850" height="186"></td>
    </tr>
    <tr>
        <td valign="top" background="images/bg2.jpg">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" height="718">
          <tr>
            <td height="26" colspan="2" valign="top" background="Top%20knapper/Knap.jpg">
                <table width="850" height="26" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                        <img border="0" src="Top%20knapper/Untitled-5.jpg" width="60" height="34"></td>
                        <a href="#" class="TopMenu">
                        <td width="135" align="center" background="Top%20knapper/Knap.jpg" class="TopMenu">&nbsp;</td>
                        <td width="135" align="center" background="Top%20knapper/Knap.jpg" class="TopMenu">
                        <a href="#" class="TopMenu">
                        Home</a></td>
                        <td width="135" align="center" background="Top%20knapper/Knap.jpg" class="TopMenu">
                        <a href="#" class="TopMenu">
                        <font size="2">Torsdag</font></a></td>
                        <td width="135" align="center" background="Top%20knapper/Knap.jpg" class="TopMenu">
                        <a href="#" class="TopMenu">
                        <font size="2">Fredag</font></a></td>
                        <td width="135" align="center" class="TopMenu" background="Top%20knapper/Knap.jpg">
                        <a href="#" class="TopMenu">
                        <font size="2">Lørdag</font></a></td>
                        <td width="135" align="center" class="TopMenu" background="Top%20knapper/Knap.jpg">&nbsp;</td></a>
                        <td background="Top%20knapper/Knap.jpg">&nbsp;</td>
                    </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td width="200" valign="top"><table width="200" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td colspan="3"><img src="images/leftmenu_03.jpg" width="200" height="27"></td>
              </tr>
              <tr>
                <td rowspan="9"><img src="images/leftmenu_05.jpg" width="15" height="265"></td>
                <td width="167" height="35" background="images/NavKnap.jpg" style="padding: 10px;" align="center">
                <b>Event</b></td>
                <td rowspan="9"><img src="images/leftmenu_07.jpg" width="18" height="265"></td>
              </tr>
              <tr>
                <td><img src="images/leftmenu_08.jpg" width="167" height="9"></td>
              </tr>
              <tr>
                <td height="35" background="images/NavKnap.jpg" style="padding: 10px;" align="center">
                <b>
                <a href="http://www.diskotekglobe.dk/cpg/" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Billeder1.jpg';" style="text-decoration: none">Billeder</a></b></td>
              </tr>
              <tr>
                <td><img src="images/leftmenu_10.jpg" width="167" height="11"></td>
              </tr>
              <tr>
                <td height="35" background="images/NavKnap.jpg" style="padding: 10px;" align="center">
                <b>Personale</b></td>
              </tr>
              <tr>
                <td>
                <p align="center"><b>
                <a href="site/afryder.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Afryder1.jpg';" style="text-decoration: none">
                Afryder</a><br>
                <a href="site/bartender.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Bartender1.jpg';" style="text-decoration: none">
                Bartender</a><br>
                <a href="site/dormand.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Dormand1.jpg';" style="text-decoration: none">
                Dørmænd</a><br>
                <a href="site/garderobe.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Garderobe1.jpg';" style="text-decoration: none">
                Garderobe</a></b></td>
              </tr>
              <tr>
                <td height="35" background="images/NavKnap.jpg" style="padding: 10px;" align="center">
                <b>
                <a href="Kalender.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Kalender1.jpg';" style="text-decoration: none">Kalender</a></b></td>
              </tr>
              <tr>
                <td><img src="images/leftmenu_16.jpg" width="167" height="12"></td>
              </tr>
              <tr>
                <td height="35" background="images/NavKnap.jpg" style="padding: 10px;" align="center">
                <b>
                <a href="site/kontakt.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Kontakt1.jpg';" style="text-decoration: none">
                Kontakt</a></b></td>
              </tr>
              <tr>
                <td colspan="3"><img src="images/leftmenu_18.jpg" width="200" height="27"></td>
              </tr>
            </table></td>
            <td width="650">
            <iframe allowtransparency="true" name="Hovedramme" width="650" height="889" src="site\Velkommen.htm" border="0" frameborder="0">
            Webbrowseren understøtter ikke indbyggede rammer eller er aktuelt konfigureret til ikke at vise indbyggede rammer.
            </iframe>            </td>
          </tr>
        </table></td>
    </tr>
</table>

</body>
</html>
Avatar billede Slettet bruger
20. juli 2006 - 21:32 #1
Du kunne bruge noget show/hide div på det:
http://www.google.dk/search?hl=da&q=show+hide+div&meta=

Ellers har dhtml central nogen gode nogen man nemt kan lave
http://www.dhtmlcentral.com/projects/coolmenus/
Avatar billede mclemens Nybegynder
20. juli 2006 - 21:55 #2
... Ok, med en deler herfra,
hvis det er ok med spacemaninc...

<html>
<head>
<title>GLOBE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #CCCCCC;
}

body {
    background-color: #FFFFFF;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.TopMenu {
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #cccccc;
    display: block;
    text-decoration: none;
}


#pers{display:none;}


-->
</style></head>
<body link="#CCCCCC" vlink="#CCCCCC" alink="#CCCCCC">

<table width="850" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td height="188" background="images/background_01.jpg">
        <p align="center">
        <img border="0" src="images/Tom1.jpg" id="billedeskift" width="850" height="186"></td>
    </tr>
    <tr>
        <td valign="top" background="images/bg2.jpg">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" height="718">
          <tr>
            <td height="26" colspan="2" valign="top" background="Top%20knapper/Knap.jpg">
                <table width="850" height="26" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                        <img border="0" src="Top%20knapper/Untitled-5.jpg" width="60" height="34"></td>
                        <a href="#" class="TopMenu">
                        <td width="135" align="center" background="Top%20knapper/Knap.jpg" class="TopMenu">&nbsp;</td>
                        <td width="135" align="center" background="Top%20knapper/Knap.jpg" class="TopMenu">
                        <a href="#" class="TopMenu">
                        Home</a></td>
                        <td width="135" align="center" background="Top%20knapper/Knap.jpg" class="TopMenu">
                        <a href="#" class="TopMenu">
                        <font size="2">Torsdag</font></a></td>
                        <td width="135" align="center" background="Top%20knapper/Knap.jpg" class="TopMenu">
                        <a href="#" class="TopMenu">
                        <font size="2">Fredag</font></a></td>
                        <td width="135" align="center" class="TopMenu" background="Top%20knapper/Knap.jpg">
                        <a href="#" class="TopMenu">
                        <font size="2">Lørdag</font></a></td>
                        <td width="135" align="center" class="TopMenu" background="Top%20knapper/Knap.jpg">&nbsp;</td></a>
                        <td background="Top%20knapper/Knap.jpg">&nbsp;</td>
                    </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td width="200" valign="top"><table width="200" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td colspan="3"><img src="images/leftmenu_03.jpg" width="200" height="27"></td>
              </tr>
              <tr>
                <td rowspan="9"><img src="images/leftmenu_05.jpg" width="15" height="265"></td>
                <td width="167" height="35" background="images/NavKnap.jpg" style="padding: 10px;" align="center">
                <b>Event</b></td>
                <td rowspan="9"><img src="images/leftmenu_07.jpg" width="18" height="265"></td>
              </tr>
              <tr>
                <td><img src="images/leftmenu_08.jpg" width="167" height="9"></td>
              </tr>
              <tr>
                <td height="35" background="images/NavKnap.jpg" style="padding: 10px;" align="center">
                <b>
                <a href="http://www.diskotekglobe.dk/cpg/" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Billeder1.jpg';" style="text-decoration: none">Billeder</a></b></td>
              </tr>
              <tr>
                <td><img src="images/leftmenu_10.jpg" width="167" height="11"></td>
              </tr>
              <tr>
                <td height="35" background="images/NavKnap.jpg" style="padding: 10px;" align="center">
                <b onclick="tn=document.getElementById('pers').style;tn.display=(tn.display!='block')?'block':'none';">Personale</b></td>
              </tr>
              <tr id="pers">
                <td>
                <p align="center"><b>
                <a href="site/afryder.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Afryder1.jpg';" style="text-decoration: none">
                Afryder</a><br>
                <a href="site/bartender.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Bartender1.jpg';" style="text-decoration: none">
                Bartender</a><br>
                <a href="site/dormand.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Dormand1.jpg';" style="text-decoration: none">
                Dørmænd</a><br>
                <a href="site/garderobe.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Garderobe1.jpg';" style="text-decoration: none">
                Garderobe</a></b></td>
              </tr>
              <tr>
                <td height="35" background="images/NavKnap.jpg" style="padding: 10px;" align="center">
                <b>
                <a href="Kalender.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Kalender1.jpg';" style="text-decoration: none">Kalender</a></b></td>
              </tr>
              <tr>
                <td><img src="images/leftmenu_16.jpg" width="167" height="12"></td>
              </tr>
              <tr>
                <td height="35" background="images/NavKnap.jpg" style="padding: 10px;" align="center">
                <b>
                <a href="site/kontakt.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Kontakt1.jpg';" style="text-decoration: none">
                Kontakt</a></b></td>
              </tr>
              <tr>
                <td colspan="3"><img src="images/leftmenu_18.jpg" width="200" height="27"></td>
              </tr>
            </table></td>
            <td width="650">
            <iframe allowtransparency="true" name="Hovedramme" width="650" height="889" src="site\Velkommen.htm" border="0" frameborder="0">
            Webbrowseren understøtter ikke indbyggede rammer eller er aktuelt konfigureret til ikke at vise indbyggede rammer.
            </iframe>            </td>
          </tr>
        </table></td>
    </tr>
</table>

</body>
</html>
Avatar billede mclemens Nybegynder
20. juli 2006 - 21:56 #3
Følgende rettelser er foretaget:

#pers{display:none;}

...

<b onclick="tn=document.getElementById('pers').style;tn.display=(tn.display!='block')?'block':'none';">Personale</b>

...

              <tr id="pers">
                <td>
                <p align="center"><b>
                <a href="site/afryder.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Afryder1.jpg';" style="text-decoration: none">
                Afryder</a><br>
                <a href="site/bartender.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Bartender1.jpg';" style="text-decoration: none">
                Bartender</a><br>
                <a href="site/dormand.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Dormand1.jpg';" style="text-decoration: none">
                Dørmænd</a><br>
                <a href="site/garderobe.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Garderobe1.jpg';" style="text-decoration: none">
                Garderobe</a></b></td>
              </tr>
Avatar billede mclemens Nybegynder
20. juli 2006 - 21:58 #4
Legede også med noget lignende her...
http://www.eksperten.dk/spm/692510
... men når det kun er en (tr)blok der skal vises /
skjules er det jo ikke nødvendigt med så meget kode...
Avatar billede kodak Mester
21. juli 2006 - 04:10 #5
mclemens<< jeg bør lige snakke med privat er det muligt?
Avatar billede kodak Mester
21. juli 2006 - 04:25 #6
mclemens<< Der er en der tidligere klippede billede filerne for mig, det kunne goddt være gjort meget bedre, for den fine menu du her med har smidt sammen får hele tabellen til at kolapse.
Avatar billede mclemens Nybegynder
21. juli 2006 - 08:54 #7
[ mclemens<< jeg bør lige snakke med privat er det muligt? ] - Er lidt anonym her på forummet ... hvis du mente om at snakke med i tråden så selvfølgelig :o)

[ mclemens<< Der er en der tidligere klippede billede filerne for mig, det kunne goddt være gjort meget bedre, for den fine menu du her med har smidt sammen får hele tabellen til at kolapse. ] - Kan umiddelbart godt se den giver lidt problemer i FF ved åbning og lukning af menuen ... kan ikke se billederne ... kigger nok lige på problemet med FF her idag ...
Avatar billede mclemens Nybegynder
21. juli 2006 - 09:21 #8
Det her hjælper måske lidt på det ... dog ved jeg ikke med de klippede billeder...



<html>
<head>
<title>GLOBE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #CCCCCC;
}

body {
    background-color: #FFFFFF;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.TopMenu {
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #cccccc;
    text-decoration: none;
}


#pers{display:none;text-align:center;font-weight:bold;}
#pers a{text-decoration: none;}


-->
</style></head>
<body link="#CCCCCC" vlink="#CCCCCC" alink="#CCCCCC">

<table width="850" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td height="188" background="images/background_01.jpg">
        <p align="center">
        <img border="0" src="images/Tom1.jpg" id="billedeskift" width="850" height="186"></td>
    </tr>
    <tr>
        <td valign="top" background="images/bg2.jpg">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" height="718">
          <tr>
            <td height="26" colspan="2" valign="top" background="Top%20knapper/Knap.jpg">
                <table width="850" height="26" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                        <img border="0" src="Top%20knapper/Untitled-5.jpg" width="60" height="34"></td>
                        <td width="135" align="center" background="Top%20knapper/Knap.jpg" class="TopMenu">&nbsp;</td>
                        <td width="135" align="center" background="Top%20knapper/Knap.jpg" class="TopMenu">
                        <a href="#" class="TopMenu">
                        Home</a></td>
                        <td width="135" align="center" background="Top%20knapper/Knap.jpg" class="TopMenu">
                        <a href="#" class="TopMenu">
                        <font size="2">Torsdag</font></a></td>
                        <td width="135" align="center" background="Top%20knapper/Knap.jpg" class="TopMenu">
                        <a href="#" class="TopMenu">
                        <font size="2">Fredag</font></a></td>
                        <td width="135" align="center" class="TopMenu" background="Top%20knapper/Knap.jpg">
                        <a href="#" class="TopMenu">
                        <font size="2">Lørdag</font></a></td>
                        <td width="135" align="center" class="TopMenu" background="Top%20knapper/Knap.jpg">&nbsp;</td></a>
                        <td background="Top%20knapper/Knap.jpg">&nbsp;</td>
                    </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td width="200" valign="top"><table width="200" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td colspan="3"><img src="images/leftmenu_03.jpg" width="200" height="27"></td>
              </tr>
              <tr>
                <td rowspan="8"><img src="images/leftmenu_05.jpg" width="15" height="265"></td>
                <td width="167" height="35" background="images/NavKnap.jpg" style="padding: 10px;" align="center">
                <b>Event</b></td>
                <td rowspan="8"><img src="images/leftmenu_07.jpg" width="18" height="265"></td>
              </tr>
              <tr>
                <td><img src="images/leftmenu_08.jpg" width="167" height="9"></td>
              </tr>
              <tr>
                <td height="35" background="images/NavKnap.jpg" style="padding: 10px;" align="center">
                <b>
                <a href="http://www.diskotekglobe.dk/cpg/" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Billeder1.jpg';" style="text-decoration: none">Billeder</a></b></td>
              </tr>
              <tr>
                <td><img src="images/leftmenu_10.jpg" width="167" height="11"></td>
              </tr>
              <tr>
<td height="35" background="images/NavKnap.jpg" style="padding: 10px;text-align:center;">
<b onclick="tn=document.getElementById('pers').style;tn.display=(tn.display!='block')?'block':'none';" style="cursor:pointer;">Personale</b><br>




<div id="pers">
               
                <a href="site/afryder.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Afryder1.jpg';">
                Afryder</a><br>
                <a href="site/bartender.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Bartender1.jpg';">
                Bartender</a><br>
                <a href="site/dormand.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Dormand1.jpg';">
                Dørmænd</a><br>
                <a href="site/garderobe.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Garderobe1.jpg';">
                Garderobe</a>
                </div>
</td>




              </tr>
              <tr>
                <td height="35" background="images/NavKnap.jpg" style="padding: 10px;" align="center">
                <b>
                <a href="Kalender.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Kalender1.jpg';" style="text-decoration: none">Kalender</a></b></td>
              </tr>
              <tr>
                <td><img src="images/leftmenu_16.jpg" width="167" height="12"></td>
              </tr>
              <tr>
                <td height="35" background="images/NavKnap.jpg" style="padding: 10px;" align="center">
                <b>
                <a href="site/kontakt.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Kontakt1.jpg';" style="text-decoration: none">
                Kontakt</a></b></td>
              </tr>
              <tr>
                <td colspan="3"><img src="images/leftmenu_18.jpg" width="200" height="27"></td>
              </tr>
            </table></td>
            <td width="650">
            <iframe allowtransparency="true" name="Hovedramme" width="650" height="889" src="site\Velkommen.htm" border="0" frameborder="0">
            Webbrowseren understøtter ikke indbyggede rammer eller er aktuelt konfigureret til ikke at vise indbyggede rammer.
            </iframe>            </td>
          </tr>
        </table></td>
    </tr>
</table>

</body>
</html>
Avatar billede kodak Mester
21. juli 2006 - 14:17 #9
det kunne være at dette kunne hjælpe
http://www.freewebs.com/globe-disko/
Avatar billede kodak Mester
21. juli 2006 - 15:27 #10
Dette billede ønskede jeg gerne skulle bruges i under menuen.
http://www.freewebs.com/globe-disko/images/umenu.jpg
Avatar billede mclemens Nybegynder
21. juli 2006 - 18:53 #11
Yes, det hjalp på det ;o)
Kigger på lidt "guf"
til dig iaften :o)
Avatar billede kodak Mester
21. juli 2006 - 20:07 #12
Kan du ikke gøre det hurtigt siden skal vises for chefen ca. kl 22
Avatar billede kodak Mester
21. juli 2006 - 20:44 #13
Hvis det er vil jeg meget gerne have alle background="images/NavKnap.jpg" har en mouseover med background="images/Navover.jpg"
Avatar billede mclemens Nybegynder
21. juli 2006 - 21:40 #14
Hej kodak,
Undskyld at jeg først reagerer nu, jeg var på et familie visit...
Troede ikke det var noget til 22? Ved ikke om jeg når det ... med
guf mente jeg en forbedret html struktur... ved ikke om jeg lige når det
(20 minutter er ikke vildt meget) ... kigger derfor lige hurtig på rettelse af menuen ... men det burde blot være et spørgsmål om opslitning i mindre punkter (koder ikke tables mere så forslaget bliver "desværre" css og div's...
Avatar billede mclemens Nybegynder
21. juli 2006 - 21:56 #15
Arg, nitte der kommer en anden struktur til dig iaften som lovet ;o)
Avatar billede kodak Mester
21. juli 2006 - 22:07 #16
Hvis du bare har et udkast inden længe ville det være godt.
Avatar billede mclemens Nybegynder
21. juli 2006 - 22:21 #17
Her er den gamle struktur... jeg gik først igang kl 21:40 (jeg koder ikke tables længere... ) - Kigger på en ny struktur med divs ... men som du ser på denne udgave får du problemer med brugen af den slørende baggrund ... men det kigger jeg lidt på...


<html>
<head>
<title>GLOBE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #CCCCCC;
}

body {
    background-color: #FFFFFF;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.TopMenu {
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #cccccc;
    text-decoration: none;
}


#pers{display:none;text-align:center;font-weight:bold;background:url("images/umenu.jpg");padding:10px 0px;}
#pers a{text-decoration: none;height:18px;}






-->
</style></head>
<body link="#CCCCCC" vlink="#CCCCCC" alink="#CCCCCC">

<table width="850" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td height="188" background="images/background_01.jpg">

        <img border="0" src="images/Tom1.jpg" id="billedeskift" width="850" height="186"></td>
    </tr>
    <tr>
        <td valign="top">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" height="718">
          <tr>
                        <td height="26" colspan="2" valign="top">
                <table width="850" height="26" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="135" height="26" background="Top%20knapper/Knap.jpg">
                        <img border="0" src="Top%20knapper/Untitled-5.jpg" width="60" height="34"></td>
                        <td width="135" height="26" align="center" background="Top%20knapper/Knap.jpg" class="TopMenu">&nbsp;</td>
                        <td width="135" height="26" align="center" background="Top%20knapper/Knap.jpg" class="TopMenu">
                        <a href="#" class="TopMenu">
                        Home</a></td>
                        <td width="135" height="26" align="center" background="Top%20knapper/Knap.jpg" class="TopMenu">
                        <a href="#" class="TopMenu">
                        <font size="2">Torsdag</font></a></td>
                        <td width="135" height="26" align="center" background="Top%20knapper/Knap.jpg" class="TopMenu">
                        <a href="#" class="TopMenu">
                        <font size="2">Fredag</font></a></td>
                        <td width="135" height="26" align="center" class="TopMenu" background="Top%20knapper/Knap.jpg">
                        <a href="#" class="TopMenu">
                        <font size="2">Lørdag</font></a></td>
                        <td width="135" height="26" align="center" class="TopMenu" background="Top%20knapper/Knap.jpg">&nbsp;</td></a>
                        <td background="Top%20knapper/Knap.jpg">&nbsp;</td>
                    </tr>
              </table>
            </td>
          </tr>










          <tr>
            <td width="200" valign="top"><table width="200" border="0" cellpadding="0" cellspacing="0" >
              <tr>
<td colspan="3"><img src="images/leftmenu_03.jpg" width="200" height="27"></td></tr><tr>





                <td rowspan="5" width="15" style=" background:url('images/leftmenu_05.jpg');">&nbsp;</td>
                <td width="167" height="35" align="center"><b style="padding: 11px 0px;display:block;height:15px;background:url('images/NavKnap.jpg');">Event</b></td>
                <td rowspan="5" width="18" style=" background:url('images/leftmenu_07.jpg');">&nbsp;</td>
              </tr>
              <tr>
                <td height="35" align="center"><img src="images/leftmenu_08.jpg" width="167" height="9" style="display:block;"><b style="padding: 10px;display:block;height:15px;background:url('images/NavKnap.jpg');"><a href="http://www.diskotekglobe.dk/cpg/" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Billeder1.jpg';" style="text-decoration: none">Billeder</a></b></td>
              </tr>

              <tr>
<td><img src="images/leftmenu_10.jpg" width="167" height="11" style="display:block;"><b onclick="tn=document.getElementById('pers').style;tn.display=(tn.display!='block')?'block':'none';" style="cursor:pointer;background:url('images/NavKnap.jpg');line-height:15px;padding:10px 0px;height:15px;width:167px;text-align:center;display:block;">Personale</b>




<div id="pers">
             
                <a href="site/afryder.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Afryder1.jpg';">
                Afryder</a><br>
                <a href="site/bartender.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Bartender1.jpg';">
                Bartender</a><br>
                <a href="site/dormand.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Dormand1.jpg';">
                Dørmænd</a><br>
                <a href="site/garderobe.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Garderobe1.jpg';">
                Garderobe</a>
</div>

</td>




              </tr>
              <tr>
                <td height="35" align="center"><img src="images/leftmenu_10.jpg" width="167" height="11" style="display:block;">
                <b style="padding: 10px;display:block;height:15px;background:url('images/NavKnap.jpg');">
                <a href="Kalender.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Kalender1.jpg';" style="text-decoration: none">Kalender</a></b></td>
              </tr>
              <tr>
                <td height="35" align="center"><img src="images/leftmenu_16.jpg" width="167" height="12" style="display:block;"><b style="padding: 10px;display:block;height:15px;background:url('images/NavKnap.jpg');">
                <a href="site/kontakt.htm" target="Hovedramme" onclick="document.getElementById('billedeskift').src='images/Kontakt1.jpg';" style="text-decoration: none">
                Kontakt</a></b></td>
              </tr>
              <tr>
                <td colspan="3"><img src="images/leftmenu_18.jpg" width="200" height="27"></td>
              </tr>
            </table></td>
            <td width="650">
            <iframe allowtransparency="true" name="Hovedramme" width="650" height="889" src="site\Velkommen.htm" border="0" frameborder="0">
            Webbrowseren understøtter ikke indbyggede rammer eller er aktuelt konfigureret til ikke at vise indbyggede rammer.
            </iframe>            </td>
          </tr>
        </table></td>
    </tr>
</table>

</body>
</html>
Avatar billede kodak Mester
21. juli 2006 - 22:25 #18
Den er cool men kunne du lave alle background="images/NavKnap.jpg" med en mouseover med background="images/Navover.jpg"
Avatar billede kodak Mester
21. juli 2006 - 22:28 #19
Og kan Undermenuen ikke være lidt smallere i sig selv
så den får samme width= som billedet
Avatar billede mclemens Nybegynder
21. juli 2006 - 22:45 #20
Tjoh, jeg skal lige have en struktur klar til dig, jeg er p.t. kun ved toppen ... jeg skal lige "ramme" designet når jeg overfører koden ... og så skal den selvfølgelig være kodeoptimeret ... hmm, måske skulle man have taget en multimedia designer uddannelse :/

Her er start struktur ... kigger på det javascript senere ... Dog "tror" jeg vi klarer noget uden javascript ... eller rettere det burde vi kunne - css er jo også fedt nok ;o)

- - - - - Har du et link til over jpg til mig?




<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>GLOBE</title>

<style type="text/css">
html,body{margin:0px;padding:0px;}
body{
background:#303c48;
color:#ccc;
font: 11px verdana,arial,helvetica,sans-serif;
}

a{color:#ccc;}
a:hover{color:#ccc;}

#cont{
background:url("bg2.jpg") 0px 186px;
width:850px;
margin:0px auto;
}

#tmenu{
background:url("Top%20knapper/Knap.jpg");
height:34px;
}

#tmenu img{float:left;}

#tmenu div, #tmenu a{
display:block;
width:136px;
height:16px;
font-size:small;
font-weight:bold;
padding:8px 0px 2px 0px;
text-align:center;
text-decoration:none;
float:left;
}

</style></head>








<body><div id="cont">

<img src="images/Tom1.jpg" id="logo">

<div id="tmenu">
<img src="Top%20knapper/Untitled-5.jpg">
<div>&nbsp;</div>
<a href="#">Home</a>
<a href="#">Torsdag</a>
<a href="#">Fredag</a>
<a href="#">Lørdag</a>
</div>





</div></body></html>
Avatar billede kodak Mester
21. juli 2006 - 22:47 #21
images/Navover.jpg
Avatar billede mclemens Nybegynder
21. juli 2006 - 22:51 #22
takker
Avatar billede kodak Mester
21. juli 2006 - 22:54 #23
Jeg har ikke mere tid skal på arbejde.
Jeg må vise det jeg har til nu
vi snakkes.

images/Navover.jpg (er til venstre menu)
Jeg har ikke fået lavet nogen til toppen enu
Avatar billede kodak Mester
21. juli 2006 - 22:57 #24
Det var derfor jeg gerne ville kunne snakke lidt privat.
Avatar billede mclemens Nybegynder
21. juli 2006 - 23:44 #25
Lidt mere ... ikke færdig ...



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>GLOBE</title>

<style type="text/css">
html,body{margin:0px;padding:0px;}
body{
background:#303c48;
color:#ccc;
font: 11px verdana,arial,helvetica,sans-serif;
}

a{color:#ccc;}
a:hover{color:#ccc;}

#cont{
background:url("bg2.jpg") 0px 186px;
width:850px;
margin:0px auto;
}



#tmenu a,#lmenu a{
font-weight:bold;
text-align:center;
text-decoration:none;
}

#tmenu{
background:url("Top%20knapper/Knap.jpg");
height:34px;
}

#tmenu div, #tmenu a{
width:136px;
height:24px;
font-size:small;
padding:8px 0px 2px 0px;
float:left;
}

#tmenu a:hover{
background:url("Top%20knapper/Knapover.jpg");
}





#tmenu #tmenui{
float:left;
background:url("Top%20knapper/Untitled-5.jpg");
width:60px;height:24px;
}





#lmenu{
width:200px;
float:left;
background:url("images/leftmenu_07.jpg") 182px 27px no-repeat;
}

#lmenut,#lmenub{
width:200px;
height:27px;
}
#lmenut{background:url("images/leftmenu_03.jpg");}
#lmenub{background:url("images/leftmenu_18.jpg");}

#lmenulb{
float:left;
background:url("images/leftmenu_05.jpg") no-repeat;
width:182px;
}

#lmenui{
width:167px;
float:right;
background:url("images/leftmenu_08.jpg");
}

#lmenu a{
display:block;
padding:11px 0px;
height:15px;
width:167px;
background:url('images/NavKnap.jpg');
}

#lmenu a:hover{
background:url('images/Navover.jpg');
}

#rcontent{
width:640px;
float:right;
}

</style>

</head>

<body><div id="cont">

<img src="images/Tom1.jpg" id="logo">



<div id="tmenu">
<div id="tmenui"></div>
<div>&nbsp;</div>
<a href="#">Home</a>
<a href="#">Torsdag</a>
<a href="#">Fredag</a>
<a href="#">Lørdag</a>
</div>



<div id="lmenu"><div id="lmenut"></div><div id="lmenulb"><div id="lmenui">
<a href="#">Event</a>
</div></div><div id="lmenub"></div></div>



<div id="rcontent">
b
</div>



</div></body></html>
Avatar billede mclemens Nybegynder
22. juli 2006 - 00:48 #26
Noget i denne stil???


lav en fil kaldet css.css:

html,body{margin:0px;padding:0px;}
body{
background:#303c48;
color:#ccc;
font: 11px verdana,arial,helvetica,sans-serif;
}

a{color:#ccc;}
a:hover{color:#ccc;}

#cont{
background:url("bg2.jpg") 0px 186px;
width:850px;
margin:0px auto;
}



#tmenu a,#lmenu a, #lmenu span{
font-weight:bold;
text-align:center;
text-decoration:none;
}

#tmenu{
background:url("Top%20knapper/Knap.jpg");
height:34px;
}

#tmenu div, #tmenu a{
width:136px;
height:24px;
font-size:small;
padding:8px 0px 2px 0px;
float:left;
}

#tmenu a:hover{
background:url("Top%20knapper/Knapover.jpg");
}





#tmenu #tmenui{
float:left;
background:url("Top%20knapper/Untitled-5.jpg");
width:60px;height:24px;
}





#lmenu{
width:200px;
float:left;
background:url("images/leftmenu_07.jpg") 182px 27px;
}

#lmenut,#lmenub{
width:200px;
height:27px;
}
#lmenut{background:url("images/leftmenu_03.jpg");}
#lmenub{background:url("images/leftmenu_18.jpg");}

#lmenulb{
float:left;
background:url("images/leftmenu_05.jpg");
width:182px;
}

#lmenui{
width:167px;
float:right;
background:url("images/leftmenu_08.jpg");
}

#lmenu a, #lmenu span{
display:block;
padding:10px 0px;
height:15px;
width:167px;
background:url('images/NavKnap.jpg');
margin-bottom: 10px;
}

#lmenu span{
cursor:pointer;
}

#lmenu a:hover{
background:url('images/Navover.jpg');
}

#lmenu .nomarg{margin:0px;}


#pers{display:none;font-weight:bold;margin:-10px 0px 8px 0px;padding-left:10px;}
#pers a{text-align:center;text-decoration: none;height:10px;padding:0px;margin:0px;background:transparent;width:148px;background:url("images/umenu.jpg");}
#pers a:hover{background:transparent;}

#rcontent{
width:640px;
float:right;
}










... og så en fil kaldet js.js:

window.onload=function(){ document.getElementById("persspc").onclick=function(){tn=document.getElementById('pers').style;tn.display=(tn.display!='block')?'block':'none';return false;};
}




og her er  en ny markup opsætning der passer til css'en:
(bemærk dog at du måske skal lave noget ved farverne på din left menu hvis
du skal have mulighed for at udvide designet uden at det ser pudsigt ud ...)





<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>GLOBE</title>

<link rel="stylesheet" href="css.css" type="text/css">
<script type="text/javascript" src="js.js"></script>
</head>

<body><div id="cont">

<img src="images/Tom1.jpg" id="logo">



<div id="tmenu">
<div id="tmenui"></div>
<div>&nbsp;</div>
<a href="#">Home</a>
<a href="#">Torsdag</a>
<a href="#">Fredag</a>
<a href="#">Lørdag</a>
</div>



<div id="lmenu"><div id="lmenut"></div><div id="lmenulb"><div id="lmenui">

<a href="#">Event</a>

<a href="http://www.diskotekglobe.dk/cpg/" target="Hovedramme" onclick="document.getElementById('logo').src='images/Billeder1.jpg';">Billeder</a>

<a href="#123" id="persspc">Personale</a>


<div id="pers">

<a href="site/afryder.htm" target="Hovedramme" onclick="document.getElementById('logo').src='images/Afryder1.jpg';">Afryder<br></a>

<a href="site/bartender.htm" target="Hovedramme" onclick="document.getElementById('logo').src='images/Bartender1.jpg';">Bartender<br></a>

<a href="site/dormand.htm" target="Hovedramme" onclick="document.getElementById('logo').src='images/Dormand1.jpg';">Dørmænd<br></a>

<a href="site/garderobe.htm" target="Hovedramme" onclick="document.getElementById('logo').src='images/Garderobe1.jpg';">Garderobe</a>

</div>



<a href="Kalender.htm" target="Hovedramme" onclick="document.getElementById('logo').src='images/Kalender1.jpg';">Kalender</a>
<a href="site/kontakt.htm" target="Hovedramme" class="nomarg" onclick="document.getElementById('logo').src='images/Kontakt1.jpg';">Kontakt</a>

</div></div><div id="lmenub" style="clear:both;"></div></div>



<div id="rcontent">
<iframe allowtransparency="true" name="Hovedramme" width="650" height="889" src="site\Velkommen.htm" border="0" frameborder="0"></iframe>
</div>



</div></body></html>
Avatar billede mclemens Nybegynder
22. juli 2006 - 00:54 #27
^ - Angående ovenstående [ ... og så en fil kaldet js.js: ]
... det kan jo undgåes ved at lave det inline ... kig nok lidt for meget amok :o)
- Prøv at lave css filen og så glemme den js - fil ... brug denne markup istedet:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>GLOBE</title>

<link rel="stylesheet" href="css.css" type="text/css">
<script type="text/javascript" src="js.js"></script>
</head>

<body><div id="cont">

<img src="images/Tom1.jpg" id="logo">



<div id="tmenu">
<div id="tmenui"></div>
<div>&nbsp;</div>
<a href="#">Home</a>
<a href="#">Torsdag</a>
<a href="#">Fredag</a>
<a href="#">Lørdag</a>
</div>



<div id="lmenu"><div id="lmenut"></div><div id="lmenulb"><div id="lmenui">

<a href="#">Event</a>

<a href="http://www.diskotekglobe.dk/cpg/" target="Hovedramme" onclick="document.getElementById('logo').src='images/Billeder1.jpg';">Billeder</a>

<a href="#" onclick="tn=document.getElementById('pers').style;tn.display=(tn.display!='block')?'block':'none';return false;">Personale</a>


<div id="pers">

<a href="site/afryder.htm" target="Hovedramme" onclick="document.getElementById('logo').src='images/Afryder1.jpg';">Afryder<br></a>

<a href="site/bartender.htm" target="Hovedramme" onclick="document.getElementById('logo').src='images/Bartender1.jpg';">Bartender<br></a>

<a href="site/dormand.htm" target="Hovedramme" onclick="document.getElementById('logo').src='images/Dormand1.jpg';">Dørmænd<br></a>

<a href="site/garderobe.htm" target="Hovedramme" onclick="document.getElementById('logo').src='images/Garderobe1.jpg';">Garderobe</a>

</div>



<a href="Kalender.htm" target="Hovedramme" onclick="document.getElementById('logo').src='images/Kalender1.jpg';">Kalender</a>
<a href="site/kontakt.htm" target="Hovedramme" class="nomarg" onclick="document.getElementById('logo').src='images/Kontakt1.jpg';">Kontakt</a>

</div></div><div id="lmenub" style="clear:both;"></div></div>



<div id="rcontent">
<iframe allowtransparency="true" name="Hovedramme" width="650" height="889" src="site\Velkommen.htm" border="0" frameborder="0"></iframe>
</div>



</div></body></html>
Avatar billede mclemens Nybegynder
22. juli 2006 - 01:00 #28
... ups, glemte at fjerne denne linje i ovenstående:
<script type="text/javascript" src="js.js"></script>
Avatar billede kodak Mester
22. juli 2006 - 17:37 #29
Det er  kun fedt når du giver dig selv frie tøjler.
Avatar billede mclemens Nybegynder
22. juli 2006 - 19:51 #30
Takker :)

En lille smutter som jeg glemte kodak (baggrund i FF)

Lige før afslutningen af hoveddiven skal der lige en
clear mere ind så sidste linje i markup'en ser sådan her ud:

<div style="clear:both;"></div></div><!-- --><script type="text/javascript" src="/i.js"></script></body></html>

(kastede kommentaren i den anden vurderingstråd også da den kunne påvirke vurderingen lidt da baggrunden ikke blev ordentligt udvidet :o) ... det gik nok lidt for hurtigt ... )
Avatar billede kodak Mester
22. juli 2006 - 20:12 #31
Nu er jeg ikke med.
Avatar billede mclemens Nybegynder
22. juli 2006 - 20:55 #32
Ok html kilden:

...

<div id="rcontent">
<iframe allowtransparency="true" name="Hovedramme" width="650" height="889" src="site\Velkommen.htm" border="0" frameborder="0"></iframe>
</div>



</div></body></html>


rettes til:

...

<div id="rcontent">
<iframe allowtransparency="true" name="Hovedramme" width="650" height="889" src="site\Velkommen.htm" border="0" frameborder="0"></iframe>
</div>



<div style="clear:both;"></div></div></body></html>
^ - Det var den clear del jeg havde glemt ...
Avatar billede mclemens Nybegynder
22. juli 2006 - 20:59 #33
Resultatet ovenstående giver i FF (så den bedre kan vurderes i FF):

java script:a=document.getElementById("cont");b=document.createElement("div");b.style.clear="both";a.appendChild(b);void(0);

^ - Indsæt i adresselinjen og enter det simulerer ændringen jeg har vist i markup'en i det tidligere indlæg ...

( http://www.freewebs.com/globe-disko/ )
Avatar billede kodak Mester
22. juli 2006 - 22:07 #34
Hvad skal jeg med
java script:a=document.getElementById("cont");b=document.createElement("div");b.style.clear="both";a.appendChild(b);void(0);
Avatar billede mclemens Nybegynder
22. juli 2006 - 22:34 #35
Det blev måske for kort forklaret ... her er en mere uddybet forklaring
men den blev nok istedet alt for uddybet ... men det går nok :o)


1. Åben Firefox.


2. Klik på dette link: http://www.freewebs.com/globe-disko/


3. Indsæt den javascript linje i browserens adresselinje (det er der hvor der står http://www.freewebs.com/globe-disko/ ... altså efter du har trykket på linket) ...


4. Tryk nu på enter eller return på dit tastatur.


5. Læg mærke til at baggrunden nu følger med nedaf.


6. Luk Firefox og find kildekoden til din side.


7. Indsæt så herefter denne del:

<div style="clear:both;"></div></div><!-- --><script type="text/javascript" src="/i.js"></script></body></html>

i markup'en på http://www.freewebs.com/globe-disko/ istedet for denne del (det er det sidste af markup'en på siden):

</div><!-- --><script type="text/javascript" src="/i.js"></script></body></html>


8. Upload den rettede fil


9. Åben nu Firefox og gå ind på siden igen ... Hjalp det på baggrunden?
Avatar billede mclemens Nybegynder
23. juli 2006 - 09:14 #36
^ - ovenstående rettes go så denne css del:

#rcontent{
width:640px;
float:right;
}

rettes til:

#rcontent{
width:650px;
float:right;
}

... det hjælper lidt på at højre sides (iframen) indhold flugter med top logoet
Avatar billede kodak Mester
23. juli 2006 - 23:25 #37
Kan du sætte MYSQL op?
kan ikke få den til at virke
Avatar billede mclemens Nybegynder
23. juli 2006 - 23:56 #38
Har kun selv en basis mysql, php , apache , windows (wamp) server som jeg bruger til test ... ellers kører jeg på sådan en preinstalled fætter her ... http://www.hexonet.net/page/products/dserverentry.php så decideret mysql installation på fra ny af har jeg ikke selv lavet :o)

... prøv at lave et spørgsmål i mysql
- hvis manualen ikke viser hvordan man installerer
- eller du mangler en guide til installation...

... og tak for point :o)
Avatar billede kodak Mester
24. juli 2006 - 12:39 #39
det er fordi der er så mange ting der skal svares på.
Avatar billede kodak Mester
02. august 2006 - 00:24 #40
Hvor er det bedst at smide <center> ind?
Hele siden skal centreres.
Avatar billede mclemens Nybegynder
02. august 2006 - 00:44 #41
... sitet er jo allerede centreret eller ???
- eller er det et nyt site ???

<center> - centrering... Uhm, det er sent og jeg
er på vej i seng - men du får da lige hurtig lidt:
<center> er udgående markup og det skal/bør du holde
dig langt fra - du bør bruge css istedet ...

... et godt eksempel er det link her:
http://www.freewebs.com/globe-disko/

div'en med id="cont" indholder alt markup
på siden. Den centreres via dette css:
( http://www.freewebs.com/globe-disko/css.css )


#cont{
background:url("images/bg2.jpg") 0px 186px;
width:850px; /*<- En width angivelse så browseren ved hvor bred div'en skal være */
margin:0px auto; /* kort margin definering ... oversat står der: margin top og bottom 0px samt margin left og right:auto ... den centrerer så alt indholdet i midten af siden ...*/
}

... hvis det var noget horisontalt centrering også så kig på en tabel - det er det mest effektive til det ... (ellers skal man rode med top:50%; left:50%; margin-left: -antal-px-div-en-er-bred-divideret-med-to-og-så-px;margin-top: -antal-px-div-en-er-høj-divideret-med-to-og-så-px; ... og der skal et javascript til hvis højden skifter ... se evt. eksempel med en div her: http://www.eksperten.dk/spm/723262


- hvordan går det med 22/07-2006 22:34:21 ???
(er først tilbage imorgen , sov godt :o) )
Avatar billede kodak Mester
02. august 2006 - 16:43 #42
http://globe.tii.dk/
den er ikke center
Avatar billede mclemens Nybegynder
02. august 2006 - 17:04 #43
Hmmm, næh ser det nu i Firefox var den centreret ...
Jeg ved ikke hvorfor du har slettet doctypen... men det
gør at IE ikke overholder css - ergo: Du SKAL have doctypen.

Se evt. http://www.eksperten.dk/spm/721583#rid6348507
- læg mærke til doctypen der står før html uden den overholdes css ikke
da IE går i quirks for at tage hensyn til en "eventuel" dårlig kodning...
Avatar billede kodak Mester
02. august 2006 - 17:12 #44
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Denne okay.
Avatar billede mclemens Nybegynder
02. august 2006 - 17:16 #45
Jeps, så designer du nemlig siden med css som ie bedre forstår - og slutresultatet har større chance for at kunne vises i browsere der ikke går i quirks/fejlsikret mode ved manglende doctype :o)
Avatar billede mclemens Nybegynder
02. august 2006 - 17:30 #46
P.s.: M.h.t. 22/07-2006 22:34:21
er det som sagt blot at rette:

</div></body></html>

nederst på siden til:

<div style="clear:both;"></div></div></body></html>

... det hjælper på baggrunden i firefox :o)
Avatar billede kodak Mester
03. august 2006 - 00:15 #47
For at siden uploader hurtigerer har jeg delt banneretop kan du lave den så den skifter billedet i kun venstreside

Håber du forstår.
Har hurtigt prøvet at sætte det op.
(alle banner billeder er lavet mindre)


<table border="0" width="850" id="table1" cellspacing="1" height="156" background="file:///D:/Documents%20and%20Settings/Administrator/Skrivebord/Alt%20med%20GLOBE/Globe%20HP/design/Klip/nye/Back.jpg">
    <tr>
        <td width="425">
        <img border="0" src="file:///D:/Documents%20and%20Settings/Administrator/Skrivebord/Alt%20med%20GLOBE/Globe%20HP/design/Klip/nye/Tom.jpg" id="dette billede skal skiftes" width="425" height="156"></td>
        <td>&nbsp;</td>
    </tr>
</table>
Avatar billede mclemens Nybegynder
03. august 2006 - 00:31 #48
onclick="document.getElementById('dette billede skal skiftes').src='images/Kalender1.jpg';"

- hvor "dette billede skal skiftes" udskiftes med id på billedet ...
Avatar billede mclemens Nybegynder
03. august 2006 - 00:35 #49
- Du kan selvfølgelig også lave denne funtion i din js fil:

function spic(dest){
  if(tn=document.getElementById("dette billede skal skiftes"))tn.src=dest;
}

^ ret til id på billedet og så lidt kortere onclick's:

onclick="spic('images/Kalender1.jpg');"

... ikke testet men ellers så prøv det tidligere indlæg ...
Avatar billede kodak Mester
03. august 2006 - 15:33 #50
Er der ikke en bedre måde at lave det på?
width="850" height="156" det er bg billedet
width="425" height="156" det er de øvrige billeder (der skal skiftes)
Avatar billede mclemens Nybegynder
03. august 2006 - 15:40 #51
background er forældet, border definering på et img der ikke har et link er ikke nødvendigt... Istedet for tabel delen ville jeg nok bruge en div stedet...

- m.h.t. fjernelse af border på billeder der har lægger i et a
element kan du skrive følgende i din css fil: a img{border:0px;}
Avatar billede mclemens Nybegynder
03. august 2006 - 15:42 #52
Eksempel:
<div style="width:850px;background:url('bg.jpg');"><img src="billedet.jpg" id="dette billede skal skiftes"></div>
Avatar billede mclemens Nybegynder
03. august 2006 - 15:49 #53
eller måske:

<div style="width:850px;height:156px;background:url('bg.jpg');"><img src="billedet.jpg" id="dette billede skal skiftes"></div>

- så browseren ved hvor højt det er - hvis den nu skal
placere andre elementer afhængig af højden på div'en / billedet...
Avatar billede kodak Mester
19. august 2006 - 15:20 #54
Er det muligt atdukan lave en tilavarendene menu i Højre side?
Den skal bare være uden Link men med Iframe til reklame.
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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