Trenger hjelp til å flytte eit objekt HTML/CSS

Tafsen · 15. november 2006

Sida

Korleis får eg skyggen til å ligge korrekt?

Endret 16. november 2006 av rEaliTY

Tafsen · 16. november 2006

Ingen som veit korleis eg får fiksa dette?

Svinat · 16. november 2006

Linken din er feil:

http://stian.mojo-media.net/haugetun/

Det virker som om dette har noe med bildenes størrelse og plassering å gjøre. Dersom du poster css og html-filen her slik at folk slipper å lete selv slik jeg gjorde, regner jeg med at flere kommer til å hjelpe deg.

Endret 16. november 2006 av Svinat

Tafsen · 16. november 2006

Html:

<!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>Blog - Fotballklassen ved Haugetun FHS 06/07</title>
 <style type="text/css" media="all">
 	@import "default.css";
 </style>

</head>

<body>
<div class="bg">
<!--  <div class="hoved">   
 	<div class="topp"></div>
 	<div class="banner"></div>
 Test hahaha
 
 </div> -->
</div>	
</body>

</html>

CSS:

* {
margin: 0;
padding: 0;
}

html { 
background: #ffffff url('images/bg.gif') repeat-x top center;
height: 100%; 
margin: 0 0 1px;
}

body {
background: #ffffff url('images/bg_skygge.gif') no-repeat top right;
color: #ffffff;
margin: 0 auto;
padding: 227px 0 0 0;
width: 627px;
}

.bg {
background: #ffffff url('images/skygge.png') repeat-y top center;
color: #ffffff;
margin: 0 auto;
height: 100%;
padding: 100% 0 0 0;
}

.hoved {
background: #ffffff;
position: absolute;
top: 0px;
left: 205px;
height: 100%;
width: 570px;
}

.topp {
background: #e9e9e9;
position: absolute;
top: 0px;
left: 0px;
height: 25px;
width: 100%;
}
.test {
background: url('images/banner.gif');
}
.banner {
background: url('images/banner.gif');
position: absolute;
top: 40px;
left: 12px;
height: 178px;
width: 547px;
}

Tafsen · 17. november 2006

Ingen som har den minste aning? Eg har gått meg heilt fast =\

Drømmemannen · 17. november 2006

Det er nok enklest om du samler bg_skygge.gif og skygge.png innenfor samme div, dvs lager en div som har bg_skygge.gif som bakgrunnsbilde, og så ha én til inni denne som har skygge.png som bakgrunnsbilde. Alternativt kan du lage et semitransparent bakgrunnsbilde som fungerer gjør samme jobben som bg_skygge.gif og skygge.png samtidig, men det fungerer jo som kjent ikke i IE<=6 (tror ikke pngfix støtter ikke bilder satt inn med css).

Logg inn

Trenger hjelp til å flytte eit objekt HTML/CSS

Anbefalte innlegg

Tafsen

Videoannonse

Tafsen

Svinat

Tafsen

Tafsen

Drømmemannen

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer