Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Alignment of horiz list and table

Posted on 2013-05-20
3
Medium Priority
?
155 Views
Last Modified: 2013-05-21
I have tried just about everything to get this horizontal list aligned  to the center of a table
and moving text down see pics
http://roofgenius.com/test.asp
see attached jpg's
table now
and table want
How can i do this?
Table-now.jpg
0
Comment
Question by:isnoend2001
  • 2
3 Comments
 

Author Comment

by:isnoend2001
ID: 39182921
0
 
LVL 45

Accepted Solution

by:
Chris Stanyon earned 2000 total points
ID: 39183903
Couple of things you need to do. For the .bodycentersection, you need to remove the float and set the overflow to hidden:

.bodycentersection {
    font: 12px/24px Verdana,Arial,Helvetica,sans-serif;
    overflow: hidden;
    padding-top: 15px;
    width: 520px;
}

Open in new window

For the legend, you need to correct your HTML. You have a missing quote after the style definition. You may also need some breaks in there. It should be:

<p class="Bfont12">
<span style="display:block;">Legend</span>
Cost: Low = 1<br>
High = 10
</p>

Open in new window

0
 

Author Closing Comment

by:isnoend2001
ID: 39184405
Good job, thanks
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Question has a verified solution.

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

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…
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Suggested Courses
Course of the Month15 days, 16 hours left to enroll

581 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