WebRessurs.no - Webprogrammering og ressurs innen ASP, ASP.NET, PHP, SQL, HTML, CSS, Javascript, XML, C#, VB, Flash mm.

KODE EKSEMPLER

ASP.net (199)

ASP 3.0 (111)

PHP (30)

HTML (66)

SQL (89)

CSS (46)

XML (7)

JavaScript (78)

Diverse kode (13)

ARTIKLER / RESSURSER

Programmering (22)

System og drift (15)

Trafikk og inntekt (11)

Guider og tips (22)

Nyttig lesestoff (23)

Web forum (604)

Link galleri (565)

KURS / TUTORIALS

ASP.NET kurs(5)

CSS kurs (2)

JQuery kurs (2)

FILM / MEDIA

Øk trafikken (8)

Facebook App. (4)

Microsoft CEO (6)

GRATIS SOFTWARE

Server & web

Internett & epost

Systemverktøy

Sikkerhet

Fildeling

Lyd & media

Diverse software

TJENESTER

Domenesalg

Metagenerator

Websikre farger

WebMail

ANNET

Bli medlem!

Siste innlegg

Gjestebok

Tips en venn

Kontakt oss

Forsiden

INTERNETT HASTIGHET

Lag layout vhja CSS 2.0.

av Øyvind A. Isaksen

Denne koden viser hvordan du kan lage rammeverkt uten bruk av tabeller, kun med CSS20. Container og DIV'er stikkord for denne artikkelen.

-----------------
HTML
-----------------
<html>
<head runat="server">
<title>Advertiser.Serie.no</title>
<link href="../styles/Default.css" type="text/css" rel="Stylesheet" />
</head>
<body>

<div id="container">
<div id="header">Topp</div>
<div id="left">Left</div>
<div id="content">
<asp:ContentPlaceHolder ID="Main" runat="server" />
</div>
<div id="footer">Bottom</div>
</div>

</body>
</html>

-----------------
CSS
-----------------

body
{
background-color:white;
}

#container
{
width: 90%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#header
{
padding: .5em;
background-color: #ddd;
border-bottom: 1px solid gray;
clear: both;
}

#header h1
{
padding: 0;
margin: 0;
}

#left
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#content
{
margin-left: 200px;
border-left: 1px solid gray;
padding: 1em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

#left p, #right p { margin: 0 0 1em 0;}
#content h2 { margin: 0 0 .5em 0;}

WebRessurs.no er utviklet og drives av SoftMaker
Sett som startside: [ ]. Bokmerk denne siden: [ klikk ]. Sitemap. http://twitter.com/webressurs_no/. Antall brukersesjoner: 14721942.
Copyright WebRessurs.no © 2003 - 2018