CSS not working across tabled content

I'm trying to get a style sheet working on some text in a tables cell. Applying it in dreamweaver displays fine, but previewing in a browser doesn't.
The URL is :  

http://members.lycos.co.uk/crayzer/thegallery/home.htm

if anyone can help me it'd be VERY much appreciated. I don't know much about the coding side of it... wich is probably why I'm having this problem. but I can modify it IF I know what's wrong. Works fine on the about.htm page, but I just can't figue it out.

Thanks in advance.... Mark
creyzoAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

RayniCommented:
If you are using frames it will not cross over to the other frames but only apply to the html in the current frame file. You would have to play the CSS code in ever file.
0
seanpowellCommented:
3 issues here:

1. The link to your stylesheet doesn't seem to exist on the site, so the styles aren't being applied. about.htm works because you have an internal stylesheet defined in the page. Also, notice that I've added a line-height spec, which will tighten it up a bit.

<style type="text/css">
<!--
.style4 {color: #53B0DB}
.titles {
      font-size: 8pt;
      font-weight: bold;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      line-height:13px;
      color: #EAEAEA;
}
.bodytext {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 8pt;
      color: #EAEAEA;
}
-->
</style>


2. There's simply too much text to fit into that grey area. You need to shorten it up a little:

<div align="justify">
    <p class="titles"><br>
    Welcome to thegallery.com<br><br>
    We are based in the West Midlands, and are dedicated to showcasing new artistic talent from around the UK . Each month we will be bringing you new exhibits from the freshest talent, with art ranging from traditional methods to the latest digital creations.<br><br>
    To view this months major exhibits, click on the links to the right. The work of these artists is available to buy, whether you want to commission one of our artists or simply  buy a print.<br><br>
    We hope you enjoy your visit to <strong>thegallery.com</strong>
    </div>

3. You have an extra semi-colon at the end here - you should remove it.
<td width="177" height="362" align="left" valign="top" background="images/textbg.gif" ;>

That should probably cover it for now...

0
seanpowellCommented:
Just to add:

font-size: 8pt;

This should be specified in pixels if you need an exact size. Points are really only meant for print media.

font-size: 11px; is a functional equivalent.
0
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

seanpowellCommented:
>>The link to your stylesheet doesn't seem to exist on the site

I should clarify that. The file is there on the site - but it's an empty document...
0
seanpowellCommented:
One last thing :-)

I'm not crazy about how the welcome text is beign justified in the cell (the word "to" is pushed to the right.) You may be better off beginning the text justification after the welcome line, like this:

<td width="177" height="362" align="left" valign="top" background="images/textbg.gif" style="padding-top:5px;">
<p class="titles">Welcome to thegallery.com</p>
<p class="titles" style="text-align:justify;">We are based in the West Midlands, and are dedicated to showcasing new artistic talent from around the UK . Each month we will be bringing you new exhibits from the freshest talent, with art ranging from traditional methods to the latest digital creations.<br><br>
To view this months major exhibits, click on the links to the right. The work of these artists is available to buy, whether you want to commission one of our artists or simply buy a print.<br><br>
We hope you enjoy your visit to <strong>thegallery.com</strong></p>
</td>
0
creyzoAuthor Commented:
yeah, I left justified the welcome text, and managed to sort the code. The text was only  causing problems with the tables design because it wasn't setting to 8 pt. But I've got it sorted now, just added the css info at the top.

I think it's probably a good idea to start coding the pages my self, I always seem to have probs when using tables and dreamweaver.

Thanks for the help, and that line height thing is very handy! Didn't even realise you could do that.

It's all sorted now, I just need to make your code adjustments. Thanks for the help, I've been on this site like 3 days and it's more helpfull than I ever imagined it would be

A big thanks to everyone who helped.
0
seanpowellCommented:
You're welcome - and I'm glad you're finding the site so useful. As you said, sometimes it's just a matter of another pair of eyes! :-)
0
creyzoAuthor Commented:
one last question, if you look at the midlands page (http://members.lycos.co.uk/crayzer/thegalley/midlands.htm), the 3 pics are in a cell. Under this I need to have 3 coloumns have text... but I can't split this cell into 3 columns because I can't get them spaced as I need. Don't know why, but it won't let me do it. Is there anyway of setting the text properties using style sheets or something similar?

And more importantly, why can I not the split the cell into 3 even columns?! Tables drive me insane! Especially when you need differenet layouts for each page.

Thanks again.

Mark
0
seanpowellCommented:
I'm getting a Page Not Found...
0
seanpowellCommented:
Okay - found it on the site... hold on...
0
creyzoAuthor Commented:
0
seanpowellCommented:
Can you post the code that you have for those three cells? It would be easier that way...
0
seanpowellCommented:
I assume you need these cells to go in the white area below, yes?
0
creyzoAuthor Commented:
just the mid three cells?
0
creyzoAuthor Commented:
the cell that the three preview pics are in has the bottom section of the cell empty. I need to add three sections of text that are in line with the pics (so it looks like they're in 3 columns).

All this needs to be in the main cell containing the 3 pics.

But whenever I try to add a colomn, it screw up the rest of the cells and I can't split the cell in 3 even columns. which section of code do you need?
0
seanpowellCommented:
I just need to be sure I understand your question:

>>Under this I need to have 3 coloumns have text... but I can't split this cell into 3 columns because I can't get them spaced as I need.

Do you mean that if you put the three mouseover images into separate cells they don't line up?
0
seanpowellCommented:
We're cross-posting. Hold on a moment.
0
creyzoAuthor Commented:
kindof. Not too good at explaining this am i ;(
 Basically the 3 pics are in 1 cell at the minute. All I need to do is split this cell iinto 3, so I can put each image at the top, with some text underneath. But I can't seem to split the cell withouth scrwing up the rest of the table.
0
seanpowellCommented:
I think this is what you're after:

    <td colspan="2" align="left" valign="top" background="/images/aboutbgbottomright.gif">
    <table border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td><a href="andrewjsmith.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('image1','','images/andrewjsmith-region-on.gif',1)"><img src="images/andrewjsmith-region.gif" name="image1" width="185" height="168" border="0"></a></td>
        <td><a href="jamielowe.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('image2','','images/jamielowe-region-on.gif',1)"><img src="images/jamielowe-region.gif" name="image2" width="158" height="168" border="0"></a></td>
        <td><a href="kultdesigns.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('image3','','images/kultdesigns-region-on.gif',1)"><img src="images/kultdesigns-region.gif" name="image3" width="168" height="168" border="0"></a></td>
      </tr>
      <tr>
        <td style="padding-left:30px;">Text for column 1</td>
        <td style="padding-left:4px;">Text for column 2</td>
        <td style="padding-left:4px;">Text for column 3</td>
      </tr>      
    </table></td>
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
seanpowellCommented:
NOTE:

I wouldn't use this:
<td colspan="2" align="left" valign="top" background="/images/aboutbgbottomright.gif">

because it's just a solid color - and so doesn't require an image. Use this instead:

<td colspan="2" align="left" valign="top" bgcolor="#D2D2D2">
0
creyzoAuthor Commented:
damn, that's eaxactly what I needed! Quick thinker!!!

So if you can split tables up like this, why doesn't it work when you use the cell/table options from dreamweavers menus?
0
seanpowellCommented:
Probably because I created a nested table to go into the single cell.

If you were to simply increase the number of cells for the main cell, than you need to also increase the colspan for all the other rows as well. That's probably confusing - but when the table code gets complex - dreamweaver may not understand what's going on when you start adding cells.
0
creyzoAuthor Commented:
thanks, I think I get what you mean. I'm going to have to study up on html over the next few weeks. I always rely on Dreamweaver for everything.

One quick and LAST question though

You answered these so quickly! Are you employed by EE, or are you just a forum member. I'm shocked by how quickly you answered, and to come up with code. It's pure madness... but very much appreciated;)
0
seanpowellCommented:
No, the experts here are all volunteers, working for nothing.
Actually I'm an Owner and Creative Director of a web design agency in Toronto, Canada. If you click on my member name, it's all there.
0
creyzoAuthor Commented:
damn, well thanks again then. You've helped me massively! If you're ever over Birmingham UK way... I owe you a few drinks!

Cheers mate.

Mark
0
seanpowellCommented:
Grew up in London - not sure what the hell I'm doing over here.
Always nice to talk to someone from home...
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.