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

Lenke til kommentar

Videoannonse

Tafsen

Lenke til kommentar

Svinat

Lenke til kommentar

Tafsen

Lenke til kommentar

Tafsen

Lenke til kommentar

Drømmemannen

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer