CSS - <td></td> I Guess There Is A Better Way?

Ok so www.gameyin.com/index.php You will see a dotted border flowing up the left nav bar, and below advertisements (Yes I know I'm using tables. I will eventually move them onto a roll over menu.) I have it set up so it should only be dotted border for the ads. But it is going around everything. Weird. Here is..

CSS for it.
Code:

.advertisement {
        font-weight: bold;
        color: #000000;
        border: 1px dotted;
        width: 100%;
}
.advertisement p {
        font-weight: bold;
        color: #000000;
        clear: both;
        text-align: center;
}

HTML for it
Code:

<div class="advertisement">
<p>Have A Look At Some Of Our Sponsors</p>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img src="images/ad1.gif" alt="Ads" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	    <img src="images/ad2.gif" alt="Ads" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <img src="images/ad3.gif" alt="Ads" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <img src="images/ad4.gif" alt="Ads" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <img src="images/ad5.jpg" alt="Ads" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <img src="images/ad6.gif" alt="Ads" /><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <a href="advertise.php">Put Ad here</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	      <a href="advertise.php">Put Ad here</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	      <a href="advertise.php">Put Ad here</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	      <a href="advertise.php">Put Ad here</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	      <a href="advertise.php">Put Ad here</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	      <a href="advertise.php">Put Ad here</a>
</div>

You will see more if you go to site and see what I mean. Dunno if I got all the HTMl for it and CSS. I wrote it a while ago with the problem. Just never got around to trying and fix it .

Hello,

I've done this kind of work many times and never had a glitch but then there's always the first time.

ENVIRONMENT:

Dreamweaver 8, CSS 2.0, HTML created with Acrobat 7 using Save As name-of-the-file.htm (without CSS, only HTML3.2).

In other words, I have a PDF file named name-of-the-file.pdf and it is saved (thus transforming it into an HTM format) saved as name-of-the-file.htm.
This is done by Acrobat 7.0 itself.
--------------------------------------------------------------------------------

PROBLEM:
1. While formatting the text generated as HTM, Styles are defined and used as needed.

2. Under Dreamweaver (Design) the CSS style work perfectly.

3. When previewing it under FF3 or IE7 (CSS inline) the page displayed in the browsers contain NO CSS formatting.

4. I passed the inline CSS to a file and tried that way.

5. Browsers still do not see the CSS.

This is being run LOCALLY (not from a server).

Could anyone give me any hint of why this is happening?

I can include the CSS and part of the HTML in needed. Right now he HTML is huge and my next step will be break it up in smaller pages.

Thanks for any suggestion.

Hi from Athens,Greece!
Glad to be here and hope i can help u as much as u help others and me of course.
I have a problem that i think its common enough to give me a quick reply.
I m using a separate ie css for a Joomla template, in that template suckerfish is used for the top drop down menu.

When i open my forum as wrapped, under the top menu i also have the main menu for the forum.
So if i click to the top drop down menu it appears like its obstructed by the forum main menu and its deosnt function well.
I m gonna attach 2 pics, the first one is from opera and the other one its from IE

the ie_css code its like this div#horiz-menu {

PHP Code:
}

div#nav {
  position: absolute;
  top: 98px;
  left: 12px;
}

#nav ul ul a.daddy {
    width: 166px;
}

#access a {
    cursor: hand;
} 

Hello it is propably my second post here I'm glad to know that there is place in the web space where you can search for help and accualy find it, without any problems.

I almost finished my site, but I'm sad to say that I have strange problem.

http://odin.foxnet.pl/kategorie/galeria

It is gallery. It look quite good in IE, but not in FF or Opera. And funny thing, I make this site to be optimized for FF and Opera

Here is my css source:

http://odin.foxnet.pl/code/main.css

line 287, or look for "#main #content .photo {"

Scructure of page:

Code:

<body>

<div id="top">

links

</div>

<div id="header"></div>

<div id="menu">

menu

</div>

	<div id="main">

		<div id="content">

<div id="title" title="">

title and IE message

</div>

news starts

<div class="photo">

<div class="story">

<a href=""> link to full story ( in this case full image )
<img src=""> thumb
</a>

</div>

<img src=''> rating

</div>

news ends

		</div>
		
	</div>

<div id="footer"></div>

<div id="copyright">

bla bla bla...

</div>

</body>

code in bold is repeating.

Please could someone tell me what should I do, to make this "work" - look good ?

And I'm sorry for my bad english .

Good night.