CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me

The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.

Go Back   Dev Shed ForumsWeb DesignCSS Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old November 19th, 2012, 05:39 PM
helenp helenp is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Sep 2004
Location: Marbella, Spain
Posts: 383 helenp Negative: is most likely a SPAMMER and a traitor to the cause. 
Time spent in forums: 6 Days 8 h 41 m 34 sec
Reputation Power: 0
.css to style form button, looks imposible

Hi,
Been searching and been trying but cant find anything so I guess its imposible or I dont search well enough.

I want to pass a var to another page without using javascript or sessions at that point, so I have 2 options, by get wich I dont like as one can by accident change the value in the url bar, so if get must be encrypted and ever done, and looks complicated.
The idea I like most is to do by post, but the only way I know of to do with post is to add a submit button and pass the var as hidden. Well I really dont want a submit button, I only want a piece of text with a link, so then I tried to style the button to make it look lika a normal text link. No way, when I add background:transparent the text is not seen.

Any ideas of how to style the button or some trick to pass by post clicking on a link.
Thanks in advance,
Helen

Reply With Quote
  #2  
Old November 19th, 2012, 06:11 PM
E-Oreo's Avatar
E-Oreo E-Oreo is offline
Lost in code
Click here for more information.
 
Join Date: Dec 2004
Posts: 7,939 E-Oreo User rank is General 91st Grade (Above 100000 Reputation Level)E-Oreo User rank is General 91st Grade (Above 100000 Reputation Level)E-Oreo User rank is General 91st Grade (Above 100000 Reputation Level)E-Oreo User rank is General 91st Grade (Above 100000 Reputation Level)E-Oreo User rank is General 91st Grade (Above 100000 Reputation Level)E-Oreo User rank is General 91st Grade (Above 100000 Reputation Level)E-Oreo User rank is General 91st Grade (Above 100000 Reputation Level)E-Oreo User rank is General 91st Grade (Above 100000 Reputation Level)E-Oreo User rank is General 91st Grade (Above 100000 Reputation Level)E-Oreo User rank is General 91st Grade (Above 100000 Reputation Level)E-Oreo User rank is General 91st Grade (Above 100000 Reputation Level)E-Oreo User rank is General 91st Grade (Above 100000 Reputation Level)E-Oreo User rank is General 91st Grade (Above 100000 Reputation Level)E-Oreo User rank is General 91st Grade (Above 100000 Reputation Level)E-Oreo User rank is General 91st Grade (Above 100000 Reputation Level)E-Oreo User rank is General 91st Grade (Above 100000 Reputation Level)  Folding Points: 945 Folding Title: Novice Folder
Time spent in forums: 2 Months 9 h 12 m 42 sec
Reputation Power: 7053
post values can be changed almost as easily as values in the url.

If you give a button a solid background color and no border you should be able to make it look like text.
__________________
PHP FAQ
How to program a basic, secure login system using PHP

Quote:
Originally Posted by Spad
Ah USB, the only rectangular connector where you have to make 3 attempts before you get it the right way around

Reply With Quote
  #3  
Old November 20th, 2012, 12:56 AM
helenp helenp is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Sep 2004
Location: Marbella, Spain
Posts: 383 helenp Negative: is most likely a SPAMMER and a traitor to the cause. 
Time spent in forums: 6 Days 8 h 41 m 34 sec
Reputation Power: 0
Quote:
Originally Posted by E-Oreo
post values can be changed almost as easily as values in the url.

If you give a button a solid background color and no border you should be able to make it look like text.


Thanks, but I forgot to say that the background is degraded so therefore I tried with transparent but it did not work.

Reply With Quote
  #4  
Old November 20th, 2012, 01:55 AM
simplypixie simplypixie is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Aug 2012
Posts: 104 simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 18 h 33 m 57 sec
Reputation Power: 11
Change the CSS for your button to (don't use background: transparent for your needs):

Code:
.submit_bttn {
  background: none;
  border: none;
  cursor: pointer;
}


Obviously use the name of the class you will apply to the submit button as what I have used is just for example.

You could also do it this way (you may or may not need the div name depending on if you have other submit buttons on your site that you don't want to style this way:

Code:
.div_name input[type=submit] {
  background: none;
  border: none;
  cursor: pointer;
}

Reply With Quote
  #5  
Old November 20th, 2012, 04:11 AM
helenp helenp is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Sep 2004
Location: Marbella, Spain
Posts: 383 helenp Negative: is most likely a SPAMMER and a traitor to the cause. 
Time spent in forums: 6 Days 8 h 41 m 34 sec
Reputation Power: 0
Quote:
Originally Posted by simplypixie
Change the CSS for your button to (don't use background: transparent for your needs):

Code:
.submit_bttn {
  background: none;
  border: none;
  cursor: pointer;
}


Obviously use the name of the class you will apply to the submit button as what I have used is just for example.

You could also do it this way (you may or may not need the div name depending on if you have other submit buttons on your site that you don't want to style this way:

Code:
.div_name input[type=submit] {
  background: none;
  border: none;
  cursor: pointer;
}

Thanks but I tried that, and to be sure I added a div and background: none;
border: none;
does not work, if I leave background: none I only see the border, if I leave border: none I dont see anything.
These values looks like they must have a value.

Reply With Quote
  #6  
Old November 20th, 2012, 05:59 AM
simplypixie simplypixie is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Aug 2012
Posts: 104 simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 18 h 33 m 57 sec
Reputation Power: 11
That is odd as I have exactly this styling working on a site where the 'submit button' is part of a line of text (due to the designer's preference) and it works fine. Therefore I can only think that something else is conflicting with your style for the button.

Just out of interest (and I am not saying this is the correct way to do things at all, but just for testing purposes) have you tried applying the style inline on the actual submit button to see if it works that way?

Reply With Quote
  #7  
Old November 20th, 2012, 07:01 AM
helenp helenp is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Sep 2004
Location: Marbella, Spain
Posts: 383 helenp Negative: is most likely a SPAMMER and a traitor to the cause. 
Time spent in forums: 6 Days 8 h 41 m 34 sec
Reputation Power: 0
Quote:
Originally Posted by simplypixie
That is odd as I have exactly this styling working on a site where the 'submit button' is part of a line of text (due to the designer's preference) and it works fine. Therefore I can only think that something else is conflicting with your style for the button.

Just out of interest (and I am not saying this is the correct way to do things at all, but just for testing purposes) have you tried applying the style inline on the actual submit button to see if it works that way?


Lol, yep was really odd, when I was going to do inline I saw there was a style with heigth and weight from previous testings so deleting that it works fine thank you.

Reply With Quote
  #8  
Old November 20th, 2012, 07:04 AM
simplypixie simplypixie is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Aug 2012
Posts: 104 simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level)simplypixie User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 18 h 33 m 57 sec
Reputation Power: 11
Glad I could help

Reply With Quote
  #9  
Old November 30th, 2012, 04:28 AM
toddyaww toddyaww is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2012
Posts: 8 toddyaww Negative: is most likely a SPAMMER and a traitor to the cause. 
Time spent in forums: 1 h 28 m 48 sec
Reputation Power: 0
button looking in css

If you want create a button in css then you help on this sites for color effecting button:-
http://css-tricks.com/circular-3d-buttons/

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > .css to style form button, looks imposible

Developer Shed Advertisers and Affiliates



Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.

© 2003-2013 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap