Nok et Css-spørsmål

[ogn]

Skal legge et bilde som logo øverst på siden. Tenkte å gjøre det ved å legge bildet som en bakgrunn i en div, for så å posisjonere den. Det burde da gå an?

 

Koden i CSS

 

div#topp {
background: url('topp.jpg') no-repeat;
position: absolute; top: 50px; left: 40px;
} 

 

Kom gjerne med andre forslag hvis dere har noen, har akkurat begynt med CSS.

 

Hele koden ser slik ut:

 

body {
background: url('background2.jpg') no-repeat; 
}
   
div#topp {
background: url('topp.jpg') no-repeat;
position: absolute; top: 50px; left: 40px;
} 
   
div#bottom {
border-top: solid;
border-width: 1mm
heigth: 50px;  
width: 100%;
text-align: center;
      }
      
div#meny {
border: solid; border-width:2px; padding: 5; 
border-color: #515151; margin-left: 10px; 
position: absolute;	top: 220px; left: 30px;   
width: 140px; height: 220px; 
background-color: #8CA5C4;
        }
        
div#hoved {
  width:90%;                         
  height:100%;  
  margin-top: 160px;
  margin-left: 200px;
  padding: 20px;
   }
   

a:link {  color: darkred;
}

[Haraldson]

Så det du spør om er om det faktisk går an? Hvorfor prøver du ikke da mann?

 

Dropp forresten de enkle hakene rundt banen til bildet, det skaper problemer på Mac har jeg hørt, og er uansett totalt unødvendig.

[PoleCat]

Hei,

 

Slik du har satt det nå, vil fungere dårlig. Du må sette høyde og bredde (!) på boksen for at hele bildet skal vises. Eks:

div#topp {
background: url('topp.jpg') no-repeat;
position: absolute;
top: 50px;
left: 40px;
height: 100px;
width: 500px;
} 

 

Dersom dette er logoen din, bør den settes som h1-element. Les om bilde-erstatning.

[ogn]

Fungerer fortsatt ikke men, men......brukte en litt mer primitiv løsning.

 

Et annet spørsmål:

Går det an å låse fast div-boksen der menyen min er slik at den følger med når jeg scroller nedover på siden?

På samme måte som man kan låse fast bakgrunnsbildet tenker jeg vel egentlig på.

[joffar]

Tror du kan bruke position:static eller fixed, er ikke sikker på hvilken det er..

Det virker heller dårlig i IE da... IE har litt problemer... Jeg så en workaround for det en eller annen plass, men husker ikke hvor.

 

Good luck