Avaleht
uus teema   vasta Tarkvara »  Programmeerimine »  Button (vajaks abi) märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
Dev Grex
HV Guru

liitunud: 29.07.2012



Autoriseeritud ID-kaardiga
sõnum 26.12.2013 22:44:10 Button (vajaks abi) vasta tsitaadiga
Tervist.
Veebilehele on lisatud nupp sellise commandiga:

                <a href="pealeht.html">
                <embed src="images/button3.png"
                width="20%"
                height="120"
                />


Kuidas teha nii, et kui hiir on nuppu kohal/peal, siis on teine pilt?


css:
.myButton {

}
.myButton:hover {
   background-color:#5cbf2a;
    width: 20px;
    height: 120px;
   
}
.myButton:active {
   position:relative;
   top:1px;
}


mis seaded peaks panema?
Kommentaarid: 353 loe/lisa Kasutajad arvavad:  :: 0 :: 1 :: 300
tagasi üles
vaata kasutaja infot saada privaatsõnum
Redikate
HV veteran
Redikate

liitunud: 30.12.2005
sõnum 26.12.2013 22:49:24 vasta tsitaadiga
http://jsfiddle.net/Xwt2A/1/
_________________
http://nodejs.org/
"I'm also a person. Programming is just one thing I do."
Kommentaarid: 34 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 33
tagasi üles
vaata kasutaja infot saada privaatsõnum
Dev Grex
HV Guru

liitunud: 29.07.2012



Autoriseeritud ID-kaardiga
sõnum 27.12.2013 15:48:40 vasta tsitaadiga
Redikate kirjutas:
http://jsfiddle.net/Xwt2A/1/

Suured tänud!

E: Üks mure on veel.
Nimelt võtab see nupp terve rea ära ja ühtegi teist nupu kõrvale panna ei saa.
Kuidas saaks veel üht nuppu tema kõrvale?

html:
<a href="pealeht.html"> <div class="myButton"></div></a>


css:
.myButton {
    background-image:url('images/avaleht1.png');
    background-size: cover ;


    width: 164px;
    height: 120px;

}

.myButton:hover {
    background-image:url('images/avaleht3.png');
    width: 164px;
    height: 120px;
}

.myButton:active {
    background-image:url('images/avaleht3.png');
    width: 164px;
    height: 120px;
}
Kommentaarid: 353 loe/lisa Kasutajad arvavad:  :: 0 :: 1 :: 300
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 27.12.2013 20:45:30 vasta tsitaadiga
inine elemendi sisse ei saa panna block level elementi! Ja ausaltõeldes ei saa aru miks see üldse sinna topitud on.

Igatahes nii oleks asi korrektne lahendada: http://jsfiddle.net/cZx4D/
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 28.12.2013 00:31:43 vasta tsitaadiga
Võiksid ka float kasutada, graafika pildid tee ennem mõõtu, mitte ära muuda suuri pilte hiljem css/html abil.
DEMO

html:
  1.  
  2. <a href="pealeht.html"><div class="myButton">Leht1</div></a>
  3. <a href="pealeht.html"> <div  class="myButton">Leht2</div></a>
  4. <div style="clear:both;"></div>
  5. siin sisu misiganes


css:
  1. a{float:left;line-height:80px;text-align:center;text-decoration:none;}
  2. .myButton {
  3.  
  4.         background-image:url('http://www.muffimaania.net.ee/average/sodi/ro.png');
  5.         width:100px;
  6.         height:100px;
  7.        
  8.  }
  9.  
  10.  .myButton:hover {
  11.       background-image:url('http://www.muffimaania.net.ee/average/sodi/or.png');
  12.    
  13.  }
  14.  
  15.  .myButton:active {
  16.       background-image:url('http://www.muffimaania.net.ee/average/sodi/si.png');
  17.    
  18.  }

_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 28.12.2013 00:36:34 vasta tsitaadiga
andrusny, inine elemendi sisse ei saa panna block level elementi!
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 28.12.2013 01:22:58 vasta tsitaadiga
Et siis nagu a sees ei tohiks div olla? (mõtled inline elementi, kui ei mis asi on inine element ? ) Sul oma näites ju samuti. Või ma ei saa aru mida mõtled. Muidu võiks ju otse a elemendile tausta visata, kuid mina isiklikult ei osanud a le laiust ja kõrgust anda. Div vajalik selleks, et sinna midagi kirjutada ehk, kui pole plaanis kirjutada nupule on õigem ehk hoopis img elementi kasutada.
_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
gynterk
HV kasutaja

liitunud: 17.01.2004
sõnum 28.12.2013 02:59:04 vasta tsitaadiga
Renka kirjutas:
andrusny, inine elemendi sisse ei saa panna block level elementi!

Kuna kirjas ei ole, mis HTML versioonist jutt, siis eeldan et uusim ehk HTML5, siis on see täitsa lubatud:

tsitaat:
The a element may be wrapped around entire paragraphs, lists, tables, and so forth, even entire sections, so long as there is no interactive content within (e.g. buttons or other links).
Kommentaarid: 5 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 5
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 28.12.2013 13:03:38 vasta tsitaadiga
gynterk, on tõesti - see mul kahe silma vahele jäänud.

andrusny, ups ma olen vale lingi eelmisesse postitusse pannud icon_redface.gif See on õige lahendus: http://jsfiddle.net/cZx4D/1/

inline-block kasutan siis vanast harjumusest, et IE7 ka töötaks. Kui see oluline ei ole siis võib vabalt ka display: block; kasutada.
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Redikate
HV veteran
Redikate

liitunud: 30.12.2005
sõnum 28.12.2013 14:39:05 vasta tsitaadiga
Jah, seda DIV'i poleks vaja olnud, harjumus AngularJS'i kasutamisest sisse jäänud kus A'sid põhimõtteliselt ei olegi, kuid vale see pole.
Niiet pole vaja kolm korda hüüumärgiga öelda, et ei saa. Saab ja väga hästigi.
_________________
http://nodejs.org/
"I'm also a person. Programming is just one thing I do."
Kommentaarid: 34 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 33
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  Programmeerimine »  Button (vajaks abi)
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.