xfr33 Posted August 27, 2008 Report Share 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> Link to comment Share on other sites More sharing options...
Aleksejs Posted August 27, 2008 Report Share Posted August 27, 2008 Paeksperimentē ar <button type="submit" class="btn"></button> elementu Link to comment Share on other sites More sharing options...
xfr33 Posted August 27, 2008 Author Report Share Posted August 27, 2008 nomainot uz button pat value nerādās. un tā background bilde arī nav. Link to comment Share on other sites More sharing options...
Aleksejs Posted August 27, 2008 Report Share 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/ Link to comment Share on other sites More sharing options...
xfr33 Posted August 27, 2008 Author Report Share 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. Link to comment Share on other sites More sharing options...
xfr33 Posted August 27, 2008 Author Report Share 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? Link to comment Share on other sites More sharing options...
Aleksejs Posted August 27, 2008 Report Share 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> Link to comment Share on other sites More sharing options...
xfr33 Posted August 27, 2008 Author Report Share 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 :) Link to comment Share on other sites More sharing options...
v3rb0 Posted August 27, 2008 Report Share 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 Link to comment Share on other sites More sharing options...
Aleksejs Posted August 27, 2008 Report Share Posted August 27, 2008 emmm, a kur problēma: <button type="submit" style="background-image : url('square.jpg');">Uz priekšu!</button> Link to comment Share on other sites More sharing options...
xfr33 Posted August 27, 2008 Author Report Share 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> Link to comment Share on other sites More sharing options...
Aleksejs Posted August 27, 2008 Report Share Posted August 27, 2008 Tāpēc, ka Tev stils definēts neesošam html tagam <image> vajag input:hover Link to comment Share on other sites More sharing options...
xfr33 Posted August 27, 2008 Author Report Share Posted August 27, 2008 kādēļ neesošam? man tam input tagam ir class="image" norādīts. tā kā skaitas esošs :) Link to comment Share on other sites More sharing options...
Aleksejs Posted August 27, 2008 Report Share Posted August 27, 2008 tādā gadījumā ir jābūt: .image:hover Link to comment Share on other sites More sharing options...
xfr33 Posted August 27, 2008 Author Report Share 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. Link to comment Share on other sites More sharing options...
Recommended Posts