Image bak meny

[Tonny Kluften]

Da er jeg på kodern igjen og lurer på hvordan jeg kan legge dette bildet: http://www.sija.no/aasenhyttefelt/wp-content/themes/asusena/images/meny_bg.jpg bak menyen på My blogg.
Resultatet skal bli slik:http://www.sija.no/aasenhyttefelt/wp-content/themes/asusena/images/aasenHyttefelwebdesign.pdf

 

[Kenneth Dreyer]

Outsourcing Tonny, outsourcing. Så slipper du få grå hår av slike filleting

 

[Tonny Kluften]

Akk ja, jeg vet. Men dette er så dårlig betalt at jeg ikke tør spørre noen.

 

[Helge]

Du legger det til i CSSen på menyen

background: url("image.jpg") no-repeat;

evt repeat-X/Y

 

[zapotek]

Ja legg det som bakgrunn slik Helge beskriver til denne DIV'en: meny_bildeOLD

 

[Tonny Kluften]

I CSS:

div#meny_bildeOLD {
background: url("http://www.sija.no/aasenhyttefelt/wp-content/themes/asusena/images/meny_bg.jpg") no-repeat;
}

html:

<div id="meny_bildeOLD">
<ul>
<?php wp_list_pages('sort_column=menu_order&title_li=' ); ?>
</ul>
</div>

Men bildet vises ikke.

En annen ting her er at bakgrunnen for innholdsområdet vises riktig i IE, men i FF er det for langt opp.

WF-button (https://www.webforumet.no/forum/blogging/5356-bloggcamp-09-a.html#post44488) i posten til den som fikser disse to tingene for meg

 

[Helge]

prøv å angi høyde på bakgrunnen i cssen... da mener jeg bestemt på at det skal fungere. Kan jo f.eks ha bakgrunnen i hver <li>, er like lett vil jeg tro...

Da kan du lage bakgrunnen slik at hoveren kommer nedforbi bildet, så stiller du bare inn i CSSen at når musen går over, så skal den flytte bildet ned. taaadaaa, enkel hover, og den laster bare inn bildet en gang, istedenfor å laste det inn på ny når du tar musen over lenken.¨



og når sant skal sies, så er koden din veldig rotete.. det verste er jo at innholdet går utforbi designet... ikke bra

 

[Tonny Kluften]

Ja, koden er rotete, glad den ikke min

Innholdet går utenfor designet i FF, ikke i IE. Og det går utenfor fordi innholdsbakgrunnen ikke vises der den skal i FF jmfr. min forrige post.
Høyden på innholdsområdet skal være statisk, innhold kommer ikke til å gå utenfor når det er ferdig lagt inn.

 

[Mr Vest]

Stemmer akkurat som Helge sier. Du må spesifisere høyde på begge divene. Da altså legge inn høyde i både div#masthead_image og i div#meny_bildeOLD

Ettersom headerbildet ditt har en høyde på 105px, og bakgrunnsbildet til menyen har 24px kan du jo forsøke deg med og bytte ut dine to diver med disse to:

div#masthead_image {
clear:both;
height:105px;
padding:8px 22px 0 16px;
position:relative;
}

div#meny_bildeOLD {
background:transparent url(http://www.sija.no/aasenhyttefelt/wp-content/themes/asusena/images/meny_bg.jpg) no-repeat scroll 0 0;
height:24px;
}


Det vil muligens gi en liten pekepinn på hvorfor det ikke funker. Du ser, høyde er lagt inn i begge de to jeg kommer med. Nå husker ikke jeg hvordan vi egentlig sentrerer en bakgrunn i en #div, så en løsning kan jo være at du f.eks bare endrer bakgrunnsbildet du skal ha i menyen og legger til hvite kanter til høyre og venstre.

Edit - Tok bort noe greier som ikke skulle være her. Når jeg samtidig tenker meg om så kan det være at IE ikke liker bare height:105px; og at den muligens kan byttes om til min-height:105px;. Mulig jeg roter nå.

Edit igjen, - Ser nå at Helge ikke snakket om samme område som meg slik som jeg skrev på toppen i dette innlegget.