CSS3 buttons CONFLICTING WITH AUTOMATIC THUMBNAILS AND SUMMARY SCRIPTS

[raman2572]

I AM BLOGGING @ www.lovejasica.blogspot.com .i will be very thankful if u solve a problem of mine:::;:

i am using a AUTOMATIC POST THUMBNAIL AND SUMMARY script.....and i want to use CSS read more button instead of a button.... check out the SCRIPT

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<dataost.id/>&quot;
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='dataost.url'><a class='button small blue'>Click me!</a></a></span>

CHECKOUT CSS for readmore button
.button {
font-family: sans-serif;
font-weight:bold;
color: #fff;
padding:5px 10px 6px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;
cursor: pointer;
}
.blue {
background:#0085cc;
background-image: -moz-linear-gradient(top,#0085cc,#00717f);
background-image: -webkit-gradient(linear,left top,
left bottom,from(#0085cc),to(#00717f) );
}
.blue:hover{background:#00717f

.small {font-size:12px;}
.medium{font-size:18px;}
.large{font-size:24px


now the problem is there is no link on READ MORE BUTTON pls checkout www.lovejasica.blogspot.com .i will be very thanful 2 u if u solve my probelm

[teedoff]

In your html you dont set a link reference to another page or source. All you've done so far is create a class of "button small blue" on an anchor(<a>) tag.

You might do something like this:

<a href="myBlogFile.html" class="button">Click Me</a>

Not sure why you would need a class named "button small blue" either. Just "button" would work. It's always safe and good practice to NOT put spaces in any file names or naming conventions of any kind.

[raman2572]

"button" "small" and "blue" are three stylesheets thats why i am using it.......actually i am trying use to this button for """continue reading""" button ...as you said i have to give it a link......i am confused about ...what link for """continue reading " button which expands post excerpts....checkout @ www.lovejasica.blogspot.com