Originally posted by SidFeyDesigns
View Post
greggc I would reccomend not using the button tag at all and style the anchor (a) tag with css to look like a button.
The button tag nested inside the anchor tag is not valid html.
You can do it using a class or inline style like you currently have it.
HTML:
CSS:
The CSS is based off your site's button CSS styling.
The button tag nested inside the anchor tag is not valid html.
You can do it using a class or inline style like you currently have it.
HTML:
Code:
<a href="/Label-PDF/sandpurge.pdf" target="_blank" style="background-color:#3300ff;color:white;font:14pt Arial, Helvetica, sans-serif, bold;-webkit-appearance: button;-moz-appearance: button;appearance: button;letter-spacing: 0.05em;padding: 1px 6px;border: 2px solid black;">View Label Info</a> OR <a href="/Label-PDF/sandpurge.pdf" target="_blank" class="view-label-button">View Label Info</a>
Code:
.view-label-button { background-color: #3300ff; color: white; font: 14pt Arial, Helvetica, sans-serif, bold; -webkit-appearance: button; -moz-appearance: button; appearance: button; letter-spacing: 0.05em; padding: 1px 6px; border: 2px solid black; }
Leave a comment: