Hvordan lage en nettside lik VG?

howieD · 14. august 2007

Hei

Noen som har kode som gjør at nettsiden ser ut som VG?

Siden skal ha en toppdel, venstredel, høyredel, bunndel, og en innholdsdel.

Og det er innholdsdelen som jeg ønsker å lage på en slik måte at hver gang noe nytt skrives inn, så trenger man bare å lage en ny "boks" for nyheten.

Det jeg er ute etter er altså f.eks en innholds-div som man kan bruke til å fylle opp med nyheter som deles opp i to kolonner og to vannrett.

Forståelig?

Jeg vil ikke bruke CuteNews o.l

Ønsker å bare bruke vanlig kode.

Mvh

:ph34r:

Kim T · 14. august 2007

høres ut som siden min omtrent... Eller en side jeg har laget. Det er et veldig enkelt oppsett. Har satt opp et oppsett men det hjelper deg ingen ting kanskje? Men dette skal fungere.

Kim...

<html>
<body>
<div id="logo"></div>

<!-- Det som er under her trenger ikke å være her -->
<div id="hovedMeny"></div>

<div id="innhold">

<!-- Her bruker man å plassere menyer og slikt. -->
<div id="venstreKolonne">
    <ul id="meny">
<li><a href="#">Link nr 1</a></li>
<li><a href="#">Link nr 2</a></li>
<li><a href="#">Link nr 3</a></li>
<li><a href="#">Link nr 4</a></li>
</ul>
</div>
<div id="hoyreKolonne">
<!-- Her kommer nyhetene og det du vil ha på siden -->

<h1 class="overskriftNyheter">Her kommer den første nyheten></h1>
<div class="nyhetsBilde"></div
<div class="nyheten"></div>
<div class="Nyhetsbunn"></div>

<h1 class="overskriftNyheter">Her kommer den andre nyheten></h1>
<div class="nyhetsBilde"></div
<div class="nyheten"></div>
<div class="Nyhetsbunn"></div>

<h1 class="overskriftNyheter">Her kommer den tredje nyheten></h1>
<div class="nyhetsBilde"></div
<div class="nyheten"></div>
<div class="Nyhetsbunn"></div>


</div><!-- Slutt på div hoyreKolonne -->
</div><!-- Slutt på div innhold -->

<div id="bunn"></div>
</body>
</html>

Endret 14. august 2007 av kimthoma

mikk- · 14. august 2007

Må ha litt CSS da, Kimtohama. Temmelig ubrukelig uten.

Kim T · 14. august 2007

Jeg vet da det. Men tenkte han kunne "noe". Vil jo ikke lage hele siden for han heller. CSS'en må han finne ut av selv. Eller be om hjelp.

Ellers så er det jo litt feil topic emne. Tenker da på hvis han mener at noen her skal lage siden for han. Han trengte hjelp til litt kode og det gav jeg han.

howieD · 15. august 2007

Jeg vet da det. Men tenkte han kunne "noe". Vil jo ikke lage hele siden for han heller. CSS'en må han finne ut av selv. Eller be om hjelp.

Ellers så er det jo litt feil topic emne. Tenker da på hvis han mener at noen her skal lage siden for han. Han trengte hjelp til litt kode og det gav jeg han.

9279689[/snapback]

Heihei

Takk for svaret.

Skal se på koden senere idag.

CSS kan jeg (om ikke alt, så en del)..

Men jeg spør nok dersom jeg lurer på noe

Tusen takk for hjelpen så langt hvertfall.

howieD · 16. august 2007

Jeg får til CSS'en, men det eneste jeg ikke får til er å ha 2 nyheter ved siden av hverandre slik som VG har det.

Og det er igrunn det jeg vil få til.. Uten tables..

Jeg vil ha det slik at det er to og to nyheter ved siden av hverandre hele tiden. Det ser bedre ut enn bare en nyhet før neste nyheter dukker opp rett under.

16. august 2007

#nyheten{ display: inline; }

kanksje? vet ikke helt

Kim T · 16. august 2007

Jeg har under bare gitt et eksempel på hvordan det kan gjøres. Må sikkert tilpasse CSS og slikt til den siden du har. Men oppsettet skal fungere.

/* CSS FOR NYHETOPPSETT */

#nyheterVenstreKolonne {
float: left;
width: 300px;
}

#nyheterHoyreKolonne {
float: left;
width: 300px;
margin-left: 310px;
}

<html>
<body>
<div id="logo"></div>

<!-- Det som er under her trenger ikke å være her -->
<div id="hovedMeny"></div>

<div id="innhold">

<!-- Her bruker man å plassere menyer og slikt. -->
<div id="venstreKolonne">
<ul id="meny">
<li><a href="#">Link nr 1</a></li>
<li><a href="#">Link nr 2</a></li>
<li><a href="#">Link nr 3</a></li>
<li><a href="#">Link nr 4</a></li>
</ul>
</div>
<div id="hoyreKolonne">

<!-- Her kommer nyhetene og det du vil ha på siden -->
<div id="nyheterVenstreKolonne">
<h1 class="overskriftNyheter">Her kommer den første nyheten></h1>
<div class="nyhetsBilde"></div>
<div class="nyheten"></div>
<div class="Nyhetsbunn"></div>

<h1 class="overskriftNyheter">Her kommer den andre nyheten></h1>
<div class="nyhetsBilde"></div>
<div class="nyheten"></div>
<div class="Nyhetsbunn"></div>

</div> <!-- slutt på div nyhetervenstrekolonne -->

<div id="nyheterHoyreKolonne">
<h1 class="overskriftNyheter">Her kommer den tredje nyheten></h1>
<div class="nyhetsBilde"></div>
<div class="nyheten"></div>
<div class="Nyhetsbunn"></div>

<h1 class="overskriftNyheter">Her kommer den fjerde nyheten></h1>
<div class="nyhetsBilde"></div>
<div class="nyheten"></div>
<div class="Nyhetsbunn"></div>

</div> <!-- Slutt på div nyheterHoyreKolonne -->

</div><!-- Slutt på div hoyreKolonne -->
</div><!-- Slutt på div innhold -->

<div id="bunn"></div>
</body>
</html>

Kim....

howieD · 16. august 2007

Jeg har laget et oppsett etter å ha lest koden din.

Ser ut som det funker greit

Hjertelig takk.

Sikkert ikke verdens beste kode, men jeg setter pris på noe feedback

Klikk for å se/fjerne innholdet nedenfor

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="CSS/stilark.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="frame">
<div id="topp">
</div>
<div id="venstreMeny">
    <p><a href="#">Prosjekter</a></p>
	 <p><a href="#">Bilder</a></p>
	 <p><a href="#">Kart</a></p>
	 <p><a href="#">Kontakt oss</a></p>
</div>

<div id="venstreKolonne">
<div id="venstre1">
   	<div class="overskrift">Overskrift her!
       </div>
       <div class="bilde">Bilde her!
       </div>
       <div class="nyheten">Nyheten her!
       </div>
       <div class="underNyhet">Link her!
  		</div> 
  	 </div><!--venstre1-->
   <div id="venstre2">
   	<div class="overskrift">Overskrift her!
       </div>
       <div class="bilde">Bilde her!
       </div>
       <div class="nyheten">Nyheten her!
       </div>
       <div class="underNyhet">Link her!
       </div> 
   </div><!--venstre2-->
       <div id="venstre3">
   	<div class="overskrift">Overskrift her!
       </div>
       <div class="bilde">Bilde her!
       </div>
       <div class="nyheten">Nyheten her!
       </div>
       <div class="underNyhet">Link her!
       </div> 
   </div><!--venstre3-->
</div>
<!--venstreKolonne-->


<div id="hoyreKolonne">

   <div id="hoyre1">
   	<div class="overskrift">Overskrift her!
       	</div>
       	<div class="bilde">Bilde her!
       	</div>
       	<div class="nyheten">Nyheten her!
       	</div>
       	<div class="underNyhet">Link her!
       	</div>
     </div><!--hoyre1-->
   <div id="hoyre2">
   	<div id="overskrift">Overskrift her!
       </div>
       <div class="bilde">Bilde her!
       </div>
       <div class="nyheten">Nyheten her!
       </div>
       <div class="underNyhet">Link her!
       </div> 
   </div><!--hoyre2-->
       <div id="hoyre3">
   	<div id="overskrift">Overskrift her!
       </div>
       <div class="bilde">Bilde her!
       </div>
       <div class="nyheten">Nyheten her!
       </div>
       <div class="underNyhet">Link her!
       </div> 
   </div><!--hoyre3-->
</div><!--hoyreKolonne-->
</div><!--Frame-->

</body>
</html>

Klikk for å se/fjerne innholdet nedenfor

CSS:

@charset "utf-8";
#frame {
float: left;
height: auto;
width: 800px;
}
#frame #topp {
float: none;
height: 119px;
width: 800px;
background-image: url(../Bilder/topp8.jpg);
background-repeat: no-repeat;
}
#venstreMeny  {
float: left;
height: auto;
width: 100px;
border: thin solid #000000;
}
#frame #venstreKolonne {
width: 310px;
float: left;
}


#frame   #venstreKolonne #venstre1 {
float: left;
height: auto;
width: 300px;
margin-bottom: 10px;
border-bottom: thin solid #000000;
margin-left: 10px;
}
#frame #venstreKolonne #venstre1 .overskrift {
background-color: #FF00FF;
}
#frame #venstreKolonne #venstre1 .bilde {
background-color: #00FFFF;
}
#frame #venstreKolonne #venstre1 .nyheten {
background-color: #FFFF00;
}
#frame #venstreKolonne #venstre1 .underNyhet {
background-color: #0000FF;
}


#frame  #venstreKolonne #venstre2 {
float: left;
height: auto;
width: 300px;
margin-left: 10px;
margin-bottom: 10px;
border-bottom: thin solid #999999;
}
#frame #venstreKolonne #venstre2 .overskrift {
background-color: #0000FF;
}
#frame #venstreKolonne #venstre2 .bilde {
background-color: #FFFF00;
}
#frame #venstreKolonne #venstre2 .nyheten {
background-color: #00FFFF;
}
#frame #venstreKolonne #venstre2 .underNyhet {
background-color: #FF00FF;
}
#frame #venstreKolonne #venstre3 {
width: 300px;
float: left;
margin-left: 10px;
}
#frame #hoyreKolonne {
width: 300px;
float: right;
}


#frame   #hoyreKolonne #hoyre1 {
float: right;
height: auto;
width: 300px;
border-bottom: thin solid #000000;
margin-bottom: 10px;
}
#frame #hoyreKolonne #hoyre1 .overskrift {
background-color: #FF0000;
}
#frame #hoyreKolonne #hoyre1 .bilde {
background-color: #00FF00;
}
#frame #hoyreKolonne #hoyre1 .nyheten {
background-color: #0000FF;
}
#frame #hoyreKolonne #hoyre1 .underNyhet {
background-color: #FFFF00;
}


#frame  #hoyreKolonne #hoyre2 {
float: right;
height: auto;
width: 300px;
border-bottom: thin solid #999999;
margin-bottom: 10px;
}
#frame #hoyreKolonne #hoyre2 #overskrift {
background-color: #FFFF00;
}
#frame #hoyreKolonne #hoyre2 .bilde {
background-color: #0000FF;
}
#frame #hoyreKolonne #hoyre2 .nyheten {
background-color: #00FF00;
}
#frame #hoyreKolonne #hoyre2 .underNyhet {
background-color: #FF0000;
}
#frame #hoyreKolonne #hoyre3 {
float: right;
width: 300px;
}

Endret 17. august 2007 av Haavard82

Kim T · 17. august 2007

Skal du ha 6 kolonner med nyheter? :ohmy: Ser i tillegg at du har en del feil. Blant annet så bruker du både klasser og id på klassen "overskrift". Regner med at alt skal være "<div class="overskrift">" hvis ikke må du har to forskjellige klasser/id. "ID" skal kun brukes hvis et spesifikt element skal stilsettes. Er det flere elementer så skal man bruke "class".

Menyen din vil sikkert fungere men det er ikke slik den skal settes opp. Her har jeg et eksempel på hvordan den kan settes opp.

Først vil jeg si en ting. Mange bruker altfor mange div tagger enn det de må bruke. Jeg sier ikke at du har gjort feil her men muligheten å kutte ut en div er stor i dette tilfellet. Siden du kan bruke "un-ordered list" med en id.

<ul id="venstreMeny">
<li><a href="#">Prosjekter</a></li>
<li><a href="#">Bilder</a></li>
<li><a href="#">Kart</a></li>
<li><a href="#">Kontakt oss</a></li>
</ul>

Det ovenfor er det rette å gjøre. Men av hensiktmessige årsaker kan man slenge en div tag rundt det hele.

<div id=meny">
<ul id="venstreMeny">
<li><a href="#">Prosjekter</a></li>
<li><a href="#">Bilder</a></li>
<li><a href="#">Kart</a></li>
<li><a href="#">Kontakt oss</a></li>
</ul>
</div>

Håpert det var noe forklarende

Kim...

howieD · 17. august 2007

Ah

Takk for at du påpekte de feilene.

Jeg ser de jo klart nå som jeg har våknet frisk og opplagt

Har gjort noen forandringer nå.

Fikset id til class, og laget to kolonner istedetfor 6.

Laget også en div rundt menyen.

Klikk for å se/fjerne innholdet nedenfor

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="CSS/stilark.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="frame">
<div id="topp">
</div>

<div id="meny">
<div id="venstreMeny">
    <p><a href="#">Prosjekter</a></p>
	 <p><a href="#">Bilder</a></p>
	 <p><a href="#">Kart</a></p>
	 <p><a href="#">Kontakt oss</a></p>
</div>
</div><!--meny-->

<div id="venstreKolonne">
<div id="venstre1">
   	<div class="overskrift">Overskrift her!
       </div>
       <div class="bilde">Bilde her!
       </div>
       <div class="nyheten">Nyheten her!
       </div>
       <div class="underNyhet">Link her!
  		</div> 
   	<div class="overskrift">Overskrift her!
       </div>
       <div class="bilde">Bilde her!
       </div>
       <div class="nyheten">Nyheten her!
       </div>
       <div class="underNyhet">Link her!
       </div> 
   	<div class="overskrift">Overskrift her!
       </div>
       <div class="bilde">Bilde her!
       </div>
       <div class="nyheten">Nyheten her!
       </div>
       <div class="underNyhet">Link her!
       </div> 
   </div><!--venstre1-->
</div>
<!--venstreKolonne-->


<div id="hoyreKolonne">

   <div id="hoyre1">
   	<div class="overskrift">Overskrift her!
       	</div>
       	<div class="bilde">Bilde her!
       	</div>
       	<div class="nyheten">Nyheten her!
       	</div>
       	<div class="underNyhet">Link her!
       	</div>
   	<div class="overskrift">Overskrift her!
       </div>
       <div class="bilde">Bilde her!
       </div>
       <div class="nyheten">Nyheten her!
       </div>
       <div class="underNyhet">Link her!
       </div> 
   	<div class="overskrift">Overskrift her!
       </div>
       <div class="bilde">Bilde her!
       </div>
       <div class="nyheten">Nyheten her!
       </div>
       <div class="underNyhet">Link her!
       </div> 
   </div><!--hoyre1-->
</div><!--hoyreKolonne-->
</div><!--Frame-->

</body>
</html>

Klikk for å se/fjerne innholdet nedenfor

@charset "utf-8";
#frame {
float: left;
height: auto;
width: 800px;
}
#frame #topp {
float: none;
height: 119px;
width: 800px;
background-image: url(../Bilder/topp8.jpg);
background-repeat: no-repeat;
}
#frame #meny {
float: left;
height: auto;
width: 100px;
}

#meny #venstreMeny  {
float: left;
height: auto;
width: 100px;
border: thin solid #000000;
}
#frame #venstreKolonne {
width: 310px;
float: left;
}


#frame   #venstreKolonne #venstre1 {
float: left;
height: auto;
width: 300px;
margin-bottom: 10px;
margin-left: 10px;
}
#frame #venstreKolonne #venstre1 .overskrift {
background-color: #FF00FF;
}
#frame #venstreKolonne #venstre1 .bilde {
background-color: #00FFFF;
}
#frame #venstreKolonne #venstre1 .nyheten {
background-color: #FFFF00;
}
#frame #venstreKolonne #venstre1 .underNyhet {
background-color: #FFFFFF;
margin-bottom: 10px;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #000000;
}
#frame #hoyreKolonne {
width: 300px;
float: right;
}


#frame   #hoyreKolonne #hoyre1 {
float: right;
height: auto;
width: 300px;
margin-bottom: 10px;
}
#frame #hoyreKolonne #hoyre1 .overskrift {
background-color: #FF0000;
}
#frame #hoyreKolonne #hoyre1 .bilde {
background-color: #00FF00;
}
#frame #hoyreKolonne #hoyre1 .nyheten {
background-color: #0000FF;
}
#frame #hoyreKolonne #hoyre1 .underNyhet {
background-color: #FFFFFF;
margin-bottom: 10px;
border-bottom: thin solid #000000;
}

Endret 17. august 2007 av Haavard82

Lovskogen · 17. august 2007

Klikk for å se/fjerne innholdet nedenfor

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">

<TITLE>VG Nett - Hovedsiden</TITLE> <META HTTP-EQUIV="REFRESH" CONTENT="600">

<META HTTP-EQUIV="Expires" CONTENT="0"> <META HTTP-EQUIV="Pragma"

CONTENT="no-cache"> <!--

-->

HREF="/css/ufront.css"> <link rel="stylesheet" HREF="/css/front.css"> <link

rel="stylesheet" HREF="/css/blog.css" type="text/css"> <link rel="stylesheet"

type="text/css" media="screen" HREF="/include/drfront/css/style.css"> <link

rel="stylesheet" HREF="/css/kjaerevg.css" type="text/css"> <script

language="javascript" type="text/javascript"> <!--

function popVideo(rm, w, h) {

if (w == 0) w = 190;

u = "/video/pop.hbs?rm=" + rm + "&w=" + w + "&h=" + h;

w += 250;

h = 400;

window.open(u, "videovindu", "width=" + w + ",height=" + h);

}

function mpPopVideo(videoId, b) {

if (b != null) videoPop(videoId, b);

else location.href = "http://www.vg.no/video/videoplayer/player.hbs?id="+videoId;

}

function videoPop(videoID, live) {

if (live != null) {

var url = "http://kroma.vg.no/live/player.php";

var name = "kroma_livewin";

var height = 600;

var width = 772;

}

else {

var url = "http://kroma.vg.no/player/player.php";

var name = "kroma_playerwin";

var height = 633;

var width = 772;

}

if(videoID) url += "?id="+videoID;

var str = "height=" + height + ",innerHeight=" + height;

str += ",width=" + width + ",innerWidth=" + width;

if (window.screen) {

var ah = screen.availHeight - 30;

var aw = screen.availWidth - 10;

var xc = (aw - width) / 2;

var yc = (ah - height) / 2;

str += ",left=" + xc + ",screenX=" + xc;

str += ",top=" + yc + ",screenY=" + yc;

}

newWin=window.open(url, name, str);

if (((navigator.appName.indexOf("Netscape") != 1) && (parseInt(navigator.appVersion) >=3)) || ((navigator.userAgent.indexOf("MSIE") != -1) && (parseInt(navigator.appVersion) >= 4))) {

newWin.focus();

}

return true;

}

function genericPopup(url, width, height) {

thePopup = window.open(url, 'popup', 'width=' + width + ',height=' + height + ',resizable=yes,scrollbars=yes');

}

//-->

</script> <script SRC="/include/global/art.js" language="javascript"

type="text/javascript"></script> <script SRC="/js/yahoolib/yahoo.js"

language="javascript" type="text/javascript"></script> <script SRC="/js/yahoolib/connection.js"

language="javascript" type="text/javascript"></script> <script SRC="/js/kjaerevg.js"

language="javascript" type="text/javascript"></script>

<script

language="JavaScript" type="text/javascript"> var posisjon = "Right3,x07,x09,Top3,Bottom1,Bottom2,Bottom3,Middle1,Middle2,x21,x22,x23,x04,x05,x03";

var page = "front"; </script>  <script

language="JavaScript" type="text/javascript"> <!--

//configuration

OAS_url ='http://ads.vg.basefarm.net/RealMedia/ads/';

OAS_listpos = posisjon;

OAS_query = '';

OAS_sitepage = 'www.vg.no/' + page;

//end of configuration

OAS_version = 10;

OAS_rn = '001234567890';

OAS_rns = '1234567890';

OAS_rn = new String (Math.random());

OAS_rns = OAS_rn.substring (2, 11);

function OAS_NORMAL(pos) {

document.write('<' + 'A HREF="' + OAS_url + 'click_nx.ads/' + OAS_sitepage + '/1' + OAS_rns + '@' + OAS_listpos + '!' + pos + OAS_query + '" TARGET=_top><' + 'IMG alt="" SRC="' + OAS_url + 'adstream_nx.ads/' + OAS_sitepage + '/1' + OAS_rns + '@' + OAS_listpos + '!' + pos + OAS_query + '" BORDER=0' + '><' + '/A' + '>');

}

// --- DEL 2 ---

OAS_version = 11;

if (navigator.userAgent.indexOf('Mozilla/3') != -1)

OAS_version = 10;

showAds = true;

//showAds = Math.random() < 0.5 ? true : false;

if (OAS_version >= 11 && showAds) {

document.write('<' + 'SCRIPT LANGUAGE="JavaScript" type="text/javascript" SRC="' + OAS_url + 'adstream_mjx.ads/' + OAS_sitepage + '/1' + OAS_rns + '@' + OAS_listpos + OAS_query + '"><' + '\/SCRIPT' + '>');

}

// --- DEL 3 ---

function no_OAS_AD(pos) {

document.write('<img alt="" src="http://www.vg.no/t.gif" width="1" height="1">');

}

function OAS_AD(pos) {

if (!showAds) {

no_OAS_AD(pos);

return;

}

if (OAS_version >= 11)

OAS_RICH(pos);

else

OAS_NORMAL(pos);

}

// --- DEL 4 2006-06-01

function placeButtons() {

if (typeof(eval("posisjon")) != 'undefined') {

for (i = 21; i <= 39; i++) {

OAS_AD2("x" + i);

}

function OAS_AD2(pos, adLabel) {

adLabel = (adLabel == null ? '' : adLabel);

ppad = (adLabel == '' ? 'top' : 'right');

ppos = (adLabel == 'right' ? 'right' : 'left');

if (posisjon.search(pos) > -1) {

document.write('<div style="padding-' + ppad + ': 8px; background: url(http://www.vg.no/gfk/ann/' + (adLabel == '' ? 'ng' : 'vg') + '.gif) no-repeat top ' + ppos + '; margin-bottom: 3px;">');

OAS_AD(pos);

document.write('</div>');

}

//-->

</script>  </head> <BODY text="#000000"

BGCOLOR="#ffffff" link="#ff0000" vlink="#808080" style="margin: 7px; padding: 0px;"

BACKGROUND="/gfk/front/theshadow.jpg"> <div style="position: absolute; left: 810; top: 7; width: 180px; height: 600px; background: white; z-index: 999;">

<TABLE cellpadding="0" cellspacing="0" BORDER="0"> <TR VALIGN="top"> <TD

WIDTH="180" ALIGN="left"> <script language="JavaScript" type="text/javascript">

<!--

OAS_AD('x09');

//--> </script> </TD> <TD VALIGN="top">

<TR VALIGN="top"> <TD WIDTH="180" ALIGN="left"> <script language="JavaScript"

type="text/javascript"> <!--

OAS_AD('x07');

//--> </script>

//OAS_AD(checkReiseCookie());

//-->

</script> </TD> <TD VALIGN="top"> <IMG SRC="/gfk/ann/vg.gif" WIDTH="8"

HEIGHT="60" ALT="Annonse"> </TD> </TR> </TABLE> </div> <TABLE

cellpadding="0" cellspacing="0" BORDER="0" WIDTH="774"> <TR VALIGN="top">

<TD> <script language="JavaScript" type="text/javascript"> <!--

OAS_AD('Top3');

//-->

</script> </TD> <TD></TD> </TR> <TR> <TD colspan="2"><IMG SRC="/t.gif"

WIDTH="1" HEIGHT="3" ALT=""></TD> </TR> </TABLE>  <TABLE

cellpadding="0" cellspacing="0" BORDER="0"> <TR> <TD colspan="2"><TABLE

cellpadding="0" cellspacing="0" BORDER="0" WIDTH="768"> <TR> <TD VALIGN="top"

rowspan="3" WIDTH="199"><TABLE cellpadding="0" cellspacing="0" BORDER="0"

WIDTH="199"> <TR> <TD ALIGN="left" BACKGROUND="/gfk/front/toppstrek.gif"><IMG

SRC="/gfk/front/toppstrek_v.gif" WIDTH="2" HEIGHT="9"></TD> </TR> <TR>

</TR> </TABLE></TD> <TD VALIGN="top" rowspan="3"> <A HREF="http://go.vg.no/cgi-bin/go.cgi/tg/http://www.snutter.no/app/viewContest.action?id=17"><IMG

SRC="/grafikk/toppgif/1187079569.gif" WIDTH="385" HEIGHT="82" BORDER="0"></A></TD>

<TD WIDTH="184" ALIGN="left"><TABLE cellpadding="0" cellspacing="0"

BORDER="0" WIDTH="100%"> <TR> <TD VALIGN="top" ALIGN="right" colspan="3"

BACKGROUND="/gfk/front/toppstrek.gif"><IMG SRC="/t.gif" WIDTH="182"

HEIGHT="1"><IMG SRC="/gfk/front/toppstrek_h.gif" WIDTH="2" HEIGHT="9"></TD>

</TR> <TR> <TD BGCOLOR="#ffffff" colspan="3"><IMG SRC="/t.gif" WIDTH="1"

HEIGHT="3"></TD> </TR> <TR> <TD><IMG SRC="/t.gif" WIDTH="3" HEIGHT="1"></TD>

<TD VALIGN="top" ALIGN="left"><script language="JavaScript"> <!--

OAS_AD('Right3');

//-->

</script></TD> <TD WIDTH="1"><IMG SRC="/t.gif" WIDTH="1" HEIGHT="70"></TD>

</TR> </TABLE></TD> </TR> </TABLE> <TABLE cellpadding="0" cellspacing="0"

BORDER="0" WIDTH="768"> <TR> <TD colspan="4"><IMG SRC="/t.gif" WIDTH="1"

HEIGHT="3"></TD> </TR> <TR> <TD WIDTH="135" CLASS="tredblaa-v tredblaa-tb globalsak-front">

<IMG SRC="/t.gif" WIDTH="135" HEIGHT="1"><BR> Fredag 17.

august </TD> <TD WIDTH="5" ALIGN="left"> <IMG SRC="/gfk/front/topp/VertSkille.gif"

WIDTH="5" HEIGHT="20"><BR> </TD> <TD WIDTH="250" ALIGN="center" CLASS="globalsak-front tredblaa-tb">

<IMG SRC="/t.gif" WIDTH="250" HEIGHT="1"><BR> <A HREF="http://www.storm.no/vgnett/" style="color: white; text-decoration:none;"><span

style="text-decoration: underline;">Været hos VG nå:</span> 14,6 grader Nedbør: 0,0</A>

</TD> <TD><IMG SRC="/gfk/front/topp/knapper.gif" WIDTH="376"

HEIGHT="20" BORDER="0" usemap="#frontknapper"></TD> <map NAME="frontknapper">

<area shape="rect" ALT="Finn nye venner på Møteplassen!" coords="11,1,122,20"

HREF="http://go.vg.no/cgi-bin/go.cgi/fs/http://rms.admeta.com/public/transfer.asp?sitebanner_id=548658">

<area shape="rect" ALT="Del bildene med venner og kjente - gratis!"

coords="125,1,205,20" HREF="http://go.vg.no/cgi-bin/go.cgi/fs/http://www.vg.no/fotoalbum/">

<area shape="rect" ALT="Hør alle hitlåtene fra VG-lista!" coords="208,1,258,20"

HREF="http://go.vg.no/cgi-bin/go.cgi/fs/http://www.vg.no/radio" onClick="window.open('http://www.nwrweb.com/player/show/vgradio.no/vg.radio.no','NWRPlayer','width=525,height=424,scrollbars=no,resizable=no')">

<area shape="rect" ALT="VG hjelper deg ned i vekt!" coords="261,1,361,20"

HREF="http://go.vg.no/cgi-bin/go.cgi/fs/http://www.vektklubb.no/"> </map>

function openPlayer() {

var args = openPlayer.arguments;

if (args.length > 0) {

var playerKey = args[0];

var url = "http://www.nwrweb.com/player/show/" + playerKey + "/";

if (args.length > 1) {

url += args[1] + "/";

}

if (args.length > 2) {

url += args[2];

}

var player = window.open(url, "NWRPlayer", "width=378,height=424,scrollbars=no,resizable=no");

player.focus();

}

function sidet() { alert("sidet!"); }

//-->

</script> </TR> </TABLE></TD><TD VALIGN="top"><IMG SRC="/t.gif" WIDTH="8"

HEIGHT="12"><BR><IMG SRC="/gfk/ann/vg.gif" WIDTH="8" HEIGHT="60" BORDER="0"></TD></TR>

<TR><TD><IMG SRC="/t.gif" WIDTH="588" HEIGHT="3"></TD><TD><IMG SRC="/t.gif"

WIDTH="176" HEIGHT="3"></TD><TD><IMG SRC="/t.gif" HEIGHT="3" WIDTH="8"></TD></TR>

</TABLE> </TABLE>  <div style="width:900px;"> <div

style="float:left;"> <TABLE cellpadding="0" cellspacing="0" BORDER="0"

WIDTH="115" BGCOLOR="#ffffff"> <TR> <TD><style type="text/css">

.boxtop { border-bottom: solid white 1px; margin: 2px; color: black; }

.mdiv { border-top: solid white 1px; padding: 0px; } .mbox{

font-family: Arial; color: black; font-weight: bold; font-size: 11px;

border: none; } .mm { display: inline; border: none; cursor: auto;

padding: 0px; margin: 0px; padding-left: 4px; margin-right: 0px;

color: black; } .mea { color: black; text-decoration: none; } A.melm {

padding: 0px; padding-left: 4px; background: #1097C6;

border: solid #000000 1px; margin-bottom: 1px; display: block;

height: 14px; color: black; text-decoration: none;

background: lightBlue; } A.melm:hover { color: blue;

text-decoration: underline; } A.melm:active { color: black; }

A.melm:visited { color: black; } A.muelm { display: block;

color: black; text-decoration: none; } A.muelm:hover {

background: lightBlue; } A.muelm:visited { color: black; } A.mu2elm {

display: block; /* width: 112px; */ color: black;

text-decoration: none; } A.mu2elm:hover { background: lightBlue; }

.meelm { background: white; display: none; border: solid #cccccc 1px; margin-bottom: 1px; }

</style> <script language="javascript"> <!--

var minimg = new Image();

minimg.src = "http://www.vg.no/gfk/min2.gif";

var pluimg = new Image();

pluimg.src = "http://www.vg.no/gfk/plu2.gif";

var currentId = 0;

var mId = 0;

var cId = 0;

var agt=navigator.userAgent.toLowerCase();

var is_opera6 = (agt.indexOf("opera 6") != -1 || agt.indexOf("opera/6") != -1); // new 020128- abk

var is_opera7 = (agt.indexOf("opera 7") != -1 || agt.indexOf("opera/7") != -1);

var opera = is_opera6 || is_opera7;

if (!is_opera6) document.body.onclick = collapse;

try {

eval("menWidth");

insW = "";

}

catch (e) {

insW = "width: 111px;";

}

if (document.all && !opera) {

document.write("<style type=text/css> .me2 { " + insW + "padding-left: 3px; }</style>");

}

else if (!opera) {

document.write("<style type=text/css> .me2 { width: 106px; padding-left: 3px; }</style>");

}

else {

document.write("<style type=text/css> .me2 { width: 111px; padding-left: 3px; }</style>");

}

function absInit() {

if (location.href.indexOf("www.vg.no/") == location.href.length - 10 && !opera) {

document.getElementById("m243").onclick=function () {this.onclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.vg.no/');}

document.getElementById("m243").innerHTML = 'Sett som startside';

document.getElementById("m243").href = "http://go.vg.no/cgi-bin/go.cgi/sstart/http://www.vg.no/";

}

if (opera) {

document.write("<style type=text/css> .m { position: relative; }</style>");

}

else {

document.write("<style type=text/css> .m { position: absolute; }</style>");

}

function init(id) {

opera = true;

absInit();

if (!document.getElementById("mmm" + id)) return;

document.getElementById("mmm" + id).style.position = 'relative';

mclick(id);

currentId = 0;

}

function collapse() {

if (cId != 0 && document.getElementById("mmm" + cId).style.position.indexOf('relative') == -1) {

document.getElementById("mmm" + cId).style.display = 'none';

document.getElementById("mm" + cId).src = pluimg.src;

}

function mclick(id) {

currentId = id;

cId = 0;

var mmId = document.getElementById("mm" + id);

var mmmId = document.getElementById("mmm" + id);

var mmMId = document.getElementById("mm" + mId);

var mmmMId = document.getElementById("mmm" + mId);

// Hvis "false" er nettleser for gammel til dhtml

/*

if (!document.getElementById("menyen").style.display) {

currentId = -id;

mgo(id);

}

*/

if (is_opera6) return false;

if (mmmId.style.display == 'block') {

if (!opera) mmmMId.style.position = 'absolute';

mmmMId.style.display = 'none';

mmId.src = pluimg.src;

mId = 0;

}

else {

if (mId != 0) {

mmmMId.style.display = 'none';

if (!opera) mmmMId.style.position = 'absolute';

mmMId.src = pluimg.src;

}

mmmId.style.display = 'block';

mmId.src = minimg.src;

if (!opera && parseInt(mmmId.offsetHeight) > 300) {

mmmId.style.height = "300px";

mmmId.style.overflow = "auto";

}

mId = id;

}

setTimeout("if (mId != 0) cId = mId", 500);

return false;

}

function mgo(id) {

var retval = (id == currentId ? false : true);

if (id==243 && location.href.indexOf("www.vg.no/") == location.href.length - 10) {

m = eval("m" + id);

m.style.behavior='url(#default#homepage)';

m.setHomePage('http://www.vg.no/');

currentId = 0;

location.href = 'http://go.vg.no/cgi-bin/go.cgi/start/http://www.vg.no/';

return false;

}

if (id!=currentId) location.href = "http://go.vg.no/cgi-bin/jumper.pl?id=" + id;

else currentId = 0;

return retval;

}

//-->

</script> <style type="text/css" media="display"> #menyen {

display: block !important; } </style> <style type="text/css" media="handheld">

#menyen { display: none !important; } </style> <div CLASS="mdiv" id="menyen"

style="display: block; padding-right: 3px;"> <A HREF="javascript:void(window.open('http://www.vg.no/tips/[email protected]&r=f', 'popup', 'width=450,height=580,scrollbars=no'));"><IMG

SRC="http://www.vg.no/gfk/front/tipsvg.png" WIDTH="112" HEIGHT="22"

BORDER="0" ALT="" style="margin-bottom: 3px;"></A> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/" id="m243" style="background: #444444; border: solid #000000 1px; border-left: solid #000000 2px; color: #ffffff;" CLASS="melm">Forsiden</A>

</div> <div CLASS="boxtop"></div><div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/nyheter/" id="m1" style="background: #1097C6; border: solid #007EAA 1px; border-left: solid #007EAA 2px; color: #ffffff;" CLASS="melm"><IMG

id="mm1" SRC="http://www.vg.no/gfk/plu2.gif" ALIGN="right" CLASS="mm mp"

onclick="return mclick(1)" style="border-left: solid #007EAA 1px; background: #007EAA;"

HEIGHT="14" WIDTH="14">Nyheter</A><div id="mmm1" CLASS="meelm m me2"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/nyheter/" CLASS="muelm">Siste kl 09:00.</A>

<A HREF="http://www.vg.no/pub/vgart.hbs?artid=195217">Frigitte sørkoreanske gisler hjem fra Afghanistan</A><BR>

<BR> <A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/nyheter/innenriks/" CLASS="muelm">Innenriks</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/nyheter/utenriks/" CLASS="muelm">Utenriks</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/okonomi/" CLASS="muelm">Økonomi</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/nyheter/siste48/" CLASS="muelm">Siste 48 timer</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/side3" CLASS="muelm">Blogg: Side 3</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/nyheter/arkiv/" CLASS="muelm">Siste syv dager</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/dagens_vg/" CLASS="muelm">Dagens VG</A>

</div> </div> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www1.vg.no/nyheter/innenriks/valg-2007/" id="m1282" style="background: #1097C6; border: solid #007EAA 1px; border-left: solid #007EAA 2px; color: #ffffff;" CLASS="melm">Valg 2007</A>

</div> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/nyheter/siste48/" id="m100" style="background: #1097C6; border: solid #007EAA 1px; border-left: solid #007EAA 2px; color: #ffffff;" CLASS="melm"><IMG

id="mm100" SRC="http://www.vg.no/gfk/plu2.gif" ALIGN="right" CLASS="mm mp"

onclick="return mclick(100)" style="border-left: solid #007EAA 1px; background: #007EAA;"

HEIGHT="14" WIDTH="14">Siste 48 timer</A><div id="mmm100" CLASS="meelm m me2"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/nyheter/siste48/" CLASS="muelm"></A>

09:27: <A HREF="http://www.vg.no/pub/vgart.hbs?artid=195222">Playboy kjøper QPR</A><BR>

09:17: <A HREF="http://www.vg.no/pub/vgart.hbs?artid=195220">West Hams manager vurderer søksmål mot PL-spiller</A><BR>

09:16: <A HREF="http://www.vg.no/pub/vgart.hbs?artid=195211">Mer spiseforstyrrelser blant menn</A><BR>

09:16: <A HREF="http://www.vg.no/pub/vgart.hbs?artid=195218">Full tillit til Toppidrettssjefen</A><BR>

09:00: <A HREF="http://www.vg.no/pub/vgart.hbs?artid=195217">Frigitte sørkoreanske gisler hjem fra Afghanistan</A><BR>

</div>

</div> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.storm.no/vgnett/" id="m199" style="background: #1097C6; border: solid #007EAA 1px; border-left: solid #007EAA 2px; color: #ffffff;" CLASS="melm"><IMG

id="mm199" SRC="http://www.vg.no/gfk/plu2.gif" ALIGN="right" CLASS="mm mp"

onclick="return mclick(199)" style="border-left: solid #007EAA 1px; background: #007EAA;"

HEIGHT="14" WIDTH="14">Været</A><div id="mmm199" CLASS="meelm m me2"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.storm.no/vgnett/europa.aspx" CLASS="muelm">Tredagerskart</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.storm.no/vgnett/Reise.aspx" CLASS="muelm">Reiseværet</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www1.vg.no/helse/pollen-varsel" CLASS="muelm">Pollenvarsel</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.storm.no/vgnett/solsoknorge.aspx" CLASS="muelm">Solsøker Norge</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.storm.no/vgnett/solsokverden.aspx" CLASS="muelm">Solsøker Verden</A>

</div> </div> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/video/" id="m1160" style="background: #1097C6; border: solid #007EAA 1px; border-left: solid #007EAA 2px; color: #ffffff;" CLASS="melm">VGTV</A>

</div> <IMG SRC="http://www.vg.no/gfk/ann/n.gif" HEIGHT="8" WIDTH="60"><BR>

<div> <script type="text/javascript"> OAS_AD('x03'); </script> </div> <div

CLASS="boxtop"></div><div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.e24.no/#VG" id="m1198" style="background: #000000; border: solid #000000 1px; border-left: solid #000000 2px; color: #ffffff;" CLASS="melm">E24 Næringsliv</A>

</div> <div CLASS="boxtop"></div><div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/" id="m7" style="background: #AED7AE; border: solid #7BB87B 1px; border-left: solid #7BB87B 2px; color: #000000;" CLASS="melm"><IMG

id="mm7" SRC="http://www.vg.no/gfk/plu2.gif" ALIGN="right" CLASS="mm mp"

onclick="return mclick(7)" style="border-left: solid #7BB87B 1px; background: #7BB87B;"

HEIGHT="14" WIDTH="14">Sport</A><div id="mmm7" CLASS="meelm m me2"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/" CLASS="muelm">Siste kl. 09:27.</A>

<A HREF="http://www.vg.no/pub/vgart.hbs?artid=195222">Playboy kjøper QPR</A><BR>

<BR> <A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/fotball/" CLASS="muelm">Fotball</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://sport.vg.no/live/index.php?live2op=score24" CLASS="muelm">Målvarsel</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www1.vg.no/sport/sykkel/tour-de-france-2007" CLASS="muelm">Tour de France 2007</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/spill/" CLASS="muelm">Tipperes.</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www1.vg.no/sport/ishockey/" CLASS="muelm">Ishockey</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www1.vg.no/sport/haandball/" CLASS="muelm">Håndball</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www1.vg.no/sport/skoyter/" CLASS="muelm">Skøyter</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/snowboard/" CLASS="muelm">Snowboard</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/friidrett/" CLASS="muelm">Friidrett</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www1.vg.no/sport/motor/" CLASS="muelm">Motor</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/sykkel/" CLASS="muelm">Sykkel</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/tennis/" CLASS="muelm">Tennis</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://interaktiv.vg.no/nettspill/?spillOp=searchSpill&search_sjanger_id=78&sjanger_navn=Sport" CLASS="muelm">Spill på nett!</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/pekere/diverse.hbs" CLASS="muelm">Linker</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/pekere/mesterskap.hbs" CLASS="muelm">Mesterskap</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/25321" CLASS="muelm">Kurt Asle Arvesens blogg</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/6339" CLASS="muelm">Henning Solbergs blogg</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/20075/" CLASS="muelm">Petter Solbergs blogg</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/17968/" CLASS="muelm">Hoppbloggen</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/2273" CLASS="muelm">Henrik Bjørnstads blogg</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/15528" CLASS="muelm">Marius Thorps blogg</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/2491" CLASS="muelm">Suzann Pettersens blogg</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/14617" CLASS="muelm">Pål A. Ullevålseters blogg</A>

</div> </div> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/fotball/" id="m16" style="background: #AED7AE; border: solid #7BB87B 1px; border-left: solid #7BB87B 2px; color: #000000;" CLASS="melm"><IMG

id="mm16" SRC="http://www.vg.no/gfk/plu2.gif" ALIGN="right" CLASS="mm mp"

onclick="return mclick(16)" style="border-left: solid #7BB87B 1px; background: #7BB87B;"

HEIGHT="14" WIDTH="14">Fotball</A><div id="mmm16" CLASS="meelm m me2"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://live.vg.no/" CLASS="muelm">Live</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://sport.vg.no/live/index.php?live2op=score24" CLASS="muelm">Målvarsel</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/fotball/norsk/eliteguiden/" CLASS="muelm">Eliteguiden</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/fotball/norsk/landslaget/" CLASS="muelm">Landslaget</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/fotball/norsk/1div/" CLASS="muelm">1. divisjon</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/fotball/norsk/cupen/" CLASS="muelm">Cupen</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www1.vg.no/sport/fotball/kvinner/" CLASS="muelm">Kvinner</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.gameandgain.com/games/freekick/vg2006/" CLASS="muelm">Frisparkspillet</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://sport.vg.no/tabkonk/tk/?sesong_id=383" CLASS="muelm">Tabkonk elite</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://sport.vg.no/tabkonk/tk/?sesong_id=363" CLASS="muelm">Tabkonk 1.div</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www1.vg.no/sport/fotball/engelsk/ligaguiden/" CLASS="muelm">Premier League</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/fotball/ligaer/index.hbs?liga=england1div" CLASS="muelm">Championship...</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://sport.vg.no/tabkonk/tk/?sesong_id=400" CLASS="muelm">Tabkonk engelsk NY!</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www1.vg.no/sport/fotball/royal_league/" CLASS="muelm">Royal League</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www1.vg.no/sport/fotball/cl/06/" CLASS="muelm">Champions League</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www1.vg.no/sport/fotball/uefa/" CLASS="muelm">UEFA-cupen</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/fotball/ligaer/?liga=danmark" CLASS="muelm">Dansk</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/fotball/ligaer/?liga=frankrike" CLASS="muelm">Fransk</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/fotball/ligaer/?liga=italia" CLASS="muelm">Italiensk</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://sport.vg.no/tabkonk/tk/?sesong_id=657" CLASS="muelm">Tabkonk Italia</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/fotball/ligaer/?liga=spania" CLASS="muelm">Spansk</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://sport.vg.no/tabkonk/tk/?sesong_id=656" CLASS="muelm">Tabkonk Spania</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/fotball/ligaer/?liga=sverige" CLASS="muelm">Svensk</A>

<A HREF="javascript:void(window.open('http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/mobil/wap/ota/?case=fotball', 'fotball','top=20,left=20,width=525,height=460,scrollbars=yes,resizable=yes'))" CLASS="muelm">Fotball på mobilen</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/spill/index.hbs?spill=langoddsen" CLASS="muelm">Tipperes.</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://interaktiv.vg.no/nettspill/?spillOp=searchSpill&search_sjanger_id=78&sjanger_navn=Sport" CLASS="muelm">Spill på nett!</A>

<A HREF=" http://vg.transact.no/Thread.asp?GroupID=116&Group=Fotball%20-%20Premier%20League" CLASS="muelm">Diskutér</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/sport/pekere/fotball.hbs" CLASS="muelm">Linker</A>

</div> </div> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/search.php?P=sport&search=k" id="m1244" style="background: #AED7AE; border: solid #7BB87B 1px; border-left: solid #7BB87B 2px; color: #000000;" CLASS="melm"><IMG

id="mm1244" SRC="http://www.vg.no/gfk/plu2.gif" ALIGN="right" CLASS="mm mp"

onclick="return mclick(1244)" style="border-left: solid #7BB87B 1px; background: #7BB87B;"

HEIGHT="14" WIDTH="14">Sportsblogger</A><div id="mmm1244" CLASS="meelm m me2"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/25321" CLASS="muelm">Kurt Asle Arvesens blogg</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/17968/" CLASS="muelm">Hoppbloggen</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/6339" CLASS="muelm">Henning Solbergs blogg</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/20075/" CLASS="muelm">Petter Solbergs blogg</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/2273" CLASS="muelm">Henrik Bjørnstads blogg</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/15528" CLASS="muelm">Marius Thorps blogg</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/2491" CLASS="muelm">Suzann Pettersens blogg</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/14617" CLASS="muelm">Pål A. Ullevålseters blogg</A>

</div> </div> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://trav.vg.no" id="m1261" style="background: #AED7AE; border: solid #7BB87B 1px; border-left: solid #7BB87B 2px; color: #000000;" CLASS="melm">Hestespill NY!</A>

</div> <div CLASS="boxtop"></div><div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/rampelys/" id="m35" style="background: #FFD79A; border: solid #EEB156 1px; border-left: solid #EEB156 2px; color: #000000;" CLASS="melm"><IMG

id="mm35" SRC="http://www.vg.no/gfk/plu2.gif" ALIGN="right" CLASS="mm mp"

onclick="return mclick(35)" style="border-left: solid #EEB156 1px; background: #EEB156;"

HEIGHT="14" WIDTH="14">Rampelys</A><div id="mmm35" CLASS="meelm m me2"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/rampelys/" CLASS="muelm">Siste kl. 08:55.</A>

<A HREF="http://www.vg.no/pub/vgart.hbs?artid=195215">Winehouse avlyser flere konserter</A><BR>

<BR> <A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/rampelys/boeker/" CLASS="muelm">Bøker</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/rampelys/boeker/anmeldelser/" CLASS="mu2elm">· Anmeldelser</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://vg.transact.no/Thread.asp?GroupID=135&Group=Bøker" CLASS="mu2elm">· Diskusjon</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/rampelys/musikk/musikkextra/" CLASS="muelm">Musikk</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://lista.vg.no/" CLASS="mu2elm">· VG-lista</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/rampelys/musikk/musikkextra/anm.hbs" CLASS="mu2elm">· Anmeldelser</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://vg.transact.no/Thread.asp?GroupID=138&Group=Musikk" CLASS="mu2elm">· Diskusjon</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://vg.sesam.no/search/?nav_channelcategories=sgenericn8avigator&q=&c=t&sgeneric8nav=Musikk" CLASS="mu2elm">· Musikk på TV</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://lista.vg.no/show_list.php?ListsOp=showWeek" CLASS="muelm">VG-lista</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/spesial/bakgrunn/?id=958" CLASS="muelm">Bevegelser</A>

</div> </div> <div CLASS="mbox"><A HREF="javascript:window.location='http://www.vg.no/radio';window.open('http://go.vg.no/cgi-bin/go.cgi/meny/http://www.nwrweb.com/player/show/vgradio.no/vg.radio.no','NWRPlayer','width=525,height=424,scrollbars=no,resizable=no');" id="m1141" style="background: #FFD79A; border: solid #EEB156 1px; border-left: solid #EEB156 2px; color: #000000;" CLASS="melm">VG Radio</A>

</div> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://lista.vg.no/" id="m80" style="background: #FFD79A; border: solid #EEB156 1px; border-left: solid #EEB156 2px; color: #000000;" CLASS="melm"><IMG

id="mm80" SRC="http://www.vg.no/gfk/plu2.gif" ALIGN="right" CLASS="mm mp"

onclick="return mclick(80)" style="border-left: solid #EEB156 1px; background: #EEB156;"

HEIGHT="14" WIDTH="14">VG-lista</A><div id="mmm80" CLASS="meelm m me2"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/rampelys/musikk/musikkextra/" CLASS="muelm">Musikk</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://lista.vg.no/show_list.php?ListsOp=showWeek&listID=15" CLASS="muelm">Topp 30 Norsk</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/rampelys/musikk/musikkextra/anm.hbs" CLASS="muelm">Anmeldelser</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/rampelys/musikk/musikkextra/heltstein.hbs" CLASS="muelm">Helt Stein</A>

</div> </div> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/rampelys/musikk/musikkextra/" id="m1076" style="background: #FFD79A; border: solid #EEB156 1px; border-left: solid #EEB156 2px; color: #000000;" CLASS="melm">Musikk</A>

</div> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www1.vg.no/film" id="m39" style="background: #FFD79A; border: solid #EEB156 1px; border-left: solid #EEB156 2px; color: #000000;" CLASS="melm"><IMG

id="mm39" SRC="http://www.vg.no/gfk/plu2.gif" ALIGN="right" CLASS="mm mp"

onclick="return mclick(39)" style="border-left: solid #EEB156 1px; background: #EEB156;"

HEIGHT="14" WIDTH="14">Film</A><div id="mmm39" CLASS="meelm m me2"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/rampelys/film/anmeldelser" CLASS="muelm">Anmeldelser</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www1.vg.no/film/trailere.php" CLASS="muelm">Trailere</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www1.vg.no/film/bilder.php" CLASS="muelm">Bilder</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://interaktiv.vg.no/filmextra/kommer_kino.php" CLASS="muelm">Kommer på kino</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://interaktiv.vg.no/filmextra/topp20video_utleie.php" CLASS="muelm">Topp 20 utleie</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://interaktiv.vg.no/filmextra/kommer_video.php" CLASS="muelm">Kommer på dvd</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://vg.transact.no/Thread.asp?GroupID=136&Group=Film" CLASS="muelm">Diskusjon</A>

</div> </div> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://interaktiv.vg.no/tvguiden/" id="m50" style="background: #FFD79A; border: solid #EEB156 1px; border-left: solid #EEB156 2px; color: #000000;" CLASS="melm"><IMG

id="mm50" SRC="http://www.vg.no/gfk/plu2.gif" ALIGN="right" CLASS="mm mp"

onclick="return mclick(50)" style="border-left: solid #EEB156 1px; background: #EEB156;"

HEIGHT="14" WIDTH="14">TV-guide</A><div id="mmm50" CLASS="meelm m me2"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://vg.sesam.no/search/?nav_channels=sgenericn5avigator&q=&c=t&sgeneric5nav=nrktv1&userSortBy=channel&allChannels=true" CLASS="muelm">NRK1</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://vg.sesam.no/search/?nav_channels=sgenericn5avigator&q=&c=t&sgeneric5nav=tvn&userSortBy=channel&nav_channelcategories=sgenericn8avigator&sgeneric8nav=Norske&allChannels=true" CLASS="muelm">TVNorge</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://vg.sesam.no/search/?c=t&q=&allChannels=true" CLASS="muelm">+ 71 andre kanaler</A>

</div> </div> <IMG SRC="http://www.vg.no/gfk/ann/n.gif" HEIGHT="8"

WIDTH="60"><BR> <div> <script type="text/javascript"> OAS_AD('x04'); </script>

</div><div CLASS="boxtop"></div><div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.nettby.no/" id="m1220" style="background: #BEDD94; border: solid #88BF3D 1px; border-left: solid #88BF3D 2px; color: #000000;" CLASS="melm">Nettby.no</A>

</div> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/lesernesvg/" id="m1157" style="background: #BEDD94; border: solid #88BF3D 1px; border-left: solid #88BF3D 2px; color: #000000;" CLASS="melm">Lesernes VG</A>

</div> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.snutter.no/" id="m1270" style="background: #BEDD94; border: solid #88BF3D 1px; border-left: solid #88BF3D 2px; color: #000000;" CLASS="melm">Snutter.no NY!</A>

</div> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://lister.vg.no" id="m1251" style="background: #BEDD94; border: solid #88BF3D 1px; border-left: solid #88BF3D 2px; color: #000000;" CLASS="melm">Listefeber</A>

</div> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/" id="m1159" style="background: #BEDD94; border: solid #88BF3D 1px; border-left: solid #88BF3D 2px; color: #000000;" CLASS="melm"><IMG

id="mm1159" SRC="http://www.vg.no/gfk/plu2.gif" ALIGN="right" CLASS="mm mp"

onclick="return mclick(1159)" style="border-left: solid #88BF3D 1px; background: #88BF3D;"

HEIGHT="14" WIDTH="14">Blogg</A><div id="mmm1159" CLASS="meelm m me2"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no" CLASS="muelm">Lesernes blogger</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://blog.vg.no" CLASS="muelm">Teknoisme</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vgb.no/7915" CLASS="muelm">Knut Jørgens univers</A>

<A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://blog.vg.no/3" CLASS="muelm">Spillbloggen</A>

</div> </div> <div CLASS="mbox"><A HREF="http://go.vg.no/cgi-bin/go.cgi/meny/http://www.vg.no/tett_paa_nett/" id="m54" style="background: #BEDD94; border: solid #88BF3D 1px; border-left: solid #88BF3D 2px; color: #000000;" CLASS="melm"><IMG

id="mm54" SRC="http://www.vg.no/gfk/plu2.gif" AL

howieD · 17. august 2007

hahah!

Kim T · 17. august 2007

Har jo fortsatt ikke ordnet menyen din da.

howieD · 17. august 2007

Erm. Nå

Klikk for å se/fjerne innholdet nedenfor

#frame {
float: left;
height: auto;
width: 820px;
background: url(../Bilder/skygge.jpg) repeat-y right;
;
border-left: 1px solid #999999;
}
#frame #topp {
float: none;
height: 119px;
width: 800px;
background: url(../Bilder/topp8.jpg) no-repeat;
}
#frame #meny {
float: left;
height: auto;
width: 80px;
padding-top: 20px;
}
#frame #meny #venstreMeny {
float: left;
height: auto;
width: 80px;
list-style-type: none;
text-indent: 0px;
margin: 0;
padding: 0;
}

#frame #venstreKolonne {
width: 350px;
float: left;
margin-left: 10px;
padding-top: 5px;
}


#frame   #venstreKolonne #venstre1 {
float: left;
height: auto;
width: 350px;
margin-bottom: 10px;
}
#frame #venstreKolonne #venstre1 .overskrift {
background-color: #FFFFFF;
background-image: none;
height: 50px;
}
#frame #venstreKolonne #venstre1 .bilde {
background-color: #999999;
background-image: none;
}
#frame #venstreKolonne #venstre1 .nyheten {
background-color: #666666;
background-image: none;
}
#frame #venstreKolonne #venstre1 .underNyhet {
background-color: #333333;
background-image: none;
margin-bottom: 10px;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #000000;
}
#frame #hoyreKolonne {
width: 350px;
float: left;
margin-left: 10px;
padding-top: 5px;
}


#frame   #hoyreKolonne #hoyre1 {
float: right;
height: auto;
width: 350px;
margin-bottom: 10px;
}
#frame #hoyreKolonne #hoyre1 .overskrift {
background-color: #FFFFFF;
background-image: none;
height: 50px;
}
#frame #hoyreKolonne #hoyre1 .bilde {
background-color: #999999;
background-image: none;
}
#frame #hoyreKolonne #hoyre1 .nyheten {
background-color: #666666;
background-image: none;
}
#frame #hoyreKolonne #hoyre1 .underNyhet {
background-color: #333333;
background-image: none;
margin-bottom: 10px;
border-bottom: thin solid #000000;
}
#bunnlinje   {
border-top: 1px solid #999999;
width: 800px;
float: left;
}
[/SKJUL]

Klikk for å se/fjerne innholdet nedenfor

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="CSS/stilark.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="frame">
<div id="topp">
</div>

<div id="meny">
<ul id="venstreMeny">
    <li><a href="#">Prosjekter</a></li><br />
	 <li><a href="#">Bilder</a></li><br />
	 <li><a href="#">Kart</a></li>
	 <li><a href="#">Kontakt oss</a></p></li>
    </ul>
</div><!--meny-->

<div id="venstreKolonne">
<div id="venstre1">
   	<div class="overskrift"><h1>Overskrift her!</h1>
       </div>
       <div class="bilde">Bilde her!
       </div>
       <div class="nyheten">Nyheten her!
       </div>
       <div class="underNyhet">Link her!
  		</div> 
   	<div class="overskrift"><h1>Overskrift her!</h1>
       </div>
       <div class="bilde">Bilde her!
       </div>
       <div class="nyheten">Nyheten her!
       </div>
       <div class="underNyhet">Link her!
       </div> 
   	<div class="overskrift"><h1>Overskrift her!</h1>
       </div>
       <div class="bilde">Bilde her!
       </div>
       <div class="nyheten">Nyheten her!
       </div>
       <div class="underNyhet">Link her!
       </div> 
   </div><!--venstre1-->
</div>
<!--venstreKolonne-->


<div id="hoyreKolonne">

   <div id="hoyre1">
   	<div class="overskrift"><h1>Overskrift her!</h1>
       	</div>
       	<div class="bilde">Bilde her!
       	</div>
       	<div class="nyheten">Nyheten her!
       	</div>
       	<div class="underNyhet">Link her!
       	</div>
   	<div class="overskrift"><h1>Overskrift her!</h1>
       </div>
       <div class="bilde">Bilde her!
       </div>
       <div class="nyheten">Nyheten her!
       </div>
       <div class="underNyhet">Link her!
       </div> 
   	<div class="overskrift"><h1>Overskrift her!</h1>
       </div>
       <div class="bilde">Bilde her!
       </div>
       <div class="nyheten">Nyheten her!
       </div>
       <div class="underNyhet">Link her!
       </div> 
   </div><!--hoyre1-->
</div>
<!--hoyreKolonne-->
</div><!--Frame-->

<div id="bunnlinje">
</div>
</body>
</html>

Endret 17. august 2007 av Haavard82

Logg inn

Hvordan lage en nettside lik VG?

Anbefalte innlegg

howieD

Lenke til kommentar

Videoannonse

Kim T

Lenke til kommentar

mikk-

Lenke til kommentar

Kim T

Lenke til kommentar

howieD

Lenke til kommentar

howieD

Lenke til kommentar

Gjest Slettet+142

Lenke til kommentar

Kim T

Lenke til kommentar

howieD

Lenke til kommentar

Kim T

Lenke til kommentar

howieD

Lenke til kommentar

Lovskogen

Lenke til kommentar

howieD

Lenke til kommentar

Kim T

Lenke til kommentar

howieD

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer