Avatar billede ubej Nybegynder
07. oktober 2006 - 12:23 Der er 14 kommentarer og
1 løsning

Menu hop

Se her, på min menu på http://www.galleridesign.dk/web

Der hopper menu'en nogle gange når man trykker på en knap. Alså op og så tilbage man kan lige se det, hurtig.
Hvordan gør jeg så den ikke hopper.
Avatar billede nythjem Nybegynder
07. oktober 2006 - 18:43 #1
Hej Ubej!

Det skyldes at billederne ligger i en tabel. Når siden skal renderes starter den så af A1 til A5.

Hvis du lavede den med <div> i stedet ville den ikke hoppe, og så ville den rendere efter princippet A, B, C, D, E..
Avatar billede ubej Nybegynder
07. oktober 2006 - 23:24 #2
Nu når det er et 200 point spørgsmål så skriv venligst hvad jeg skal rette i koden.
Her er koden taget fra top.php
---------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Galleridesign.dk - Art
For Your Eye</title>
<style type="text/css">
body{background:#000;color:#fff;}
*,html,body { font-family:Arial;font-size:11px; }
a{color:#fff;}
html,body {text-align:center;}
.mainEl {margin: 0px auto;text-align:left;}
html {
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #000000;
}

body {
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #000000;
}


  </style>
<script type="text/javascript">
function __init()
{
var pic1 = new Image();
var pic2 = new Image();
var pic3 = new Image();
var pic4 = new Image();
var pic5 = new Image();

pic1.src = "images/but01.gif";
pic2.src = "images/but02.gif";
pic3.src = "images/but03.gif";
pic4.src = "images/but04.gif";
pic5.src = "images/but05.gif";
}
</script>
<script type="text/javascript">__init(); </script>

</head>


      <td bgcolor="#000000" width="10"><img src="images/px1.gif" alt=""
border="0" height="1" width="1"></td>
      <td bgcolor="#000000" valign="top">
      <div style="text-align: right;"> </div>
      <table border="0" cellpadding="0" cellspacing="0" width="722" style="margin:0px auto;">
        <tbody>
          <tr>
            <td>
            <br>
            </td>
          </tr>
          <tr>
<center>
<div>
            <td height="41"><a href="index.php"><img
style="border: 0px solid ; width: 144px; height: 41px;" alt="Forside"
src="images/but01.gif"></a><img src="images/separator.gif" height="41"
width="1"><a href="galleri.php"><img
style="border: 0px solid ; width: 143px; height: 41px;" alt="Galleri"
src="images/but02.gif"></a><img src="images/separator.gif" height="41"
width="1"><a href="kunstneren.php"><img
style="border: 0px solid ; width: 143px; height: 41px;"
alt="Kunstner" src="images/but03.gif"></a><img
src="images/separator.gif" height="41" width="1"><a href="nyheder.php"><img
style="border: 0px solid ; width: 143px; height: 41px;" alt="Nyheder"
src="images/but04.gif"></a><img src="images/separator.gif" height="41"
width="1"><a href="mailto:art@brix-dyberg.dk"><img
style="border: 0px solid ; width: 145px; height: 41px;" alt="Kontakt"
src="images/but05.gif"></a></td>
          </tr>
</center>
</div>
        </tbody>
      </table>

      </td>
      <td bgcolor="#000000" width="10"><img src="images/px1.gif" alt=""
border="0" height="1" width="1"></td>
    </tr>
  </tbody>
</table>
<map name="Map">
<area shape="rect" coords="3,15,62,33" href="#">
<area shape="rect" coords="68,15,153,34" href="#">
<area shape="rect" coords="160,15,235,34" href="#">
</map>
</body>
</html>
<SCRIPT language=JavaScript1.2>
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</SCRIPT>


<SCRIPT language=JavaScript>
<!--
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// --> </SCRIPT>
Avatar billede nythjem Nybegynder
08. oktober 2006 - 12:35 #3
200 point er relativt :)

Din kode skal laves så meget om fordi den er smæk fyldt med fejl, specielt den kode du tidligere har linket til gennem dine sidste spørgsmål.

Jeg vil anbefale dig at skrive det om og så igen poste det.. :)

God søndag..
Avatar billede ubej Nybegynder
08. oktober 2006 - 12:43 #4
Jamen det jo derfor jeg laver et spørgsmål.
Avatar billede nythjem Nybegynder
08. oktober 2006 - 13:11 #5
Generelt er der ikke styr på noget indefor html. Jeg vil derfor anbefale dig, hvis du vil lære at kode god html, at eksempelvis kigge forbi sider som: http://www.w3schools.com/html/default.asp

Anyways, har smidt al din kode ud og lave det korrekt.. ;-)

----------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Galleridesign.dk - Art For Your Eye</title>

<style type="text/css">
    body {background:#000;color:#fff;font-family:Arial;font-size:11px;}
    html,body {margin:0px;padding:0px;height:100%;width:100%;text-align:center;}
    a img {border:none;}

    .ctncon {width:750px;margin:0 auto;text-align:left;}
    .ctnconinner {margin-top:40px;}
    .ctnmenu {height:41px;}
    .ctnmenu img {margin-right:1px;}
    .ctnmenu div {float:left;}

  </style>

</head>
<body>

<div class="ctncon">
    <div class="ctnconinner">
        <div class="ctnmenu">
            <div><a href="index.php"><img width="144" height="41" alt="Forside" src="images/but01.gif"></a></div>
            <div><a href="galleri.php"><img width="143" height="41" alt="Galleri" src="images/but02.gif"></a></div>
            <div><a href="kunstneren.php"><img width="143" height="41" alt="Kunstner" src="images/but03.gif"></a></div>
            <div><a href="nyheder.php"><img width="143" height="41" alt="Nyheder" src="images/but04.gif"></a></div>
            <div><a href="mailto:art@brix-dyberg.dk"><img width="145" height="41" alt="Kontakt" src="images/but05.gif"></a></div>
        </div>
    </div>
</div>

</body>
</html>
Avatar billede ubej Nybegynder
08. oktober 2006 - 14:31 #6
Virker ikke hopper stadig.
Avatar billede nythjem Nybegynder
08. oktober 2006 - 19:07 #7
Nej, det er skam fordi du skifter side.. ;-)
Avatar billede ubej Nybegynder
08. oktober 2006 - 22:38 #8
? hvad har lige haft uploadet det, men det blev noget lort.. fordi alt css ikke var med..
Avatar billede ubej Nybegynder
08. oktober 2006 - 22:38 #9
Hvorfor hopper den stadig når man skifter side.
Avatar billede nythjem Nybegynder
09. oktober 2006 - 21:04 #10
Altså, et umiddelbart gæt..

1. Hvis du har krydret mit eksempel med din daværende html er det næsten selvklart, der stadig vil være fejl.

Men post da et link så jeg kan se på det.. :)
Avatar billede ubej Nybegynder
09. oktober 2006 - 22:40 #11
Har ikke rørt din kode.

Kan ses på http://www.galleridesign.dk/www
Avatar billede ubej Nybegynder
10. oktober 2006 - 13:02 #12
Avatar billede nythjem Nybegynder
10. oktober 2006 - 19:56 #13
:) Da jeg lavede et nyt eksempel til dig var det meningen du skulle bygge videre på det og ikke bare paste det ind.. Anyways, kan se det nok er en kende for avanceret til dig, så jeg har ryddet lidt op i start siden.. Men det kunne godt trænge til mere..


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Galleridesign.dk - Art For Your Eye</title>

<style type="text/css">
    body {background:#000;color:#fff;font-family:Arial;font-size:11px;}
    html,body {margin:0px;padding:0px;height:100%;width:100%;text-align:center;}
    a img {border:none;}

    .ctncon {width:750px;margin:0 auto;text-align:left;}
    .ctnconinner {margin-top:40px;}
    .ctnmenu {height:41px;}
    .ctnmenu img {margin-right:1px;}
    .ctnmenu div {float:left;}

BODY, p, h1, h2, h3, td {text-align: center;}

body {margin: 8px; font-family: verdana; font-size: 0.9em;}
td, th {font-family: verdana; font-size: 0.8em;}
a:link {color: white; text-decoration: underline;}
a:visited {color: white; text-decoration: underline;}
a:hover {color: white; text-decoration: none;}
a.map:link {color: white; text-decoration: none;}
a.map:visited {color: white; text-decoration: none;}
a.map:hover {color: white; text-decoration: underline;}
.submit {font-family: arial; font-size: 0.8em;}
.input {color: white; background-color: white; font-family: arial; border-color: white; border-width: 1px;}

</style>

</head>
<body>

<div class="ctncon">
    <div class="ctnconinner">
        <div class="ctnmenu">
            <div><a href="index.php"><img width="144" height="41" alt="Forside" src="images/but01.gif"></a></div>
            <div><a href="galleri.php"><img width="143" height="41" alt="Galleri" src="images/but02.gif"></a></div>
            <div><a href="kunstneren.php"><img width="143" height="41" alt="Kunstner" src="images/but03.gif"></a></div>
            <div><a href="nyheder.php"><img width="143" height="41" alt="Nyheder" src="images/but04.gif"></a></div>
            <div><a href="mailto:art@brix-dyberg.dk"><img width="145" height="41" alt="Kontakt" src="images/but05.gif"></a></div>
        </div>
    </div>
</div>


<table style="text-align: left; margin: 0 auto;" border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr bgcolor="#000000">
      <td bgcolor="#000000" width="10"><img src="images/px1.gif" alt="" border="0" height="1" width="1"></td>
      <td bgcolor="#000000" valign="top">

      <table style="background-color: rgb(0, 0, 0);" border="0" cellpadding="0" cellspacing="0" width="722">
        <tbody>
          <tr valign="top">
            <td></td>
            <td style="background-position: center top; background-repeat: repeat-x; font-family: Arial; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255);" width="250">

            <table bgcolor="#000000" border="0" cellpadding="0" cellspacing="0" width="100%">
              <tbody>
                <tr>
                  <td width="100%">
                  <div style="text-align: left;"><b><font color="#ffffff" face="Arial" size="2">MODERNE EKSPRESSIONISME</font></b></div>
                  </td>
                </tr>
              </tbody>
            </table>

            <table border="0" cellpadding="0" cellspacing="0" width="100%">
              <tbody>
                <tr>
                  <td bgcolor="#000000" width="100%">
                  <div style="text-align: left;">
          <font color="#ffffff"><b>DEFINITION:</b></font><br>
                  <font color="#ffffff">Den abstrakte ekspressionisme siges at v&aelig;re kendetegnet ved at billedets virkemidler i sig selv formidler kunstnerens indre f&oslash;lelser.</font><br>
                  <font color="#ffffff">Maleriets ofte st&aelig;rke farver, urolige og ofte gr&aelig;nsebrydende komposition (tilsyneladende ikke-harmonisk og ikke-sammenh&aelig;ngende) bliver "disciple" (budbringere) for kunstnerens f&oslash;lelser.</font><br>
                  <font color="#ffffff">Abstrakt ekspressionisme er en form for kunst, hvor kunstneren udtrykker sig selv, sit inderste - kun ved brug af former og farver.</font><br>
                  <font color="#ffffff">Det er nonfigurativ kunst (kun f&aring; eller ingen genkendelige virkelighedstr&aelig;k). Der er ingen egentlige objekter/ting at se i det abstrakte ekspressionistiske v&aelig;rk.</font><br>
                  <font color="#ffffff">Kunstdesigneren Ren&eacute; Dyberg benytter bl.a. denne udtryksform.</font><br>
                  <br>
                  <center>
                  <div style="text-align: left;"><font face="Arial" size="2"><font color="#ffffff"><b>&nbsp;Nyhedsbrev</b></font></font></div>
                  </center>
                  </div>
                  <iframe src="http://www.galleridesign.dk/web/nyhedsbrev.php" style="width: 225px; height: 75px;" marginwidth="0" marginheight="0" vspace="0" hspace="0" frameborder="0" scrolling="no"></iframe>
                  </td>
                </tr>
              </tbody>
            </table>

           
            </td>
            <td></td>
            <td style="background-color: rgb(0, 0, 0);" width="520"><img style="border: 0px solid ; width: 500px; height: 410px;" alt="" src="images/forsidebillede.jpg"></td>
          </tr>
        </tbody>
      </table>

      </td>
      <td bgcolor="#000000" width="10"></td>
    </tr>
  </tbody>
</table>

<div style="text-align: center;"><small><span style="color: rgb(255, 255, 255);"><small><span style="font-family: Arial;">&copy; Copyright 2006
<span style="font-weight: normal; color: rgb(255, 255, 255);">Galleridesign.dk</span>
- All rights reserved</span></small></span></small></div>

</body>
</html>
Avatar billede ubej Nybegynder
18. oktober 2006 - 13:13 #14
svar?

Det virker tak.
Avatar billede nythjem Nybegynder
18. oktober 2006 - 22:51 #15
Godt der virker.. :)

God aften.. :)
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