Avatar billede fritjof2 Nybegynder
03. november 2006 - 14:03 Der er 10 kommentarer og
1 løsning

Billeder i IE

Hej eksperter

Jeg har et problem med at får min hjemmeside til at se ens ud i firefox ig IE.

Jeg har et billede øverst på min side, som skifter vha. et script. Lige under billedet er det en menu. Problemet er at IE lavet et mellemrum mellem billedet og menuen, men firefox ikke gør det (hvilket heller ikke er meningen). Jeg kan ikke rigtigt gennemskue hvorfor det sker.

Et udpluk af koden ser således ud:

<script type="text/javascript">
bannerpics=new Array;
bannerpics[1]="topbillede1.gif";
bannerpics[2]="topbillede2.gif";
bannerpics[3]="topbillede3.gif";
bannerpics[4]="topbillede4.gif";
bannerpics[5]="topbillede5.gif";
function ShowBanner()
{
num = Math.random();
num = 1 + ( num * ((bannerpics.length - 1)-1));
num = Math.round(num);
document.write("<img src='grafik/" + bannerpics[num] + "' border='0'>");
}
</script>
<style type="text/css">
a:link {
    color: black;
    text-decoration:none;
}
a:visited {
    color: white;
    text-decoration:none;
}
a:active {
    background-color: none;
    text-decoration:none;
}
a:hover {
    color:white;
    text-decoration:underline;
}
p {   
    font: 12px verdana
}
</style>
</head>
<body bgcolor="#FFFFFF">
<center>
<table cellspacing="0" cellpadding="0" border="0" width="800" style="border:1px solid #002142"  bgcolor="#EEEEEE">
<tr><td valign="top">
<script type="text/javascript">
ShowBanner();
</script>
</td></tr>
<tr><td valign="top">
<table border="0" cellspacing="0" cellpadding="0" width="800">
<tr bgcolor="#879699" align="center">
<td width="160"><p><a href="index.asp"><font color="#FFFFFF">Forside</font></a></p></td>
<td width="160"><p><a href="billeder.asp"><font color="#FFFFFF">Billeder</font></a></p></td>
<td width="160"><p><a href="gaestebog.asp"><font color="#FFFFFF">Gæstebog</font></a></p></td>
<td width="160"><p><a href="kontakt.asp"><font color="#FFFFFF">Kontakt</font></a></p></td>
<td width="160">"><p><a href="links.asp"><font color="#FFFFFF">Links</font></a></p>
</td>
</tr>
</table>
</td>
</tr>
Avatar billede udvikler Nybegynder
03. november 2006 - 14:08 #1
prøv at indsætte dette i din css:

table {
    margin: 0px;
}

ellers prøv

td {
    margin: 0px;
}
Avatar billede fritjof2 Nybegynder
03. november 2006 - 14:17 #2
Det virker desværre ikke
Avatar billede olebole Juniormester
03. november 2006 - 14:19 #3
<ole>

Prøv med et link til siden

/mvh
</bole>
Avatar billede sw_red_6 Nybegynder
03. november 2006 - 14:19 #4
har du prøvet med padding også
Avatar billede thesurfer Nybegynder
03. november 2006 - 14:51 #5
Prøv med margin:0px og padding:0px, som er blevet nævnt..

En anden ting: Undgå linieskift lige før "</td>".. Det får IE til at lave mellemrum..
Avatar billede thesurfer Nybegynder
03. november 2006 - 14:54 #6
Jeg vil da også sige, at det er en dårlig måde at gøre det på..

En bedre måde (vil jeg mene), ville være at opdatere "src"-attributten på et billede..

Altså:

<img id="banner" src="blank.gif">

Og:

function ShowBanner()
{
num = Math.random();
num = 1 + ( num * ((bannerpics.length - 1)-1));
num = Math.round(num);
document.getElementById("banner").src='grafik/' + bannerpics[num];
}

Husk at kaldet "ShowBanner();" skal ske EFTER linien <img id="banner" src="blank.gif">
Avatar billede thesurfer Nybegynder
03. november 2006 - 14:55 #7
olebole (og andre bedrevidende JavaScript personer)> Ret mig endeligt, hvis jeg tager fejl med hensyn til "document.write" vs ".src = 'nyt-billede-her'"..
Avatar billede roenving Novice
03. november 2006 - 16:16 #8
document.write() er definitivt på vej ud, og vil få alle browsere til at gå i quirks-mode i xhtml, og er altså slet ikke på nogen måde fremtidsikret ...

-- men det er måden at sætte en attribut på også, så det bør være noget i denne henretning:

  document.getElementById("banner").setAttribute("src",'grafik/' + bannerpics[num]);
}
Avatar billede fritjof2 Nybegynder
05. november 2006 - 20:06 #9
Så blev problemet løst. Det viste sig at være mellemrummet før </td>, så point til surferen mod et svar
Avatar billede thesurfer Nybegynder
05. november 2006 - 20:54 #10
Det er en klassiker.. :-)

Det overraskede mig lidt, at olebole ikke nævte det.. :-)
Avatar billede olebole Juniormester
06. november 2006 - 08:55 #11
thesurfer >> that makes two of us  ;D
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