Avatar billede Smorkongen Nybegynder
20. januar 2012 - 18:37 Der er 30 kommentarer og
1 løsning

Rollover hvordan ?

Hej. Er der nogle der ved hvordan jeg får får denne knap til at lave et rollover, og vise et andet billed ??

http://chopapp.com/#p060qfzf
Avatar billede olebole Juniormester
20. januar 2012 - 18:42 #1
<ole>

Hvorfor linker du til en kulsort side uden indhold?

/mvh
</bole>
Avatar billede olebole Juniormester
20. januar 2012 - 18:43 #2
- og så skal du i øvrigt nok forholde dig til denne liste af åbne spørgsmål
Avatar billede Smorkongen Nybegynder
20. januar 2012 - 18:49 #3
Den er ikke kulsort du skal lige give den et par sek.
Avatar billede olebole Juniormester
20. januar 2012 - 18:53 #4
Må jeg efter 30 par (= 60 sekunder) få lov til at kalde den kulsort - og uden indhold?
Avatar billede olebole Juniormester
20. januar 2012 - 18:54 #5
- eller skal jeg mon kalde den ekstremt mørkegrå?  :D
Avatar billede Smorkongen Nybegynder
20. januar 2012 - 18:56 #6
Nope må du ikke, virker fint her i Firefox.
Avatar billede olebole Juniormester
20. januar 2012 - 18:59 #7
Ja, men nettets brugere bruger jo ikke alle Firefox. Du må das skrive koden, så siden kan bruges, uanset hvilken gængs browser, der anvendes. Koden skodder totalt i IE9
Avatar billede Smorkongen Nybegynder
20. januar 2012 - 19:03 #8
Hhehe ja ok, fik ikke lige testet i alle browser :D
Avatar billede Smorkongen Nybegynder
20. januar 2012 - 19:27 #9
Nogen der ved hvordan dette gøres ? Takker på forhånd
Avatar billede olebole Juniormester
20. januar 2012 - 19:32 #10
Måske. Kan du få siden til at virke i min browser?
Avatar billede Smorkongen Nybegynder
20. januar 2012 - 19:38 #11
Desværre, men prøv at bruge alle andre end Ie.
Avatar billede olebole Juniormester
20. januar 2012 - 19:41 #12
Nej, jeg bruger ikke tid på kode, der ikke virker
Avatar billede Smorkongen Nybegynder
20. januar 2012 - 19:46 #13
.vote_button_cell .rounded_vote_button {

2

        background:transparent url("../img/rounded_vote_button.png") center center no-repeat;

3

        height:58px;

4

        width:54px;

5

        border:none;

6

        cursor:pointer;

7

        margin:7px 0px 0px 22px;

8

        display:block;

9

}

10

11

12

.vote_button_cell .rounded_vote_button:hover {

13

        background-image:transparent url("../img/rounded_vote_button_hover.png") center center no-repeat;

14

        height:58px;

15

        width:54px;

16

        border:none;

17

        cursor:pointer;

18

        margin:7px 0px 0px 22px;

19

        display:block;

20

}
Avatar billede Smorkongen Nybegynder
20. januar 2012 - 19:58 #14
Siden http://chopapp.com er iøvrigt en smart side hvor man kan dele kode og kommenter direkte i koden. Det er ikke min egen side som ikke virker i Ie :D
Avatar billede NielsErikP Mester
20. januar 2012 - 21:46 #15
Hej...
Har ikke tjekket link olebole siger der er sort skærm, så er der nok sort skærm..Gider jeg ikke kigger på...

Men er det noget lignende dette du drømmer om :


<button name="submit" type="submit"  value="Send">
  <img src="billede1.png" onmouseover="this.src='billede2.png';" onmouseout="this.src='billede1.png';" ></button>   



Håber det brugbart :-)
Avatar billede Smorkongen Nybegynder
20. januar 2012 - 21:57 #16
Tænkte mere på noget css. Er det muligt er lave en rollover uden at ændre noget i html. I koden jeg har pastet ind ovenfor, er der da noget jeg kan tilføje for at få det til at virke ? (Det jeg har pastet ind ovenfor virker desværre ikke)
Avatar billede olebole Juniormester
20. januar 2012 - 23:14 #17
Hvis ikke det virker, må du lave andre fejl. Koden, du viser, fejler ikke noget
Avatar billede Smorkongen Nybegynder
20. januar 2012 - 23:26 #18
Okay det er virkelig helt fint at gøre sådan?

Jeg har denne knap (.vote_button_cell .rounded_vote_button { )

Jeg har så bare kopieret denne kode og sat :hover efter. Så det således ud

(.vote_button_cell .rounded_vote_button:hover {)

Kan nogle fortælle mig hvordan man gør ? :D
Avatar billede olebole Juniormester
20. januar 2012 - 23:51 #19
Jamen, så tager vi den da én gang til: Din CCS-kode fejler ikke noget, så i den forbindelse er der ikke noget at fortælle dig
Avatar billede Smorkongen Nybegynder
21. januar 2012 - 00:09 #20
Okay okay.

$output .= '<div class="vote_button_cell cell">';
$output .= '<input type="button" class="rounded_vote_button '.$determinant.'" data-image-id="'.$image->getId().'" />';
$output .= '</div>';

Kunne det hjælpe noget ?
Avatar billede olebole Juniormester
21. januar 2012 - 00:11 #21
CSS virker ikke på PHP-kode. Hvordan ser HTML-koden ud?
Avatar billede olebole Juniormester
21. januar 2012 - 00:30 #22
Prøv:

.vote_button_cell .rounded_vote_button:hover {
    background:transparent url("../img/rounded_vote_button_hover.png") center center no-repeat;

- men data-image-id er i øvrigt ikke en valid attribut
Avatar billede Smorkongen Nybegynder
21. januar 2012 - 00:37 #23
Det var jo det jeg havde prøvet ovenfor.
Avatar billede olebole Juniormester
21. januar 2012 - 00:45 #24
Nej
Avatar billede Smorkongen Nybegynder
21. januar 2012 - 00:47 #25
</div><div class="vote_button_cell cell"><input type="button" class="rounded_vote_button " data-image-id="66" />
Avatar billede Smorkongen Nybegynder
21. januar 2012 - 01:01 #26
Det virker desværre ikke. Dog når jeg holder musen over forsvinder knappen.
Avatar billede olebole Juniormester
21. januar 2012 - 01:05 #27
Jo, det virker! Upload et eksempel og læg et link, så vi kan finde fejlen
Avatar billede olebole Juniormester
21. januar 2012 - 01:06 #28
Formodentlig eksisterer billedet ikke
Avatar billede Smorkongen Nybegynder
21. januar 2012 - 01:22 #29
Det virker nu. Underligt, efter jeg havde rettet og uploadet virkede det ikke og havde "clear cache". Lige pludselig virkede det.

Men jeg takker mange gange for hjælpen.Kanon!! Hvis du gider smide et svar, kan jeg lukke.
Avatar billede olebole Juniormester
21. januar 2012 - 01:32 #30
Ellers tak, jeg samler som bekendt ikke point. Du lægger selv et svar og accepterer det, så tråden lukkes  =)
Avatar billede Smorkongen Nybegynder
21. januar 2012 - 01:35 #31
Lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester