brookwood
-
Posts
6 -
Joined
-
Last visited
brookwood's Achievements
Newbie (1/7)
0
Reputation
-
darn it, double posted myself!
-
Thanks for your help. Actually instead of:margin:0px auto;margin-top:90px;it should probably be:margin:90px auto 0px;don't you think? But I'm still doing something wrong because whichever of those I use, taking out the 'position:absolute,' I now get a 90px margin below the first table, not on the page in general. The darn things just don't want to overlap!!
-
I hope there is a quick answer to this (and likely there is). I am trying to align two tables, so one lies on top of the other, and get them both to align horizontally in the center of the page. It works fine in Firefox but IE aligns the first table ("main") centrally and then aligns the center of the second table ("menustrip") over the right-side edge of the first table. That may sound confusing. But here's a really simplified version of the code and you'll see:HTML:<html> <head> <link rel="stylesheet" href="first.css" type="text/css" media="screen"> </head> <body> <table id="main" border=0 cellpadding=0 cellspacing=0> <tr> <td id="one"> </td> <td id="two"> </td> <td id="three"> </td> </tr> </table> <table id="menustrip" border=0 cellpadding=0 cellspacing=0> <tr><td> </td></tr> </table> </body></html>CSS:body{background: gray;margin:0px;padding:0px;text-align:"center";}#main{margin:0px auto;text-align:left;height:100%;width:780px;}#one {width:25px; background:black;}#two {width:175px; background: #4B4B4B}#three {width:580px; background:black;}#menustrip{position:absolute;top:90px;background: white;margin:0px auto;height:10px;width:780px;}I do know I could make the second table be a part of the first table but due to how I would like to fill them, I would prefer to be able to use them as two separate tables if there is a way to make this work.I'm stumped. Any help is greatly appreciated.
-
thanks a lot, I'll check out PHP
-
Thanks for the response. I'm actually looking to be able to change the object itself, not the style. By which I mean its layout of rows and cells, the menu that I put in a cell, the logo that I put in another, etc. I was hoping to find a way to have all of this centralized so that if I decide I want a different menu or a different layout, etc I can just change the one instance and not have to go back through all the pages. Is this possible?
-
Hi, I'm relatively new to website design. I'm not sure if this question should be posted in CSS or HTML or where. What I'm wondering is this, essentially CSS is used in order to centralize the style of objects on a site, so one change can affect all pages that reference it, and code can be shortened, correct? Well, is there a way to centralize code for an object? For instance I have a table with certain aspects of it (like heading, menu, etc) that I want to use in multiple pages of a site. As far as I know, I have to copy and paste the code for this table into each page and then if I want to change it, I have to go to each page and change them individually. So can this be avoided? Thanks for any help.