Results 1 to 3 of 3
  1.    #1  
    So I'm using a new grid scene for these tags:



    The problem is that each item has that very thin white border underneath it. Aesthetically, this is driving me insane.

    I've tried to do some styling in the listHtml editor in Ares like this:

    Code:
    <style>
     .palm-row.my-separator{
     background-image:url();
    }
    </style>
    but it doesn't change anything.

    here's the full html:

    Code:
    <style>
     .palm-row.my-separator{
     background-image:url();
    }
    </style>
    <table x-mojo-tap-highlight="delayed" style="width:100%; height:100%">
      <tr>
        <th>
          <div class="palm-row grid-cell" x-mojo-touch-feedback="delayed" style="height:100%">
           <id="tag1" style="font-size:10pt; border:solid; border-color:white; background-color: #FFFFFF; -webkit-border-radius:5pt; padding:2pt;  float:center">
              #{tag1}
          </div>  
        </th>
        <th>
          <div class="palm-row grid-cell" x-mojo-touch-feedback="delayed" style="height:100%">
            <id="tag2" style="font-size:10pt; border:solid; border-color:white; background-color: #FFFFFF; -webkit-border-radius:5pt; padding:2pt; float:center">
              #{tag2}
         </div>
        </th>
        <th>
          <div class="palm-row grid-cell" x-mojo-touch-feedback="delayed" style="height:100%">
            <id="tag3" style="font-size:10pt; border:solid; border-color:white; background-color: #FFFFFF; -webkit-border-radius:5pt; padding:2pt; float:center">
              #{tag3}
          </div>  
        </th>
      </tr>
    </table>
    Help!
  2. #2  
    Maybe try adding "border-top:0px" to each div that uses the "palm-row" class.
  3.    #3  
    Here's how you do it:

    Code:
     <table>
     <link rel="stylesheet" type="text/css" href="stylesheets/tag.css">
     <tr>
       <th>
         <div x-mojo-touch-feedback="delayed">
           <span id="tag1">#{tag1}</span>
         </div>  
        </th>
        <th>
          <div x-mojo-touch-feedback="delayed">
            <span id="tag2">#{tag2}</span>
          </div>
        </th>
        <th>
          <div x-mojo-touch-feedback="delayed">
              <span id="tag3">#{tag3}</span>
          </div>  
        </th>
      </tr>
    </table>
    css:

    Code:
    table{
    	heigth: 100%;
    	width: 100%;
    }
    
    span{
    	font-size:11pt;  
    	border:solid;  
    	border-color:white; 
    	background-color: #FFFFFF;  
    	-webkit-border-radius:5pt; 
    	//padding:2pt; 
    	float:center;
    	//-webkit-transition: -webkit-transform .2s ease-out;
    }
    span:active{
    	color:#FFFFFF; 
    	border-color:black; 
    	background-color: #000000;  
    	//-webkit-transform:rotate(0deg) scale(1.2,1.2);
    }
    This removes the lines and then adds a nice negative effect to the tag when you touch it.

    NOTE: I tried to do -webkit-transforms but they weren't working. Weird

Posting Permissions