Solved

Alignment of horiz list and table

Posted on 2013-05-20
3
150 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
[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
 

Author Comment

by:isnoend2001
ID: 39182921
0
 
LVL 43

Accepted Solution

by:
Chris Stanyon earned 500 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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
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…

740 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