Solved

Modify Table Width

Posted on 2016-11-18
6
36 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
[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
  • 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
Technology Partners: 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!

 

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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

This article discusses how to create an extensible mechanism for linked drop downs.
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 to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

726 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