/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Skifte baggrundsbillede i "div" inddeling ~
Fra : David Sebastian Buus


Dato : 16-09-05 22:51

Hej allesammen...

Siden det drejer sig om: www.davidbuus.dk

Jeg vil gerne lave det således, at når jeg fører musen over
eksempelvis "Arrangementer i venstre "boks", så skifter mit
baggrundsbillede i denne boks. Har indtil videre brugt CSS, hvor
der står således:

div.boks1 {
   background-image:url(www.davidbuus.dk/Images/menu_background.jpg
);
   border-color: #000000;
   border-style: solid;
   border-width: 1px;
   height: 400px;
   width: 150px;
}

Hvordan kommer jeg til at skifte denne baggrund ved onmouseover?
Kan det overhovedet lade sig gøre?

Håber på hurtig hjælp og at jeg har postet i det korrekte forum.

David

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Knud Gert Ellentoft (17-09-2005)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 17-09-05 00:31

David Sebastian Buus skrev:

>Hvordan kommer jeg til at skifte denne baggrund ved onmouseover?

Ved at bruge :hover på din div (ligesom du kan på et link).

Desværre understøttes det ikke af IE, så´du må bruge
onmouseover/onmouseout og kan så ikke skrive det i css.

<div
onmouseover = "this.style.backgroundImage='url(bg.gif)';"
onmouseout = "this.style.backgroundImage='url(bg2.gif)';">
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

David Sebastian Buus (17-09-2005)
Kommentar
Fra : David Sebastian Buus


Dato : 17-09-05 08:50

Er bange for at jeg måske ikke var helt klar i min udlægning af mit
problem.

Det jeg ønsker er, at når jeg fører musen over link A, skifter
baggrunden i div til bagA.jpg og når jeg fører den over link B
skifter baggrunden i div til bagB.jpg. Den skifter selvfølgelig
tilbage til bag.jpg når jeg fjerner musen.

Håber det specificerede det lidt.

Mvh David

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

David Sebastian Buus (17-09-2005)
Kommentar
Fra : David Sebastian Buus


Dato : 17-09-05 09:16

Tror desværre ikke at jeg gjorde mit problem helt klart, så jeg
forsøger igen.

Når jeg fører musen over linkA skal baggrunden i div skifte til
bagA.jpg, når jeg fører musen over linkB skal baggrunden i div
skifte til bagB.jpg, når jeg fjerner musen skal baggrunden skifte
tilbage til udgangspunktet, bag.jpg

Håber det gjorde det lidt mere klart.

Med venlig hilsen
David

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Knud Gert Ellentoft (17-09-2005)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 17-09-05 17:30

David Sebastian Buus skrev:

>Når jeg fører musen over linkA skal baggrunden i div skifte til
>bagA.jpg, når jeg fører musen over linkB skal baggrunden i div
>skifte til bagB.jpg, når jeg fjerner musen skal baggrunden skifte
>tilbage til udgangspunktet, bag.jpg

Lad dig inspirere af
http://www.meyerweb.com/eric/css/edge/popups/demo2.html
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

David Sebastian Buus (17-09-2005)
Kommentar
Fra : David Sebastian Buus


Dato : 17-09-05 20:52

Tak for svaret, men kunne ikke finde ud af hvordan jeg skulle bruge
det.

Tror jeg må have noget mere konkret. Udsnit som jeg har stående i min
css:

div.boks1 {
   background-image:url(http://www.davidbuus.dk/Images/menu_background.
jpg);
   border-color: #000000;
   border-style: solid;
   border-width: 1px;
   height: 400px;
   width: 150px;
}


Udsnit fra siden:

<div class="boks1">

         <h2>Menu</h2>
         <p>
            <a href="http://www.davidbuus.dk/index.htm">Forside
            <br /><a
href="http://www.davidbuus.dk/arrangementer/arrangementer.htm">Arrang
ementer</a>
            <br /><a
href="http://www.davidbuus.dk/medlemmer.htm">Medlemmer
            <br /><a href="http://www.davidbuus.dk/kontakt.htm">Kontakt
</p>
      </div>

Når så jeg fører musen over et af disse links, ønsker jeg
baggrundsbilledet skal skifte.

Nogen der kan forklare mig hvordan?

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408527
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste