Avatar billede sorensen_123 Nybegynder
13. september 2006 - 14:46 Der er 7 kommentarer og
1 løsning

Problemer med fade.

Hejsa, jeg har et script som fader en div når man går ind på siden.
Men den bliver vist helt oppe i venstre hjørne, og umiddelbart virker det ikke bagefter at jeg har sat den til at være i midten.

Det ser sådan her ud:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <title>fffff</title>
    <link rel="stylesheet" type="text/css" href="css/login.css" media="screen" />
<SCRIPT LANGUAGE="JavaScript">
function fadeInPage()
{
if(document.getElementById("fadeDiv").filters("alpha").opacity < 100)
{
document.getElementById("fadeDiv").filters("alpha").opacity += 10;
setTimeout("fadeInPage()",100);
}
else
{
document.getElementById('fadeDiv').style.visibility = "visible";
}
}
</script>

</head>
<body onLoad="fadeInPage()">
<div ID="fadeDiv" style="filter:Alpha(opacity=0); width:100%;">
Indhold....
</div>
</body>
</html>

Kan jeg få diven til at være i midten samtidigt med at det virker?
Avatar billede olebole Juniormester
13. september 2006 - 14:58 #1
<ole>

Sikkert ... men det er ikke til at vide, hvordan - når vi ikke kan se din CSS  :)

/mvh
</bole>
Avatar billede sorensen_123 Nybegynder
13. september 2006 - 15:00 #2
Det her er det eneste jeg har i min css:
body {
    margin: 0;
    padding: 0;
    font: .8em Arial, Tahoma, sans-serif;
    background:url('../images/login/bg.jpg') no-repeat 100% 100%;
}

input {
    color: #000000;
    font-size: 11px;
    background-color: #DFDFD3;
    border: 1px solid #606060;
    background:url("inputbg.gif");
}

.input_index {
    color: #FFFFFF;
    font-size: 11px;
    background-color: #87AF01;
    border: 1px solid #FFFFFF;
    background:url("inputbg.gif");
}

.submit_index {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    background-color: #87AF01;
    border: 1px solid #FFFFFF;
    background:url("inputbg.gif");
}
Avatar billede madeindk Nybegynder
13. september 2006 - 16:47 #3
I midten af hvad? Altså bare centreret?
Avatar billede sorensen_123 Nybegynder
14. september 2006 - 12:58 #4
Ja, centreret på siden...
Avatar billede madeindk Nybegynder
14. september 2006 - 15:22 #5
body {
    margin: 0;
    padding: 0;
    font: .8em Arial, Tahoma, sans-serif;
    background:url('../images/login/bg.jpg') no-repeat 100% 100%;
    text-align:center;
}
Avatar billede sorensen_123 Nybegynder
14. september 2006 - 20:22 #6
Det er jo kun boksen jeg vil have centreret..Problemet er bare at faden ikke virker når jeg sætter sådan en style på..
Avatar billede madeindk Nybegynder
14. september 2006 - 20:24 #7
Virker nu fint her, men så prøv med...

<div ID="fadeDiv" style="filter:Alpha(opacity=0); width:100%; text-align">
Indhold....
</div>
Avatar billede sorensen_123 Nybegynder
17. september 2006 - 07:46 #8
Fik det ordnet!
Css:
#indhold
      {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 300px;
      height: 150px;
      margin-left: -150px; //Her putter jeg halvdelen af width
      margin-top: -70px;  //Her putter jeg halvdelen af height
      background: url('../images/login/loginbg.jpg');
      border: 1px solid #000000;
      }
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