xfr33 Posted August 27, 2008 Report Posted August 27, 2008 kā parastai input pogai uztaisīt backgroundu kā bildi un lai arī value, ja ieraksta tekstu, teksts ietu pāri bildei? It kā mēģināju kko šādi samuģīt, bet nesanāca. Rāda klasisko bildi :) <html> <style type="text/css"> .btn { background-image: url(square.jpg); padding: 5px; float: left; text-decoration: none; cursor: pointer; } </style> <body> <input type="submit" value="Ha!" class="btn" /> </body> </html>
Aleksejs Posted August 27, 2008 Report Posted August 27, 2008 Paeksperimentē ar <button type="submit" class="btn"></button> elementu
xfr33 Posted August 27, 2008 Author Report Posted August 27, 2008 nomainot uz button pat value nerādās. un tā background bilde arī nav.
Aleksejs Posted August 27, 2008 Report Posted August 27, 2008 Ehhh.... Nu, tas tak tikai piemērs ātrs bija. Atveram http://www.w3.org/TR/html401/interact/forms.html#h-17.5 un izlasam, ka pazudušo value var dabūt šitā: <button type="submit" class="btn">Ha!</button> Izlasi šo - domāju, ka atbildēs uz daudziem jautājumiem: http://particletree.com/features/rediscove...button-element/
xfr33 Posted August 27, 2008 Author Report Posted August 27, 2008 Atradu variantu, kas ir uz to pusi, bet nez.... Atbilde: a { background-image: url(square.jpg); } un klāt bonusā <a href="#">Sākums</a> Var jau arī ar input image, bet vajag lai varētu tekstu likt pāri bildei pavisam vienkārši. Tjip value vai kkas tāds.
xfr33 Posted August 27, 2008 Author Report Posted August 27, 2008 Aleksej, tātad par to button elementu. Jautājums: <button type="submit"><img src="square.jpg" />Uz priekšu!</button> Par šito, kā var dabūt lai tas teksts nav bildes, bet ir virsū uz bildes?
Aleksejs Posted August 27, 2008 Report Posted August 27, 2008 Droši vien drīz atnāks Mefisto, vai kāds cits CSS guru un mani nolinčos, bet manuprāt kaut kam šādam būtu jādarbojas: <button type="submit" style="position : relative;"><img style="position : absolute" src="square.jpg" />Uz priekšu!</button>
xfr33 Posted August 27, 2008 Author Report Posted August 27, 2008 ok, šis te galīgi neder :) bildei jābūt pāri visai pogai, nu tjip kā fons pogai nevis kkur pa vidu pogai iestūķēta bilde :) labi laikam saprotu, ka no šitā visa nekas jēdzīgs nesanāks, likšu ar input image :)
v3rb0 Posted August 27, 2008 Report Posted August 27, 2008 (edited) cik atceros, tad iemesls kāpēc input taga vietā izmantot button tagu, bija tapēc, ka button tagu var apstilot gandrīz tāpat kā jebkuru citu 'parasto' elementu. šinī gadījumā <button style="bakground-image:url(square.jpg);">uz prieksu</button> vēl width, height, padding pēc vajadzības. Edited August 27, 2008 by v3rb0
Aleksejs Posted August 27, 2008 Report Posted August 27, 2008 emmm, a kur problēma: <button type="submit" style="background-image : url('square.jpg');">Uz priekšu!</button>
xfr33 Posted August 27, 2008 Author Report Posted August 27, 2008 tagad problēma ir tā ka backgrounds nerādas...bet nu labi, man arī dažām pogām tas teksts tāds bišku sastaipīts un nav taisns :) labi, bet kas pa lietu, ka man nemainās bilde, kad uzbrauc? <html> <style type="text/css"> image:hover { background-image: url(bilde.png); } </style> <body> <form action="http://www.delfi.lv"> <input type="image" src="square.jpg" class="image" /> </form> </body> <html>
Aleksejs Posted August 27, 2008 Report Posted August 27, 2008 Tāpēc, ka Tev stils definēts neesošam html tagam <image> vajag input:hover
xfr33 Posted August 27, 2008 Author Report Posted August 27, 2008 kādēļ neesošam? man tam input tagam ir class="image" norādīts. tā kā skaitas esošs :)
xfr33 Posted August 27, 2008 Author Report Posted August 27, 2008 bet nu nekas nemainās. nevarētu būt kkas ar to, ka maina backgroundu tai bildei, kad uzbrauc, bet backgrounds kā nekā atrodas ZEM bildes? bet atkal rodas jautājums: man būs viena neatkarīga bilde, kas stāvēs kkur lapas augšgalā. un tai bildei vajadzētu mainīties reizē ar tjip to input image bildi.
Recommended Posts