Meddelande

Minska
No announcement yet.

En sida uppbyggd i <div>

Minska
X
Minska
 
  • Page of 1
  • Filter
  • Klockan
  • Show
Clear All
new posts
Föregående template Nästa
  • #1

    En sida uppbyggd i <div>

    Halloj alla duktiga kodare på webforum!
    Jo det är så att jag ska ge mig iväg på en seglats och givetvis måste ju resan få en hemsida.
    Men tyvärr så är inte div-taggar och jag vidare goda vänner, så nu undrar jag och någon div-kung kan trolla ihop en cirkus layout som den bifogade bilden visar?
    Glömde nämna att måtten inte är så viktiga utan bara att den fungerar i alla webbläsare.

    Tack på förhand
    Bifogade filer
    There is no real life only AFK...
    Etiketter: Ingen
  • #2
    Här är ett fundament till koden på sidan......

    [kod]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/xhtml11.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=ISO-8859-1" />
    <title>Testar</title>

    <!-- ta bort background-color:#aaaaaa; för varje div-element i style -->

    <style type="text/css" media="all">
    #log {
    position: absolute;
    top:0%;
    left:7%;
    height:13%;
    width:25%;
    background-color:#aaaaaa;
    }

    #topmenu {
    position: absolute;
    top:0%;
    left:53%;
    height:4%;
    width:42%;
    background-color:#aaaaaa;
    }

    #where {
    position: absolute;
    top:6%;
    left:53%;
    height:7%;
    width:42%;
    background-color:#aaaaaa;
    }

    #menu {
    position: absolute;
    top:15%;
    left:7%;
    height:9%;
    width:88%;
    background-color:#aaaaaa;
    }

    #ticker {
    position: absolute;
    top:26%;
    left:7%;
    height:3%;
    width:41%;
    background-color:#aaaaaa;
    }

    #search {
    position: absolute;
    top:26%;
    left:68%;
    height:3%;
    width:27%;
    background-color:#aaaaaa;
    }

    #pagemenu {
    position: absolute;
    top:31%;
    left:7%;
    height:6%;
    width:88%;
    background-color:#aaaaaa;
    }

    #leftmenu {
    position: absolute;
    top:39%;
    left:7%;
    height:22%;
    width:17%;
    background-color:#aaaaaa;
    }

    #crew {
    position: absolute;
    top:63%;
    left:7%;
    height:15%;
    width:17%;
    background-color:#aaaaaa;
    }

    #facts{
    position: absolute;
    top:39%;
    left:25%;
    height:39%;
    width:53%;
    background-color:#aaaaaa;
    }

    #banner_right {
    position: absolute;
    top:39%;
    left:79%;
    height:39%;
    width:16%;
    background-color:#aaaaaa;
    }

    #facts_footer {
    position: absolute;
    top:80%;
    left:7%;
    height:3%;
    width:88%;
    background-color:#aaaaaa;
    }

    #latest {
    position: absolute;
    top:85%;
    left:7%;
    height:5%;
    width:88%;
    background-color:#aaaaaa;
    }

    #footer {
    position: absolute;
    top:91%;
    left:7%;
    height:5%;
    width:88%;
    background-color:#aaaaaa;
    }
    </style>
    </head>





    <body>




    <div id="log">Logga </div>
    <div id="topmenu">Topmeny</div>
    <div id="where">Var</div>
    <div id="menu">Meny </div>
    <div id="ticker">Ticker</div>
    <div id="search">Sök</div>
    <div id="pagemenu">Sidomeny </div>
    <div id="leftmenu">Vänstermeny</div>
    <div id="crew">Crew</div>
    <div id="facts">Information </div>
    <div id="banner_right">Annons höger</div>
    <div id="facts_footer">Info sidfot</div>
    <div id="latest">Senaste </div>
    <div id="footer">Sidfot</div>

    </body>
    </html>[/kod]

    --------------------------------------

    -- Hoppas att du får nytta av det !!!!!
    Last edited by @nders; 2009-09-25, 12:52. Anledning: [kod]-taggar ftw!

    Kommentera

    Föregående template Nästa
    Working...
    X