Solved

Need space below signup button

Posted on 2012-04-07
3
365 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
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)
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

622 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