HTML - Trouble With Tables And <div> Tags

Hi there, thanks for reading this. I'm really frustrated! I'm trying to put this code on my website (using dreamweaver mx) and it won't show up. I tried it on MS "Notepad" and saved it as a webpage and it still won't work.

When I use this website:
http://www.w3schools.com/tags/tryit....tryhtml_script

and paste it, it shows up in the next window fine. Why won't it show up when I try to put it into dreamweaver or notepad?

Here is the code below. It's a godaddy certified domain image and link.

</body>
</html>
<script id="siteSeal" type="text/javascript" src="//tracedseals.starfieldtech.com/siteseal/get?scriptId=siteSeal&amp;sealId=5b7ec7f675c880fe42534850ec6cbd234898dbc6c16797a3b9517ee5a46ec314"></script>
</body>
</html>

Any help would be awesome! I don't know who else to turn to!

Thank you so much,

~Antonius

Here's a Q&A thread for people who make tables out of div tags with CSS. I am pretty inexperienced and I'll start with a question I have:

Is it possible to use the colspan property with div tables? I've tried and it doesn't work. What am I doing wrong?

Here's what I have:

<div style="display: table; width: 500px">
<div style="display: table-row" colspan="2">
<div style="display: table-cell">
Blah blah blah...
</div>
</div>
<div style="display: table-row">
<div style="display: table-cell; width: 100px">
Nav bar goes here.
</div>
<div style="display: table-cell">
Blah blah blah...
</div>
</div>
</div>

Please help!

I and new to the forum - I am a bit disappointed in myself for not solving this myself

However any assistance is appreciated
I purchased a Template and tweaked the psd file to make a secondary page, I was able to delete some slices to trim the page down to what I want
http://www.naturalstone.ca/index_do.html

the large white space on the right I would like to remove the reference to the jpg image and insert bgcolor="#5F0401" into the <td rowspan="8> because I plan to add content that will scroll well down that page
------code -------
<td rowspan="8">
<img src="images2/index_do_03.jpg" width="549" height="680" alt=""></td>
-----------

Every time I try to edit the <td rowspan="8"> it totally screws up the left menu and the page itself

any ionfo appreciated - I am about to eat the keyboard over this

~ian

Hey all,

new guy here, working on a page for my work place. I work in a call center and all our support documentation we upload to a web-site so its quickly and easily accessible. My predecessor had a very basic setup designed in MS Word but the site has grown way too big for Word now.

Its my baby now and I have been designing it over the past couple months as I have had time, complete re-write yah!

in any case, after getting the design and setup down, I moved on to the coding using a mix of Dreamweaver and straight up HTML(how I learned in college).

Built a frames version and hated it, so after reviewing all the options I opted to go with SSI for the menu.

I built the menu, its simply 2 tables, 1 runs the full width along the top, the other floats left.

Here is a screen-cap - company logo and other info blocked off.




OK, everything is fine, so far, but the main/index page will have to have a lot of links. We have 1 page for every app. IE. Groupwise as shown.

The apps are ordered alphabetically and I will need 2 or 3 columns and will need to be able to jump in and add an app in the middle of the list quick and easy.

Simple answer: tables.

Not so simple though....

most people resize the IE window down so they can keep working on one thing and read off the page... When I tested resizing the window this happens...

*again, info removed*




Before a scroll-bar appears, the tables drop down BELOW the side menu table from the SSI file...

I have tried everything I can think of to fix this and just cannot get it to work...
I tried playing with the side menu table height, (currently set to 100% to fill up remainder of page) and have even tried setting the top menu to a set width so that a scroll bar will appear if you do anything but full screen, even then when too small the tables jump down to below the side menu. I even split the side and top menu to 2 seperate SSI files and it does the same thing(and has a big space between the 2)...

Plain text will jump down as well, but only after you make the window too narrow to have a single character next to the menu.

Any help would be greatly appreciated.

Suggestions on what to try? where to look for an answer? or if I am going about this all wrong.... what I should be trying...


Thanks in advance!

-Tim

Please take a look at the image I attached to this post.

If you look closely, you can tell that the bottom half of the lightbulb, the "Imaginit" title, and the yellow bar to the left of that is all one image file.

Above that is a larger image (part of which has the top half of the lightbulb) that spans the whole page. I'm sure you can tell by the break in the lightbulb and the white borders around the image where this question is going...

I'm trying to get rid of those breaks.

Currently, the large image on top is in its own span tag. Below that everything else is organized in a table structure.

I've messed with border-collapse: collapse, tried setting the margins to negative values (of em, px, & pt), set border widths to 0. Nothing gets rid of those spaces.

Setting the background color for the cells I think would work, but the problem there is that the bottom-half-lightbulb/Imaginit image's cell is set to colspan=2, rowspan=2. Is it possible to have the image just be "laid" over four individual cells? Just a thought.

I'm doing this in Visual Studio 2005/ASP.NET if that helps any.

Thanks for anyone's help.