Click to See Complete Forum and Search --> : Customised buttons and style sheets


spiresgate
03-13-2007, 11:23 AM
I have semi-customised my link buttons (setting the size) using in-line CSS. the relevant code looks like this:

<form action="main.htm" target="sample"><input type="submit" value=
"HOME" style="position: absolute; left: 15px; top: 15px; width: 120px; height: 20px; "></form>

I now want to put some of the code into an internal style sheet like this:

<style type="text/css">
.button1 {width: 120px; height: 20px;}
</style>

So that the in-line code becomes this:

<form action="main.htm" target="sample">
<input class=”button1” type="submit" value=
"HOME" style="position: absolute; left: 15px; top: 15px; "></form>

However the new button now looks like a text box instead of a button and the link (which changes the content of an iFrame) no longer works.

Any comments?

KDLA
03-13-2007, 12:48 PM
You're using characters rather than quote marks around the text "button1"--
class=”button1”
should be
class="button1"

KDLA

spiresgate
03-13-2007, 02:12 PM
Well spotted KDLA!

That seems to fix it. Even though it took a while for me to see the difference!