Solved

Need space below signup button

Posted on 2012-04-07
3
352 Views
Last Modified: 2012-04-07
Hi!

On the main page of our website:
http://www.orlando-web-hosting.net/
we need a little space (5px) between the bottom of the signup buttons and the bottom border of the box around the columns.
In the stylesheet the first column is referred to as .col1 .. .col10
.col1{
border-style:solid;
border-width:2px;
border-color:black;
text-align:center;
width:75px;
font-size:14px;
background-color:#EFEFEF;
}
I tried adding margin-bottom:5px to it but it made no difference.
Any specific suggestions as to what I need to change would be greatly appreciated.
0
Comment
Question by:TrueBlue
  • 2
3 Comments
 
LVL 19

Assisted Solution

by:mrwad99
mrwad99 earned 250 total points
Comment Utility
The current size of the bounding box you are referring to is 92px.  I increased this to 97px by adding

      height: 97px;

to the .col6 entry in your style sheet.

You can fine-tune as you wish :)

See image for before and after shots :)

Before and after
HTH
0
 
LVL 17

Expert Comment

by:Anuroopsundd
Comment Utility
you require to use padding. in below there will be padding 1 at bottom

padding:0cm 0cm 1cm 0cm;
0
 
LVL 17

Accepted Solution

by:
Anuroopsundd earned 250 total points
Comment Utility
.col1{
border-style:solid;
border-width:2px;
border-color:black;
text-align:center;
width:75px;
font-size:14px;
background-color:#EFEFEF;
padding:0px 0px 5px 0px;
}
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now