Solved

Modify Table Width

Posted on 2016-11-18
6
14 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
6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

 

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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

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 discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
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…

747 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