Solved

Modify Table Width

Posted on 2016-11-18
6
22 Views
Last Modified: 2016-11-18
I have several tables displayed on the following page:

http://www.sonoma.edu/exed/napa-solano/curriculum

I want the width of the table to be set to 80% and I specified that within the HTML code in the page. However, it is being overridden by the CSS in the base.css file which sets the table width to 100%. How can I get the table to display the way I want?
0
Comment
Question by:geeta_m9
  • 3
  • 3
6 Comments
 
LVL 16

Accepted Solution

by:
SSupreme earned 500 total points
ID: 41893566
Can you add an attribute "style" to the table element as follows: <table width="80" style="width:80% !important;"> ?
0
 

Author Comment

by:geeta_m9
ID: 41893583
I did what you recommended and I like the new size, but I lost my table caption, and header.
0
 
LVL 16

Expert Comment

by:SSupreme
ID: 41893587
You haven't closed style attribute properly add " at the end after !important;
0
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.

 

Author Comment

by:geeta_m9
ID: 41893590
I modified the code to just  <table style="width:80%"> and now it works!
0
 

Author Comment

by:geeta_m9
ID: 41893595
Thank you!
1
 
LVL 16

Expert Comment

by:SSupreme
ID: 41893597
You are welcome!
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
HTML and CSS for a complex page 20 58
CSS Scroll Issue 3 85
How can I   ajax html table  rows? 20 62
Alignment is not working correctly. 8 32
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!
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

912 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

23 Experts available now in Live!

Get 1:1 Help Now