Solved

Alignment of horiz list and table

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Bootstrap 3 and Angular 2 12 48
Put glyphicon in my input button 4 23
Add css and js to MVC Project not in project 9 27
compact pure CSS Read More Toggle 4 18
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
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 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…

930 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

9 Experts available now in Live!

Get 1:1 Help Now