Turvenn.no
Webutvikler kurs ASP.NET, C#, CSS mm.

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

Brukernavn: 
Passord:

Registrèr deg Glemt passord?
Logg deg inn




  ASP.net (199)
  ASP 3.0 (111)
  PHP (30)
  HTML (66)
  SQL (89)
  CSS (46)
  XML (7)
  JavaScript (78)
  Diverse kode (13)


  Programmering (22)
  System og drift (15)
  Trafikk og inntekt (11)
  Guider og tips (22)
  Nyttig lesestoff (23)
  Web forum (604)
  Link galleri (566)


  ASP.NET kurs(5)
  CSS kurs (2)
  JQuery kurs (2)


  Øk trafikken (8)
  Facebook App. (4)
  Microsoft CEO (6)


  Server & web
  Internett & epost
  Systemverktøy
  Sikkerhet
  Fildeling
  Lyd & media
  Diverse software


  Domenesalg
  Metagenerator
  Websikre farger
  Gratis epost
  WebMail


  Bli medlem!
  Siste innlegg
  Gjestebok
  Tips en venn
  Kontakt oss
  Forsiden




Kode Artikler
Linker


Mål internetthastigheten din.


CSSDesign - nettside uten bruk av tabeller

av Øyvind A. Isaksen
 
Her vises et eksempel på hvordan du kan sette opp rammeverket til en nettside ved hjelp av CSS.

Summary: Designing without tables.


<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Faux Column CSS Layouts - 3 Column</title>
<style>
*
{
padding: 0;
margin: 0;
}

body
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper
{
margin: 0 auto;
width: 922px;
}
#faux
{
background: url(faux-2-3-col.gif);
margin-bottom: 0px;
overflow: auto;
width: 100%;
}
#header
{
color: #333;
width: 902px;
padding: 10px;
height: 100px;
margin: 10px 0px 0px 0px;
background: #ABBEBE;
}
#leftcolumn
{
display: inline;
color: #333;
margin: 10px;
padding: 0px;
width: 195px;
float: left;
}
#content
{
float: left;
color: #333;
margin: 10px 13px;
padding: 0px;
width: 460px;
display: inline;
position: relative;
}
#rightcolumn
{
display: inline;
position: relative;
color: #333;
margin: 10px 10px 10px 0px;
padding: 0px;
width: 195px;
float: right;
}
#footer
{
width: 902px;
clear: both;
color: #333;
background: #ABBEBE;
margin: 0px 0px 10px 0px;
padding: 10px;
}
.clear
{
clear: both;
background: none;
}

</style>
</head>

<body>

<!-- Begin Wrapper -->
<div id="wrapper">

<!-- Begin Header -->
<div id="header">
Her er toppen
</div>
<!-- End Header -->

<!-- Begin Faux Columns -->
<div id="faux">

<!-- Begin Left Column -->
<div id="leftcolumn">
VENSTRE
</div>
<!-- End Left Column -->

<!-- Begin Content Column -->
<div id="content">

<h1>Velkommen</h1>
<p>Her er litt tekst</p>

</div>
<!-- End Content Column -->



<!-- Begin Right Column -->
<div id="rightcolumn">
HØYRE

</div>
<!-- End Right Column -->

</div>
<!-- End Faux Columns -->

<!-- Begin Footer -->
<div id="footer">
Her er bunnen
</div>
<!-- End Footer -->

</div>
<!-- End Wrapper -->
</body>
</html>

WebRessurs.no anbefaler:    StackOverflow.com | Experts-Exchange.com | W3schools | ASP.NET | Codeproject | 4Guys
WebRessurs.no er utviklet og drives av SoftMaker LTD
Sett som startside: [ ]. Bokmerk denne siden: [ klikk ]. Sitemap. http://twitter.com/webressurs_no/. Antall brukersesjoner: 9463255.
Copyright WebRessurs.no © 2003 - 2015