Oprettet man. d. 02. juli 2012 kl. 11:41:55

cgleerup
cgleerup (29.823 point. Point ude: 820)

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/ (...)
<html xmlns="http://www.w3.org/ (...) 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/ (...)
    <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>

Skrevet man. d. 02. juli 2012 kl. 13:45:58| #1

olebole
olebole (216.738 point)
<ole>

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

/mvh
</bole>

Skrevet man. d. 02. juli 2012 kl. 14:09:21| #2

olebole
olebole (216.738 point)
- 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  =)

Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   


Seneste spørgsmål

List style ved linjeskift

Oprettet den 19. maj 2013 kl. 23.57
sarcar giver 60 point for svar | Giv et svar »

line.height

Oprettet den 19. maj 2013 kl. 18.16
ZeBa giver 30 point for svar | Giv et svar »

Fat footer skal fylde hele sidens bredde

Oprettet den 17. maj 2013 kl. 14.42
13thsky giver 60 point for svar | Giv et svar »

Seneste guides

Slettet
Håndtering af tekstoversættelse i...
Parameteriseret tekstformatering i C#
C++ Historie og Programmering - Del 1







Tips & Tricks fra PC World

Teaser billede

Her er seks Google Labs-funktioner, som du skal slå til med det samme

Gmail Labs giver dig adgang til en masse smarte funktioner, som Googles ingeniører leger med i øjeblikket.


Anmeldelser fra PC World

Teaser billede

Test: Samsung Galaxy S4 er et hit - trods gøglertricks

Kan Samsung beholde førertrøjen i det store Android-race? Galaxy S4 er smækfyldt med innovative funktioner, men også med en del gøgl. Er det for meget? Få vores dom over Samsungs nye topmodel.


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Nu kan du få 1 terabyte gratis plads hos Flickr

Yahoo har relanceret sin fototjeneste Flickr med 1 terabyte gratis plads til brugernes billeder og videoer.


Nyheder fra Computerworld

Teaser billede

Galleri: Her er de vigtigste programmører

Computerhistorien har fra hulkort til JavaScript været drevet frem af mange forskellige typer programmører. Se de vigtigste typer her. Er du en af dem?


IT Kurser
Samarbejdspartnere

Udgiver · © 2013 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger