Help - Search - Members - Calendar
Full Version: Table troubles
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
tharpdevenport
dry.gif
Damn cells.


Anyway, here is the page:

http://composerbase.150m.com/petertomashekaudio.html

I know the mode isn't right, but as it stands now it's the closest I could get to looking right. I left the border off the first one for an alternate view.

Here's how it's supposed to look (MS Paint reworking):

http://img99.imageshack.us/img99/5931/erroria0.png


I don't use one long image on the side because I want to save the side bar for informational purposes at a later date.



On a side note, how do I get the image at the top of the page to stop repeating horizontally?
Darin McGrew
The <script>...</script> line before the doctype declaration throws browsers into quirks mode. That can't help. And once that is fixed, there are other markup errors.

If you're going to use CSS, then I recommend that you follow these examples:
Rounded corners and shadowed boxes
Creating Custom Corners & Borders
Creating Custom Corners & Borders Part II

As it is, you're just using a layout table. Turn on the table borders to see what is happening.
Darin McGrew
I did a little tinkering. If you set the background color of .M to red, you can see what is happening. Change
CODE
.M { Border-right: 2px solid blue; Background-color: #f2f2f2; Height: 100%; Width: 50px; }
to
CODE
.M { Border-right: 2px solid blue; Background-color: #f2f2f2; Height: auto; Width: 50px; }
and it will behave more like you expect it to.
tharpdevenport
You saw the pop-ups, so you know it's a free site and that code in inserted automatically when you go to it, for the pop ups; that script isn't mind.

The border is on all the ones below and I cant' see what is wrong.

Adding red does nothing to help, as it colors in every other cell not colored in.


Setting the height to "auto" didn't make the middle cell fill, and there is still the problem of the corner images not touching the other table, which there aren't any confilcting Margin or Padding setting to throw that off.
pandy
QUOTE(tharpdevenport @ Nov 10 2007, 08:09 PM) *

On a side note, how do I get the image at the top of the page to stop repeating horizontally?

http://htmlhelp.com/reference/css/color-ba...und-repeat.html
Darin McGrew
QUOTE(tharpdevenport @ Nov 13 2007, 03:07 PM) *
You saw the pop-ups,
Actually, no. I didn't see any popups.
QUOTE(tharpdevenport @ Nov 13 2007, 03:07 PM) *
so you know it's a free site and that code in inserted automatically when you go to it, for the pop ups; that script isn't mind.
How much do you care about the site? If a free hosting service breaks your pages, then maybe it isn't worth it. Paid hosting doesn't need to be very expensive.

QUOTE(tharpdevenport @ Nov 13 2007, 03:07 PM) *
The border is on all the ones below and I cant' see what is wrong.

Adding red does nothing to help, as it colors in every other cell not colored in.
I added a red background to td.M only. That showed me that the td above it and the td below it were stretching. The change I made caused td.M to stretch instead. Of course, I had already fixed the doctype problem, so it may not work consistently when browsers are in quirks mode.
pandy
QUOTE

You saw the pop-ups, so you know it's a free site and that code in inserted automatically when you go to it, for the pop ups; that script isn't mind.

It doesn't matter where it comes from. It still puts browsers in quirks mode.

QUOTE

Setting the height to "auto" didn't make the middle cell fill, and there is still the problem of the corner images not touching the other table, which there aren't any confilcting Margin or Padding setting to throw that off.


IE doesn't center blocks with left and right margins set to auto when it's in quirks mode. As Darin said, QM can't help.
pandy
Ditch what I said about margin: auto above. I mixed two threads up. margin: auto was someone else's problem. blush.gif

Still, what I said is true not only for margin: auto, but for many CSS features. You'll run into massive confusion in QM.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.