Avatar billede cgleerup Nybegynder
02. juli 2012 - 11:41 Der er 2 kommentarer

Placer layer over alle andre

Jeg har brug for at lave et "layer" der placerer sig over alt andet.


Min kode ser ud som i nedenstånede, og jeg har brug for at lave et layer med to formularfelter som placerer sig i midten af siden ovenpå alt andet:






<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>minside.dk</title>
   
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="popup.js"></script>
    <script src="lib_js/chkNewsletter.js" type="text/javascript"></script>
    <script src="lib_js/validation.js" type="text/javascript"></script>

    <link href="lib_css/template.css" rel="stylesheet" type="text/css" /><link href="lib_css/forside.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    a:link {
    color: #EF6B30;
    text-decoration: none;
}
    a:visited {
    color: #EF6B30;
    text-decoration: none;
}
a:active {
    color: #000000;
    text-decoration: none;
}
    a:hover {
    color: #000000;
    text-decoration: none;
}
    </style>
<title>
    Home Page
</title></head>
<body>



    <div id="divBgTop">

        <a href="index.htm"><img id="imgLogo" src="img/minside-logo.png" alt="minside.dk - gå til forsiden" /></a>

        <div id="divMenu">
            <div class="manuelmenu" id="">
                <ul>
                  <a href="index.htm">Forside</a><img src="img/1by1_transparent.gif" alt="" width="20" height="10" /><a href="Om-minside.aspx.htm">Om minside.dk</a><img src="img/1by1_transparent.gif" alt="" width="20" height="10" />
                  <a href="fem-fordele.aspx.htm">5 fordele</a><img src="img/1by1_transparent.gif" alt="" width="20" height="10" /><a href="Freelance-minside.aspx.htm">Praktisk hjælp</a><img src="img/1by1_transparent.gif" alt="" width="20" height="10" />
                  <a href="referencer.aspx.htm">Referencer</a><img src="img/1by1_transparent.gif" alt="" width="20" height="10" />
                  <a href="Kontakt.aspx.htm">Kontakt</a>
                </ul>
            </div>
        </div>
 
    </div>


    <div id="divMain">

        <div id="divTopImg">
    <img src="img/billede.jpg" />
</asp:ContentPlaceHolder></div>

        <div id="divTwoBoxes">
               
          <h2>&nbsp;</h2>
          <h2>&nbsp;</h2>
          <p><a href="fem-fordele.aspx.htm"><img src="img/1by1_transparent.gif" alt="" width="30" height="10" /><img src="img/bullet4.png" alt="" width="15" height="14" /><img src="img/1by1_transparent.gif" alt="" width="6" height="10" />Giv mig fem hurtige fordele ved en freelance minside</a><br />
          <a href="Om-minside.aspx.htm"><br />
          </a><a href="fem-fordele.aspx.htm"><img src="img/1by1_transparent.gif" alt="" width="30" height="10" /><img src="img/bullet4.png" alt="" width="15" height="14" /><img src="img/1by1_transparent.gif" alt="" width="6" height="10" /></a><a href="Om-minside.aspx.htm">Ja, tak. Fortæl mere om minside.dk<br />
          <br />
          </a><a href="fem-fordele.aspx.htm"><img src="img/1by1_transparent.gif" alt="" width="30" height="10" /><img src="img/bullet4.png" alt="" width="15" height="14" /><img src="img/1by1_transparent.gif" alt="" width="6" height="10" /></a><a href="referencer.aspx.htm">Hmmm ... Hvad siger andre om minside.dk<br />
          <br />
          </a><a href="fem-fordele.aspx.htm"><img src="img/1by1_transparent.gif" alt="" width="30" height="10" /><img src="img/bullet4.png" alt="" width="15" height="14" /><img src="img/1by1_transparent.gif" alt="" width="6" height="10" /></a><a href="Freelance-minside.aspx.htm">Fint nok. Men hvordan foregår det?</a> </p>
        </div>
        <div id="divBlackBox">
            <div>
                <a href="referencer.aspx.htm">Det siger kunderne...</a><br />
                <a href="referencer.aspx.htm#pressebidder">Sagt og skrevet</a><br />
                <a href="Kontakt.aspx.htm">Kontakt</a><br />
          </div>
      </div>

        <form method="post" action="index.htm" id="frmNL" onsubmit="return chkFormNL(this)">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNDMyNDU0NjAzD2QWAmYPZBYCAgUPZBYCAgMPFgIeB1Zpc2libGVoZGQbJ05QaCJ+Qx8IX+01YBSVPiGMSXmpNiVJsBA250dt6Q==" />
</div>

<div class="aspNetHidden">

    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBAKGoNycAgLdudzUCAL2lJ3VAQLS09ydC3Neh62LyavwIBNXtY2HmMEY+Gr/Ld55oanDevsFv4ju" />
</div>

            <div id="divNewsletterBox">
                <div id="divNLtxt">
                    Er du opmærksom på de FIRE FATALE FALDGRUBER kunderne alt for ofte falder i?<br />
                    Få svarene direkte i din indbakke plus kvit og frit abonnement på minside.dk's nyhedsbrev. Fyldt med "lige til at tage" inspiration, succeshistorier, tips og tricks til jeres forening.
                </div>
                <div id="divNLnavn">Navn:</div><input name="ctl00$inpNavn" type="text" id="inpNavn" />
                <div id="divNLemail">Email:</div><input name="ctl00$inpEmail" type="text" id="inpEmail" />
                <input type="submit" name="ctl00$btnSubmit" value="Ja tak, tilmeld mig" id="btnSubmit" />
            </div>

           

        </form>

    </div>


    <div id="divBgBot">
    </div>

</body>
</html>
Avatar billede olebole Juniormester
02. juli 2012 - 13:45 #1
<ole>

Brug et af de mange libraries, der laver en modal 'popup' i siden. Det er præcis, hvad de gør  =)

/mvh
</bole>
Avatar billede olebole Juniormester
02. juli 2012 - 14:09 #2
- og så vil det nok være en god idé at vælge en realistisk markup version, som også er understøttet af IE. IE kan slet ikke vise en XHTML 1.0 Strict side, men vil i stedet tilbyde brugeren at downloade den.

Kan IE vise din side, sendes dit dokument med forkert Content-Type header - som mere eller mindre tilfældig HTML-soup. HTML 4.01 eller HTML 5 ville give langt bedre mening  =)
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