Savner hjørne - CSS

[Tonny Kluften]

Massasje for alle

Hvorfor vises ikke høyre hjørne oppe ?

CSS: http://sija.no/blogg/wp-content/themes/bakkevold/style.css

 

[trencH]

Du har ikke lagt inn url til bilde i klassen "Sheet-tr" i css'en din.

 

[Mr Vest]

Og enda litt mer grundig.:

1: Åpne cssfilen
2: finn frem følgende:

.Sheet-tr
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 41px;
  height: 41px;
}

Endre til:

.Sheet-tr
{
  background-image:transparent url(images/Sheet-s.png);
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 41px;
  height: 41px;
}

3: Lagre filen og sjekk resultatet.. Nå trenger du egentlig bare legge inn riktig bilde.. Kunne ikke se at du hadde det bildet i images-mappa, så det finnes kanskje ikke?

På en måte er det morsomt og se slik kode. Jeg får jo nesten en tanke i hodet om at jeg er flink med CSS når jeg ser slikt som dette

 

[Tonny Kluften]

Joda, bildet er i imagemappa. De andre hjørnene virker. De bruker samme bilde.

Her er koden for top right:

.Sheet-tr
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 41px;
  height: 41px;
}

.Sheet-tr div
{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -41px;
  width: 82px;
  height: 82px
  background-image: url('images/Sheet-s.png');
}

her er for bottom right:

.Sheet-br
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 41px;
  height: 41px;
}

.Sheet-br div
{
  position: absolute;
  z-index: -1;
  top: -41px;
  left: -41px;
  width: 82px;
  height: 82px;
  background-image: url('images/Sheet-s.png');
}

 

[Tonny Kluften]

Ugh, det skulle ikke vært lov. Nå tar jeg helga før jeg blir enda blondere!!!!!
Feilen var at jeg hadde glemt kolon bak height: 82px

Bilde tatt av meg mellom kl 0900 og 1200 i dag: