Hallo der kunne noen hjulpet meg med å kode en hjemme side?
Jeg sliter med å få skalert noen bilder i css eventuelt finne en work around.
Det jeg mulig jeg outsorcer deler av jobben, hilket betyr du/dere får penger for det (snakk om 4 siffret beløp)
pluss en plakat av ditt ønske i A3 laminert som takk for hjelpen.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Trekollonnestruktur</title>
<style type="text/css">
* { margin:0 }
#container{width: 960px; height: 660px; margin:auto; margin-top: 25px}
/*typevelger*/
#container div{background-color: ;}
/*idvelger*/
#header{width: 950px; height: 80px; background-image: url(images/abiobanertop.png) ; background-repeat:no-repeat; background-size: 960px 80px; background-position:right;
}
#navigation{width: 160px; height: 430px; float: left; background-image:url(images/abiocolluml.png) ; background-repeat:no-repeat; background-size: 160px 430px;}
.menu{margin:0; padding:0; width:160px; list-style:none;}
.menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }
.menu li a{text-align:left;height:40px; padding:0px 5px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background: url(images/verMenuImages.png) 0px 0px no-repeat; text-decoration:none;}
.menu li a:hover{background: url(images/verMenuImages.png) 0px -40px no-repeat; color:rgb(255,255,255);}
.menu li a.active, .menu li a.active:hover{background: url(images/verMenuImages.png) 0px -80px no-repeat; color:rgb(255,255,255);}
.menu li a span{line-height:40px;}
/*Start #banner, #banner2*/
#bannerWrap{width: 160px; height: 430px; float: right; background-image: url(images/abiocollumr.png) ; background-repeat:no-repeat; background-size: 160px 430px; padding: 5px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;
}
#banner, #banner2{width: 160px; height: 210px;}
#container div#banner{background-color: rgb(200, 200, 230); margin-bottom: 5px;}
#container div#banner2{background-color: rgb(230, 200, 200);}
/*End #banner, #banner2*/
/*Start mainContent*/
#mainContent{ width: 560px; height: 430px; margin: auto; margin-bottom: 10px; background-color:
rgb( 230, 245, 196); padding: 5px; }
/*
#mainContent #nyhet, #mainContent #nyhet2, #mainContent #nyhet3{width: 160px; height: 430px; background-color: rgb(100, 100, 150);} */
#mainContent #nyhet{float: left; margin-right: 5px;}
#mainContent #nyhet2{float: left; margin-right: 5px;}
#mainContent #nyhet3{float: left;}
/*End mainContent*/
#footer{width: 960px; height: 60px; background-image: url(images/abiobaner.png); background-repeat:no-repeat; background-size: 960px 60px; text-align:center; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;
}
body {
}
.style1 {color: #000000}
</style>
</head>
<body>
<div id="container">
<div id="header"><img src="images/abiologo.jpg" width="160" height="80"></div>
<div id="navigation">
<ul class="menu">
<li><a href="/home" class="active"><span>Home</span></a></li>
<li><a href="/services"><span>Services</span></a></li>
<li><a href="/about"><span>About</span></a></li>
<li><a href="/contact"><span>Contact</span></a></li>
</ul>
</div>
<div id="bannerWrap"> <a href="#" class="style1">link</a> <br>
<a href="#" class="style1">link</a> <br>
<a href="#" class="style1">link</a> <br>
<a href="#" class="style1">link</a> <br>
<a href="#" class="style1">link</a> <br>
<a href="#" class="style1">link</a> <br>
</div>
<div id="mainContent"> <p> Lorem ipsum dolor sit amet, </p>
<p> </p> <h1>Overskrift</h1>
<p> posuere sit amet ultricies sit amet, adipiscing a sem. Nullam tempus, purus ut volutpat congue, erat ligula dignissim leo, eget fringilla massa orci eget tortor. Pellentesque a lectus a tortor elementum ultrices a et mauris. Ut luctus mi nec neque sodales dapibus. Cras et metus dui, et condimentum risus. Nullam sit amet odio eu augue commodo ultrices et vel nulla. In dapibus, metus sed ultrices sodales, nunc massa scelerisque erat, eget molestie magna orci eu risus. Curabitur viverra bibendum felis, id sagittis libero ornare vel. In vel neque molestie dui pharetra cursus nec dapibus massa. Sed convallis ante non mauris aliquet sodales. Donec lacus arcu, </p> <br>
<p>posuere sit amet ultricies sit amet, adipiscing a sem. Nullam tempus, purus ut volutpat congue, erat ligula dignissim leo, eget fringilla massa orci eget tortor. Pellentesque a lectus a tortor elementum ultrices a et mauris. Ut luctus mi nec neque sodales dapibus. Cras et metus dui, et condimentum risus. Nullam sit amet odio eu augue commodo ultrices et vel nulla. In dapibus, metus sed ultrices sodales, nunc massa scelerisque erat, eget molestie magna orci eu risus. Curabitur viverra bibendum felis, id sagittis libero ornare vel. In vel neque molestie dui pharetra cursus nec dapibus massa. Sed convallis ante non mauris aliquet sodales. Donec lacus arcu, </p>
</div>
<div id="footer"> <p> <br> An(at)abio.no | Tlf 32222222 | Engerud 3026 Flesberg </> </div>
<!--End container-->
</div>
</body>
</html>
Emne: WEBDESIGNER SØKES! (Lest 4592 ganger)
