shoushan Posted September 7, 2009 Share Posted September 7, 2009 I have a submit button on my website that I would like to move to another spot on my page. I can't figure out what the selector should be to only move that one element. In web developer the element info for this submit type button isinput.buttonattributestype=submitvalue=loginclass=buttonname=submitIn my external css when I try to move the code below it effects all the type=submit buttons. What class do I include in myl css to only effect the button I mentioned above. I think it should look something like input.button_login or .button_login or login.input.button (really I don't know) .button { color: #6F0564; font-family: Arial, Hevlvetica, sans-serif; text-align: center; font-size: 11px; font-weight: bold; border: 3px double #cccccc; width: auto; background: url(../images/button_bg.png) repeat-x; padding: 0px 5px; line-height: 18px !important; line-height: 16px; height: 26px !important; height: 24px; margin: 1px;} So my question is: How do I move the Login Button without effecting all other buttons on the page.If you need to look at it directly, www.pixcamera.com I want to move that login button into the empty space left of the remember me checkbox. Link to comment Share on other sites More sharing options...
dsonesuk Posted September 7, 2009 Share Posted September 7, 2009 give it an id ref <input type="submit" id="thissubmitbutton" />then use css to position it#thissubmitbutton { ... } Link to comment Share on other sites More sharing options...
ravenshade Posted September 11, 2009 Share Posted September 11, 2009 You could just switch it around in the code. I personally use tables for forms, more often than not. It's the one place where most users expect to be looking down the left for info and writing on the right. No matter, could you post up the main code as well please Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.