Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

HTML - Problem med input

Skapad av Bjornez, 2013-01-14 23:28 i Webbutveckling & Programmering

1 595
4 inlägg
0 poäng
Bjornez
Visningsbild
P 29 Hjälte 335 inlägg
0
Ello,

sitter här och blir galen just nu när jag håller på med en sak... får ett problem när jag håller på med en uppladning sida där jag vill byta ut den vanliga bilden och texten som blir när du använder <input type="file">. Vill sätta den till en bild, har kunnat detta förut men såklart glömt nu.

Har försökt att gömma den vanliga och sätta en background bild med koden nedan.

CSS:
Ett stycke css-kod:
#input {
background-image:url('images/choose1.png');
background-repeat: no-repeat;
border: none;
width: 62px;
height: 37px;
cursor:pointer;
}
#input:hover {
background-image:url('images/choose2.png');
background-repeat: no-repeat;
border: none;
width: 62px;
height: 37px;
cursor:pointer;
}
#file_wrapper {
opacity: 0;
}


html:
Ett stycke html-kod:

<div id="file_wrapper">
<input type="file" name="image" id="input" visiblity="hidden"></input><br />
</div>


Tack till dem som läser :D

Are you looking for a nerd? Then you have to find me

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

Kulan
Visningsbild
P 27 Hjälte 540 inlägg
0
Svar till Bjornez [Gå till post]:
Tja!

Du har ju inte själva "Input" med id eller?


Ändra din css till detta:

Ett stycke css-kod:


input[type=file]{
background-image:url('images/choose1.png');
background-repeat: no-repeat;
border: none;
width: 62px;
height: 37px;
cursor:pointer;
}
input[type=file]:hover {
background-image:url('images/choose2.png');
background-repeat: no-repeat;
border: none;
width: 62px;
height: 37px;
cursor:pointer;
}
#file_wrapper {
opacity: 0;
}





Tillägg av Robiin 2013-01-15 08:36

Nu pekar css:en direkt till alla inputs med typen "file"



Tillägg av Robiin 2013-01-15 09:07

Såg nu att du hade id på den förlåt..

Men jag tror du fortfarande måste använda dig av denna "input[type=file]"

yolo

Bjornez
Visningsbild
P 29 Hjälte 335 inlägg
Trådskapare
0

Svar till Robiin [Gå till post]:
Jo såklart har du rätt med det du skrev, men som du såg använder jag id/class på den så den biten har jag inte problem med.

Det felet jag har är att jag får ju kvar denna orginala "Välj fil: Ingen fil har valts" och det är den jag försöker ta bort just nu. Som du ser i CSS:en tar jag bort synligheten på den men samtidigt då min bakgrunds bild. Jag har minne av man skulle göra såhär och lägga z-index till bakgrund bilden.

Are you looking for a nerd? Then you have to find me

Kulan
Visningsbild
P 27 Hjälte 540 inlägg
0


yolo


Forum » Datorer & IT » Webbutveckling & Programmering » HTML - Problem med input

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons