html - How do I fix the span to have img as background? -


alt text

now fine when set picture background background: url(http://simplisafe.com/files/images/icons/check_mark.png) , got desired output. when user sets font-size else, check mark picture remains same size (the font size setting indirectly changes size of spans , divs too). basically want picture scalable , in background behind number.

i tried background-size, doesn't work.

<html> <head><style type="text/css"> html {overflow-y:hidden;} body {overflow-y:auto;}    input { margin: 3px 0; vertical-align: middle; }     .box { border: 1px solid #aeaeae; padding: 3px; width: 6em; text-align: left; text-indent:.3em;    }     .innerbox { width: 4em; text-align: left;}  #page-background {position: absolute; z-index:-1;} #content {position: relative;} </style> </head>  <body>  <span class="box" id="1"><nobr>  <span id="page-background"><img  src="http://simplisafe.com/files/images/icons/check_mark.png" />0&nbsp;   <span class="innerbox" id="content">      <div id="p_0" align="left" >       <input style="width:100%; border:1px solid #b4b4b4; font-size:12px" type="text" id="1" />      </div>    </span> </span>                           </nobr></span> <body> </html>

i added both #page-background , #content make checkmark img background of span messes span. tested #page-background , #content on 2 overlapping spans , works fine, when tried on add existing code, position: absolute messes span (see picture).

how can fix or there way this?

your html wrong...

since seems can't change html (sic), can use this.

edit: or this (using position: absolute) you'd better change html anyway, b/c must use padding in case , i'm not sure :

  1. it'll same effect on every browser (tested on chrome)
  2. changing size (by script don't give... can't test) won't stretch it.

anyway, if can change it, it'll lighten things this


Comments

Post a Comment

Popular posts from this blog

Add email recipient to all new Trac tickets -

is there configuration change can made trac send notification email address upon creation of new tickets? if can't done through config, plugin second best option, source code modification last resort. note: setting smtp_always_cc in notification section of tracini send messages on updates. i'm in need of email notifications only on creation of new ticket. does have email notification? 1 option have create query list ten (or many) recently-created tickets. when looking @ results of query, use "rss feed" button @ bottom of page subscribe feed notify whenever results of query updated.
Read more

400 Bad Request on Apache/PHP AddHandler wrapper -

i'm trying create wrapper/handler called on apache server whenever requests php script inside of directory. way can authorize users entire directory or write other stuff called when directory called. this best configuration i've been able come with... <directory "/srv/http/innov/public_html"> options -indexes allowoverride order allow,deny allow directoryindex index.php </directory> then in /srv/http/innov/public_html/kb/ have .htaccess file... options -indexes addhandler auth_handler .php action auth_handler ../auth_handler.php then in /srv/http/innov/public_html/kb/auth_handler.php follows... <?php $file = $_server['path_translated']; echo $file; ?> access log: - - [02/dec/2010:17:43:15 -0500] "get /kb/index.php http/1.1" 400 590 error log: [thu dec 02 17:50:19 2010] [error] [client xxx.xxx.xxx.xxx] invalid uri in request /kb/ http/1.1 i've checked browser , seems making proper request...
Read more

php - Change action and image src url's with jQuery -

i parsing form 1 of sites using php proxy. working fine form action , img src of submit button url's relative. how can prepend full http//www.domain.com/ in front of each of url's in form? edit: here's form code once fed through new domain: <div style="display: none;" id="subscribeform" class="newform"> <h5>subscribe our newsletter</h5> <form action="/campaignprocess.aspx?listid=27057" method="post" onsubmit="return checkwholeform93426(this)" name="catemaillistform93426"> <div class="form"> <div class="item"> <label for="clfullname">full name</label> <br /> <input type="text" maxlength="255" id="clfullname" name="fullname" class="cat_textbox_small" st...
Read more