Avatar billede johannielsen Nybegynder
10. maj 2001 - 20:39 Der er 16 kommentarer og
3 løsninger

Layers, fucker når oversigt eller foretrukne åbnes!

Jeg har et problem..Mine layers fucker totalt når man åbner f.eks. oversigten, eller foretrukne! Kan man ikke ordne det???

Min kode er her:
<html>
<head>
<title>Kontakt geniet! - eller hvad han nu er</title>

<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\">
 
<script language=\"JavaScript\">

function newImage(arg) {
  if (document.images) {
    rslt = new Image();
    rslt.src = arg;
    return rslt;
  }
}

function changeImages() {
  if (document.images && (preloadFlag == true)) {
    for (var i=0; i<changeImages.arguments.length; i+=2) {
      document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
    }
  }
}

var preloadFlag = false;
function preloadImages() {
  if (document.images) {
    index_03_over = newImage(\"images/index_03-over.gif\");
    index_03_index_04_over = newImage(\"images/index_03-index_04_over.gif\");
    index_04_index_03_over = newImage(\"images/index_04-index_03_over.gif\");
    index_04_over = newImage(\"images/index_04-over.gif\");
    index_04_index_05_over = newImage(\"images/index_04-index_05_over.gif\");
    index_05_index_04_over = newImage(\"images/index_05-index_04_over.gif\");
    index_05_over = newImage(\"images/index_05-over.gif\");
    index_06_index_05_over = newImage(\"images/index_06-index_05_over.gif\");
    index_08_over = newImage(\"images/index_08-over.gif\");
    index_09_index_08_over = newImage(\"images/index_09-index_08_over.gif\");
    index_09_over = newImage(\"images/index_09-over.gif\");
    index_10_over = newImage(\"images/index_10-over.gif\");
    index_11_index_10_over = newImage(\"images/index_11-index_10_over.gif\");
    preloadFlag = true;
  }
}
</script>
</head>

<body bgcolor=#000000 onload=\"preloadImages();\" link=#CCCCCC vlink=#CCCCCC>
<div id=\"Layer1\" style=\"position:absolute; left:256px; top:248px; width:512px; height:377px; z-index:1\">
<center><b><font size=\"5\" color=\"#CCCCCC\" face=arial>[ Kontakt ]</font></b><br><br>
<font face=\"Arial\" size=\"3\" color=#CCCCCC>
Da min server endnu ikke understøtter ASP-mail, så må I nøjes med min email.<br><br>
<b><a href=\"mailto:fenderfreak@mailme.dk\">FenderFreak@Mailme.dk</a></b>
</center>
</font>
</div>
<table width=760 border=0 cellpadding=0 cellspacing=0 align=center>
  <tr>
    <td>
      <img src=\"images/spacer.gif\" width=120 height=1></td>
    <td>
      <img src=\"images/spacer.gif\" width=76 height=1></td>
    <td>
      <img src=\"images/spacer.gif\" width=50 height=1></td>
    <td>
      <img src=\"images/spacer.gif\" width=51 height=1></td>
    <td>
      <img src=\"images/spacer.gif\" width=51 height=1></td>
    <td>
      <img src=\"images/spacer.gif\" width=60 height=1></td>
    <td>
      <img src=\"images/spacer.gif\" width=1 height=1></td>
    <td>
      <img src=\"images/spacer.gif\" width=50 height=1></td>
    <td>
      <img src=\"images/spacer.gif\" width=51 height=1></td>
    <td>
      <img src=\"images/spacer.gif\" width=53 height=1></td>
    <td>
      <img src=\"images/spacer.gif\" width=76 height=1></td>
    <td>
      <img src=\"images/spacer.gif\" width=121 height=1></td>
  </tr>
  <tr>
    <td colspan=12>
      <img src=\"images/index_01.gif\" width=760 height=160></td>
  </tr>
  <tr>
    <td colspan=2>
      <img src=\"images/index_02.gif\" width=196 height=52></td>
    <td>
      <a href=\"default.asp\"
        onmouseover=\"changeImages(\'index_03\', \'images/index_03-over.gif\', \'index_04\', \'images/index_04-index_03_over.gif\'); return true;\"
        onmouseout=\"changeImages(\'index_03\', \'images/index_03.gif\', \'index_04\', \'images/index_04.gif\'); return true;\">
        <img name=\"index_03\" src=\"images/index_03.gif\" width=50 height=52 border=0></a></td>
    <td>
      <a href=\"elever.asp\"
        onmouseover=\"changeImages(\'index_03\', \'images/index_03-index_04_over.gif\', \'index_04\', \'images/index_04-over.gif\', \'index_05\', \'images/index_05-index_04_over.gif\'); return true;\"
        onmouseout=\"changeImages(\'index_03\', \'images/index_03.gif\', \'index_04\', \'images/index_04.gif\', \'index_05\', \'images/index_05.gif\'); return true;\">
        <img name=\"index_04\" src=\"images/index_04.gif\" width=51 height=52 border=0></a></td>
    <td>
      <a href=\"kalender.asp\"
        onmouseover=\"changeImages(\'index_04\', \'images/index_04-index_05_over.gif\', \'index_05\', \'images/index_05-over.gif\', \'index_06\', \'images/index_06-index_05_over.gif\'); return true;\"
        onmouseout=\"changeImages(\'index_04\', \'images/index_04.gif\', \'index_05\', \'images/index_05.gif\', \'index_06\', \'images/index_06.gif\'); return true;\">
        <img name=\"index_05\" src=\"images/index_05.gif\" width=51 height=52 border=0></a></td>
    <td>
      <img name=\"index_06\" src=\"images/index_06.gif\" width=60 height=52></td>
    <td>
      <img src=\"images/index_07.gif\" width=1 height=52></td>
    <td>
      <a href=\"guestbook.asp\"
        onmouseover=\"changeImages(\'index_08\', \'images/index_08-over.gif\', \'index_09\', \'images/index_09-index_08_over.gif\'); return true;\"
        onmouseout=\"changeImages(\'index_08\', \'images/index_08.gif\', \'index_09\', \'images/index_09.gif\'); return true;\">
        <img name=\"index_08\" src=\"images/index_08.gif\" width=50 height=52 border=0></a></td>
    <td>
      <a href=\"chat.asp\" target=\"_blank\"
        onmouseover=\"changeImages(\'index_09\', \'images/index_09-over.gif\'); return true;\"
        onmouseout=\"changeImages(\'index_09\', \'images/index_09.gif\'); return true;\">
        <img name=\"index_09\" src=\"images/index_09.gif\" width=51 height=52 border=0></a></td>
    <td>
      <a href=\"kontakt.asp\"
        onmouseover=\"changeImages(\'index_10\', \'images/index_10-over.gif\', \'index_11\', \'images/index_11-index_10_over.gif\'); return true;\"
        onmouseout=\"changeImages(\'index_10\', \'images/index_10.gif\', \'index_11\', \'images/index_11.gif\'); return true;\">
        <img name=\"index_10\" src=\"images/index_10.gif\" width=53 height=52 border=0></a></td>
    <td colspan=2>
      <img name=\"index_11\" src=\"images/index_11.gif\" width=197 height=52></td>
  </tr>
  <tr>
    <td>
      <img src=\"images/index_12.gif\" width=120 height=388></td>
    <td colspan=10>
      <img src=\"images/index_13.gif\" width=519 height=388></td>
    <td>
      <img src=\"images/index_14.gif\" width=121 height=388></td>
  </tr>
</table>

</body>
</html>

Håber på HJÆLP! - schnell!
Avatar billede johannielsen Nybegynder
10. maj 2001 - 20:43 #1
Avatar billede olebole Juniormester
10. maj 2001 - 20:47 #2
<ole>
Hmmm...ser da fint ud i IE5.0 på Mac  :o)
/mvh
</bole>
Avatar billede jakoba Nybegynder
10. maj 2001 - 20:48 #3
ingen problemer i IE4.
Avatar billede johannielsen Nybegynder
10. maj 2001 - 20:53 #4
Prøv at åbne foretrukene ude i højre side.
Avatar billede fomse Nybegynder
10. maj 2001 - 23:30 #5
Jeg tror at det er i din <div>-tag den er gal, der sætter du left:256px men din tabel med billederne (menuen) er sat til center! Bare et forslag, ikke testet....

<div id=\"Layer1\" style=\"position:absolute; left:256px; top:248px; width:512px; height:377px; z-index:1\">
<center><b><font size=\"5\" color=\"#CCCCCC\" face=arial>[ Kontakt ]</font></b><br><br>
<font face=\"Arial\" size=\"3\" color=#CCCCCC>
Da min server endnu ikke understøtter ASP-mail, så må I nøjes med min email.<br><br>
<b><a href=\"mailto:fenderfreak@mailme.dk\">FenderFreak@Mailme.dk</a></b>
</center>
</font>
</div>

Fomse:-)
Avatar billede fomse Nybegynder
10. maj 2001 - 23:31 #6
øhhh <div>-koden er din egen, det var bare for at illustrerer hvad jeg mente...........

Fomse:-,
Avatar billede fomse Nybegynder
10. maj 2001 - 23:33 #7
Prøv med en <div align=\"center\"></div> istedet for!!!!

Fomse:-\'
Avatar billede johannielsen Nybegynder
11. maj 2001 - 11:27 #8
Har prøvet virker ikke! Kan det ikke have noget at gøre med at placeringen af layeret er \"absolut\"??? Den vil jo med det altid være X antal pixels fra siderne!

Bare en tanke!

/Johan
Avatar billede engrob Nybegynder
11. maj 2001 - 13:55 #9
Jo, det har det sikkert, men så kan du lave et lag der 100% bredt og så sætte teksten deri til at være centreret.
Avatar billede johannielsen Nybegynder
11. maj 2001 - 14:09 #10
Ok, jeg prøver
Avatar billede johannielsen Nybegynder
11. maj 2001 - 14:27 #11
Forresten How?
Har ikke arbejdet med layers før!
Avatar billede engrob Nybegynder
11. maj 2001 - 14:30 #12
Sådan:
<div style=\"position:absolute; top:200; left:0; width:100%;\">
<div align=\"center\">Din tekst skal så stå her</div>
</div>
Avatar billede johannielsen Nybegynder
11. maj 2001 - 14:33 #13
style=\"position:100%\" ????
Avatar billede johannielsen Nybegynder
11. maj 2001 - 14:33 #14
danke 2 sek
Avatar billede johannielsen Nybegynder
11. maj 2001 - 14:37 #15
Det virker ikke! For layeret bliver bare centret i vinduet......det skal centreres på siden!
Avatar billede jakoba Nybegynder
11. maj 2001 - 18:06 #16
<script language=\'javascript\'> <!--

function placerLag() {
      var bredde = Math.max( 760, document.body.clientwidth );
      var x = bredde/2 - 480/2
      document.all[\"Layer1\"].style.pixelLeft = x;
}; //end placerLag( string )

document.onresize = placerLag;

// --> <script>

i <body tilføjer du et kald til PlacerLag i onload eventen:
<body ...  onload=\"preloadImages();placerLag();\"

og så giver du laget en fast bredde på 480:
<div id=\"Layer1\" style=\"position:absolute; left:0px; top:248px; width:480px; z-index:1\">

Alt ialt ville det nok være nemmest bare at lade være med at bruge layers her :-))

mvh JakobA
Avatar billede engrob Nybegynder
11. maj 2001 - 23:22 #17
johan>> Det ser faktisk ud til at virke for mig (ie5.5)
Avatar billede johannielsen Nybegynder
13. maj 2001 - 00:04 #18
----->engrob
Jeg har også 5.5\'eren! - og ok, det virker acceptabelt! Men hvis man resizer vinduet helt vildt, eller har en MEGA-foretrukne, så fucker det lidt igen....jeg har i øvrigt lavet et table med teksten i, inden i layeret! - det kan måske også have noget at sige.

Måske undrer du dig over at jeg i det hele taget bruger layers, men det er fordi ellers, sker det nemt at den øvrige graffik (som de blå halløjsager, i siderne) hopper lidt omkring!

Men tak for den hjælp du har givet.

------>Jakoba
Ja, jeg tror hellere jeg vil undvære layers, end bruge scripts bare for at få det til at passe, men point skal du da have for arbejdet!

/Johan
Avatar billede engrob Nybegynder
16. maj 2001 - 14:14 #19
Nu kan jeg godt se hvad du mener, men jeg tror ikke det er muligt at låse et layer fast i midten på siden uden lidt javascript.
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