How to move CSS tables?

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I am brand new to using FrontPage 2003 and CSS formats. How do I resize
pre-designed cells or tables (ie - td.sidebar)? I tried to resize them though
their pixels and even percentages, but it won't size at all.

Any suggestions would be great!
 
Show us your code, please. There would be no way to make a table smaller
than the dictates of its content, if that is what you are trying to do.
Also, there would be no way to make a cell smaller than the needs of the
overall table, e.g., you couldn't make a 4 cell table have cells that were
each only 20% wide.
 
Here is the code for the table I am having trouble with;

td class="sidebar" width="230">
<h4>Site Menu:</h4>
<div class="sidebarnav">
<ul>
<li><b><font color="#C25A52"><a href="whatishappening.htm">What is
Happening</a></font></b></li>
<li><a href="products.htm">L</a><b><font color="#C25A52">ake
pictures</font></b></li>
<li><b><font color="#C25A52">Documents</font></b></li>
<li><a href="faqs.htm">Contact Information</a></li>
<li><a href="contact.htm">Lake History</a></li>
<li><a href="gettingstarted.htm">Olin Lake</a></li>
<li><b><font color="#C25A52">Links</font></b></li>
</ul>
</div>
</td>

Also, in regards to your statement, "There would be no way to make a table
smaller than the dictates of its content..." - I am trying to get the table
to downsize to a more reasonable level. The text ends, and the rest of the
box takes up a 1/4 of the page, I would like to have the navigation link
table more narrow.

Thank you for your input!

Kyle
 
This is the HTML code but you have CSS controlling the layout as well. What
is the CSS code for sidebar and sidebarnav that you're using? Is there a
URL to this page so we can take a look?
 
Kyle said:
I am brand new to using FrontPage 2003 and CSS formats. How do I resize
pre-designed cells or tables (ie - td.sidebar)? I tried to resize them though
their pixels and even percentages, but it won't size at all.

Any suggestions would be great!

Here is the .sidebar CSS code as well as the .sidebarnav CSS code;

}

..sidebar {
background-color: #fff;
color: #000;
width: 250px;
padding: 10px;
vertical-align: top;
font-size: 90%;
text-align: left;
}

..sidebarnav {
line-height: 20px;
}

Maybe this would help a little!

Thanks!!!
 
Back
Top