Solved

Need space below signup button

Posted on 2012-04-07
3
360 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
ID: 37819256
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
ID: 37819262
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
ID: 37819264
.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

Active Directory Webinar

We all know we need to protect and secure our privileges, but where to start? Join Experts Exchange and ManageEngine on Tuesday, April 11, 2017 10:00 AM PDT to learn how to track and secure privileged users in Active Directory.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

827 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