Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
How to change color of button and V/H spacing?
Old 12-01-2009, 05:13 PM How to change color of button and V/H spacing?
pityocamptes's Avatar
Experienced Talker

Posts: 48
Trades: 0
How do you change the vertical and horizontal spacing between buttons? Also how do I change the hover color, visited color etc? Here is my code. Thanks!

Code:
        <div id="box1">
                     <FORM method="get" action="https://www.gunsgrubandgold.com/About Us.html">
          <input class="link" type="submit" value="About Us"  />
                  </FORM>
                  <FORM method="get" action="https://www.gunsgrubandgold.com/Contact.html">
                      <input class="link" type="submit" value="Contact" />
                  </FORM>
                  <FORM method="get" action="https://www.gunsgrubandgold.com/Index.html">
                      <input class="link" type="submit" value="Home" />
         </FORM>
                  <FORM method="get" action="https://www.gunsgrubandgold.com/Financials.html" >
                      <input class="link" type="submit" value="Financials" />
                  </FORM>
                  <FORM method="get" action="https://www.gunsgrubandgold.com/Food.html" >
                      <input class="link" type="submit" value="Food"  />
                  </FORM>
                  <FORM method="get" action="https://www.gunsgrubandgold.com/forum/" >
                      <input class="link"  type="submit" value="Forum" />
                  </FORM>
                  <FORM method="get" action="https://www.gunsgrubandgold.com/Products.html">
                      <input class="link" type="submit" value="Products" />
                  </FORM>
                  <FORM method="get" action="https://www.gunsgrubandgold.com/Protection.html">
                      <input class="link" type="submit" value="Protection" />
                  </FORM>
        </div>

Code:
.link
{
 border:outset;
 border-color:#0F0;
 background-color:#30F;
 color:gold;
 width:100px;
 font-weight:bold;
 margin:2px;
 padding:0px;
}
 
#box1
{
 width: 105px;
 height: 357px;
 margin-top:60px;
 border:4px ridge blue;
 padding: 15px;
}
__________________
"Skin in behalf of skin. A man will give up everything he owns in exchange for his life. But stretch out Your hand and strike his flesh and bones, and he will surely curse You to Your face."
pityocamptes is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 12-01-2009, 05:26 PM Re: How to change color of button and V/H spacing?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,382
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
color = foreground colour.

background-color = exactly what it says.

V/H spacing - with margins and padding
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?

Last edited by chrishirst; 12-01-2009 at 05:27 PM..
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 12-01-2009, 05:36 PM Re: How to change color of button and V/H spacing?
pityocamptes's Avatar
Experienced Talker

Posts: 48
Trades: 0
Thanks! I was playing around with it and got the hover, focus to work:

input.link:hover
input.link:focus


However, I cannot get the visited to work. Is this attribute not supported for input/submit? Thanks!
__________________
"Skin in behalf of skin. A man will give up everything he owns in exchange for his life. But stretch out Your hand and strike his flesh and bones, and he will surely curse You to Your face."
pityocamptes is offline
Reply With Quote
View Public Profile
 
Old 12-01-2009, 05:44 PM Re: How to change color of button and V/H spacing?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,382
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
I am assuming that you are using Internet Explorer because IE only supports the pseudo classes on <a>nchor elements, they are not supported any other elements.

http://www.quirksmode.org/css/contents.html
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 12-01-2009, 05:49 PM Re: How to change color of button and V/H spacing?
pityocamptes's Avatar
Experienced Talker

Posts: 48
Trades: 0
Yes, I am using IE since most traffic will probably be in IE. Once I get this set, will work on the FF compatability. Thanks again!
__________________
"Skin in behalf of skin. A man will give up everything he owns in exchange for his life. But stretch out Your hand and strike his flesh and bones, and he will surely curse You to Your face."
pityocamptes is offline
Reply With Quote
View Public Profile
 
Old 12-01-2009, 05:55 PM Re: How to change color of button and V/H spacing?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,382
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Wrong way around.
It WILL work in all other browsers, it will have to be "fixed" for IE by using javascript or implementing the Whatever:hover behaviour

as at http://www.modtalk.co.uk/_site/code/...on-mouse-over/
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 12-01-2009, 06:06 PM Re: How to change color of button and V/H spacing?
pityocamptes's Avatar
Experienced Talker

Posts: 48
Trades: 0
Ok, thanks for the heads up. I think we may be on the wrong page. HOVER DOES work in IE. It is the VISITED portion that will not change color (was hoping to get the text in the button to show a different color as when a link has been visited). Is this because it is a submit button with an embedded url?
__________________
"Skin in behalf of skin. A man will give up everything he owns in exchange for his life. But stretch out Your hand and strike his flesh and bones, and he will surely curse You to Your face."
pityocamptes is offline
Reply With Quote
View Public Profile
 
Old 12-01-2009, 06:47 PM Re: How to change color of button and V/H spacing?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,382
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
I think the more important question is WHY are you using a form for navigation in the first place??
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 12-01-2009, 06:58 PM Re: How to change color of button and V/H spacing?
pityocamptes's Avatar
Experienced Talker

Posts: 48
Trades: 0
Quote:
Originally Posted by chrishirst View Post
I think the more important question is WHY are you using a form for navigation in the first place??


The one million dollar answer is: I'm really not sure... it works , though...


How else would I go about using a button to link to another page? Help appreciated. Thanks again for the help!
__________________
"Skin in behalf of skin. A man will give up everything he owns in exchange for his life. But stretch out Your hand and strike his flesh and bones, and he will surely curse You to Your face."
pityocamptes is offline
Reply With Quote
View Public Profile
 
Old 12-01-2009, 07:03 PM Re: How to change color of button and V/H spacing?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,382
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Quote:
it works , though...
you do realise it won't for search engines, and it will be pretty useless for accessibility.

Just make a link look like a button if that is what design you are looking for.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is online now
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 12-01-2009, 07:30 PM Re: How to change color of button and V/H spacing?
pityocamptes's Avatar
Experienced Talker

Posts: 48
Trades: 0
How do you make a link look like a button? What would the code be? Thanks!
__________________
"Skin in behalf of skin. A man will give up everything he owns in exchange for his life. But stretch out Your hand and strike his flesh and bones, and he will surely curse You to Your face."
pityocamptes is offline
Reply With Quote
View Public Profile
 
Old 12-02-2009, 02:39 PM Re: How to change color of button and V/H spacing?
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
You might want to have a look around here: http://www.cssplay.co.uk/menus/
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 12-07-2009, 07:30 PM Re: How to change color of button and V/H spacing?
pityocamptes's Avatar
Experienced Talker

Posts: 48
Trades: 0
Thanks! I found one that might work. I have a couple of questions though. I can't get the menu (horizontal) to center in the middle of my page, it seems to be left justified and I do not know how to change it. Thoughts?

Also, how would I add one level down links when hovering over the parent node? Nothing fancy, just a small vert list of related items that link to other html pages. Thanks again!!! I attached the code.
Attached Files
File Type: zip pro_13.zip (8.5 KB, 0 views)
__________________
"Skin in behalf of skin. A man will give up everything he owns in exchange for his life. But stretch out Your hand and strike his flesh and bones, and he will surely curse You to Your face."
pityocamptes is offline
Reply With Quote
View Public Profile
 
Old 12-08-2009, 06:35 PM Re: How to change color of button and V/H spacing?
pityocamptes's Avatar
Experienced Talker

Posts: 48
Trades: 0
Anyone? Thanks again!
__________________
"Skin in behalf of skin. A man will give up everything he owns in exchange for his life. But stretch out Your hand and strike his flesh and bones, and he will surely curse You to Your face."
pityocamptes is offline
Reply With Quote
View Public Profile
 
Old 12-09-2009, 04:01 AM Re: How to change color of button and V/H spacing?
Banned

Posts: 1
Name: Rodrick
Trades: 0
I am using IE since most traffic will probably be in IE.
rodrick is offline
Reply With Quote
View Public Profile
 
Old 12-09-2009, 12:21 PM Re: How to change color of button and V/H spacing?
pityocamptes's Avatar
Experienced Talker

Posts: 48
Trades: 0
Thanks! I was wondering how to actually center the menu that I uploaded, and as a secondary how to add a drop down within the menu - something easy to get me started. Thanks again!
__________________
"Skin in behalf of skin. A man will give up everything he owns in exchange for his life. But stretch out Your hand and strike his flesh and bones, and he will surely curse You to Your face."
pityocamptes is offline
Reply With Quote
View Public Profile
 
Old 12-09-2009, 07:34 PM Re: How to change color of button and V/H spacing?
pityocamptes's Avatar
Experienced Talker

Posts: 48
Trades: 0
Anyone? I really would like to get this centered to begin with!!! HELP!!! Thanks!
__________________
"Skin in behalf of skin. A man will give up everything he owns in exchange for his life. But stretch out Your hand and strike his flesh and bones, and he will surely curse You to Your face."
pityocamptes is offline
Reply With Quote
View Public Profile
 
Old 12-10-2009, 02:56 PM Re: How to change color of button and V/H spacing?
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Give the UL a fixed width and use margin: xx auto to make it center - have you tried that?
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 12-10-2009, 04:00 PM Re: How to change color of button and V/H spacing?
pityocamptes's Avatar
Experienced Talker

Posts: 48
Trades: 0
Quote:
Originally Posted by LadynRed View Post
Give the UL a fixed width and use margin: xx auto to make it center - have you tried that?

Not really, close though. For some reason the left side of the menu is closer to the left margin than the right. Not sure why - this is utlizing margin 0 auto;

Thoughts? Thanks!
__________________
"Skin in behalf of skin. A man will give up everything he owns in exchange for his life. But stretch out Your hand and strike his flesh and bones, and he will surely curse You to Your face."
pityocamptes is offline
Reply With Quote
View Public Profile
 
Old 12-10-2009, 04:05 PM Re: How to change color of button and V/H spacing?
pityocamptes's Avatar
Experienced Talker

Posts: 48
Trades: 0
Here is a screen shot and the css for the UL. Thanks again!

Code:
#pro13 ul 
{
 width:900px;
 
 margin:0px auto;
 
 padding-left:0px; /* when I add this it left justifies up against the blue border */
 padding-right:0px;
 padding-top:20px;
 padding-bottom:20px;
 
 list-style:none;
 white-space:nowrap;
 list-style:none;
 height:35px;
 position:relative;
 background:black; 
 font-size:11px;
 
 border: 2px solid blue;
 
}
Attached Images
File Type: jpg screenshot.jpg (94.8 KB, 2 views)
__________________
"Skin in behalf of skin. A man will give up everything he owns in exchange for his life. But stretch out Your hand and strike his flesh and bones, and he will surely curse You to Your face."
pityocamptes is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to How to change color of button and V/H spacing?

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 1.89839 seconds with 13 queries