473,543 Members | 1,890 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Help with table cell size?

Hello,

I am fairly new to design and in particular CSS. I have a site with two
tables that I cannot seem to get sized correctly. When you view the link,
you'll notice that there is a tremendous amount of space inbetween the
cells, which is making the page entirely too long and/or wide. Can I style
these tables in a way that makes the text more compact. Any other advice
regarding the tables would be appreciated as well. Thanks in advance...

Here are the links:

Schedule Table: http://try2swim.guptonwebdesign.com/meets/schedule.htm

Practice time table:
http://try2swim.guptonwebdesign.com/practice/times.htm

Thanks....SCOTT
The table ID is #tablestyle (near the bottom)...here is the CSS I used:

/* CSS Document - global_style.cs s for TRY2swim */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0 10% 0 10%;
padding: 0;
font-size: 14px;
background-image: url(images/droplets2.gif)
}

#mainTable {
margin: 10px auto;
border: 1px solid #000;
/*/*/line-height: 1.5em; /* */
}

#mainTable td {
padding: 20px;/*Pads each table cell in modern browsers*/
}

#maincontent {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height: 1.5;
background-color: #ffffff;
border-left: 1px solid #000;
font-size: 100%;
font-size: 100%;
}

#maincontent h2, h3, h4, h5 {
font: Georgia, "Times New Roman", Times, serif;
text-align: center;
text-decoration: none;
}

#leftnavbar {
font:Verdana, Arial, Helvetica, sans-serif;
background-color: #df0000;
width: 20%;
font-size: 12px;
/*/*/font-size: 85%; /* */
}

#leftevents {
border-top-style: dotted;
}

#header {
background-image: url(images/try2swim_banner 2.png) ;
background-repeat: no-repeat;
background-position: center;
background-color: #000000;
height: 110px;
}
#footer {
background-image: ;
background-color: #000000;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
vertical-align: top;
}

h1:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h2:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h1 { font-size: 160%; }
h2 { font-size: 140%; }
/* CSS Document Table Style Sheet*/
#tablestyle {
table-layout:fixed;
vertical-align: top;
text-align: center;
font: Arial, Helvetica, sans-serif;
font-size:80%;
margin: 0px;
padding: 0px;
border-spacing: 0;
}

Sep 4 '05 #1
3 1884
gscott66 wrote:

[...] When you view the link,
you'll notice that there is a tremendous amount of space inbetween the
cells, which is making the page entirely too long and/or wide. [...]

You have #Maintable td { margin: 20px;}. This applies to *all* table
cells in Maintable. You can override that in #tablestyle with a
#tablestyle td { margin: 0; }. The margin you set in #tablestyle {} has no
effect on table cells, just the space around the table itself.
You also have a number of validation errors in your CSS. You use "font"
where you should use "font-family".

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Sep 4 '05 #2
Jim Moe wrote:

[...] You have #Maintable td { margin: 20px;};}. This applies to *all*
table
cells in Maintable [...].
I will make the corrections and let you know...

Thanks for your time...

--
Scott

"Jim Moe" <jm************ ***@sohnen-moe.com> wrote in message
news:sM******** ************@gi ganews.com... gscott66 wrote:

[...] When you view the link, you'll notice that there is a tremendous
amount of space inbetween the cells, which is making the page entirely
too long and/or wide. [...]

You have #Maintable td { margin: 20px;}. This applies to *all* table
cells in Maintable. You can override that in #tablestyle with a
#tablestyle td { margin: 0; }. The margin you set in #tablestyle {} has no
effect on table cells, just the space around the table itself.
You also have a number of validation errors in your CSS. You use "font"
where you should use "font-family".

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Sep 4 '05 #3
Jim Moe wrote:

[...] You can override that in #tablestyle with a
#tablestyle td { margin: 0; }. [...]
Thanks Jim for the help,

Such a simple mistake, but a big one.

I'll validate the CSS as well...

I owe ya...

--
Scott


"Jim Moe" <jm************ ***@sohnen-moe.com> wrote in message
news:sM******** ************@gi ganews.com... gscott66 wrote:

[...] When you view the link, you'll notice that there is a tremendous
amount of space inbetween the cells, which is making the page entirely
too long and/or wide. [...]

You have #Maintable td { margin: 20px;}. This applies to *all* table
cells in Maintable. You can override that in #tablestyle with a
#tablestyle td { margin: 0; }. The margin you set in #tablestyle {} has no
effect on table cells, just the space around the table itself.
You also have a number of validation errors in your CSS. You use "font"
where you should use "font-family".

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Sep 4 '05 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

10
2317
by: Andrew Thompson | last post by:
http://www.physci.org/test/chem/element.html, represents information on a chemical element. (http://www.physci.org/test/chem/ for the CSS's) Not yet coded for links to other forms of the element. Suggestions for layout welcome. NN 4.8 displays lambda, kappa and rho as '?'. Is there any way of getting the greek letters to appear for NN...
2
2125
by: Steve K | last post by:
While reading "Eric Myer on CSS" I decided it was time to replace the buttons on my page (which were graphics) with some CSS "buttons" but I hit some snags. The first set of buttons I replaced seem to be working great, these are the buttons on the left side, the main navigation buttons. But the four buttons at the top (Prospective students,...
19
1847
by: Craig | last post by:
I have a 3rd party product that is quite old. It produces reports dynamically via the web. It users templates to do this. They are very basic, one looks like this. <html> <head>
2
2962
by: David Bradbury | last post by:
I currently have an iframe on a webpage into which users can insert content. They can further customise the text as I've included buttons such as Bold, Italic, Bullet point etc. This is done along the lines of <td><div class="cbtn" onClick="cmdExec('bold',idContent)" onmouseover="button_over(this);" onmouseout="button_out(this);"...
7
18887
by: Andrew Poulos | last post by:
I'm using the following code to create a small table with one column and two rows. An image goes into the first cell. //create table var t = document.createElement("TABLE"); t.style.position = "absolute"; t.style.left = "100px"; t.style.top = "100px"; t.style.width = "200px";
0
1501
by: Thomas Scheiderich | last post by:
I have a table that has 3 image slices. The middle slice changes size based on size of browser window. This works great. My client wants the date to show over the image on the right. So what I did was cut off the top part of the image (which is just a solid color and I can handle by making the background-color of the cell this color). I...
4
2740
by: jereme.goblue | last post by:
The web page at http://www.rossowinspections.com/ has an issue with the left menu. The left menu has 7 links. One of the links doesn't work. Using Firefox 1.5 the Fees link isn't a clickable link, if viewed as a full screen. If you shrink the window down the Fees link then becomes a link. The link works in IE and Mozilla. I've validated...
2
3027
by: rudicheow | last post by:
SHORT VERSION ============= I have a bunch of identical fixed-size single-celled tables that rest against each other horizontally thanks to "float:left". These tables are dynamically generated and the number of them can vary greatly. They are all contained within a parent table cell, which is centred on the page. But I am unable to find a...
1
3163
by: vp.softverm | last post by:
hi all . Am facing problem with the date picker. when i click on date picker in a popup window. the date table is opened in the middle of the pop up window. and it is unable to scroll with the pop up window .
1
2614
by: jeddiki | last post by:
Hello, I have made a nice opt-in form and tested it in Moz FF and it looks fine. But in IE the elements don't line up properly. I think I am nearly there but can not get these elements straight - can you see what I have missed ?
0
7412
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...
0
7594
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. ...
0
7746
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that...
1
7356
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...
0
7697
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the...
0
5889
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...
1
5285
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes...
0
4899
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...
1
979
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.