tables to <div>s

  • Lizzard
  • quirky redhead
  • Silver Member
  • User avatar
  • Posts: 69
  • Loc: Indiana

Post 3+ Months Ago

My employers bought a highly tabled site last year. (109 on the home page alone)
*ahem*
So now that I work here, it needs to be bought compliant so that it can be viewed in firefox (it can't now) IE 6 (can now) 7 (not fully now) and anything that comes out in 08.
*but they would like it to look like it does now.

It looks like a DW template - so I got a copy of DW and am trying to edit in that, but it would appear that it wasn't done in an up-to-date copy of DW.

Any suggestions? I did the table to apdiv convert and it was a nightmare.
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • Don2007
  • Web Master
  • Web Master
  • Don2007
  • Posts: 4924
  • Loc: NY

Post 3+ Months Ago

http://www.pixel2life.com/publish/tutor ... ed_layout/

Just a guess, I never did it.
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2008
  • Loc: Belgrade, Serbia

Post 3+ Months Ago

it would help to have a link to look at...
  • Lizzard
  • quirky redhead
  • Silver Member
  • User avatar
  • Posts: 69
  • Loc: Indiana

Post 3+ Months Ago

http://www.orgcorp.com
  • Lizzard
  • quirky redhead
  • Silver Member
  • User avatar
  • Posts: 69
  • Loc: Indiana

Post 3+ Months Ago

I looked at the pixel2life one this afternoon. I have tables within tables within tables within tables.
I have been working on it. I have a "container" div. A "header" div, a "navheader" div on my test page, but when I uploaded it to the server the positioning went all to crud even tho I had marked it out in the CSS sheet. :(
  • Prime
  • Professor
  • Professor
  • User avatar
  • Posts: 935
  • Loc: Liverpool

Post 3+ Months Ago

oooer - I just peeked at yor domain in Opera and its a bit squiffy :? displays OK in IE7 though :D I wouldn't even bother to edit the files, you just need to rebuild them and you're going to have to learn some CSS in the process ...

Starter for 10,


Code: [ Select ]
<head>
<style type="text/css">

<!--
*{
margin:0;
padding:0;
}
#outercontainer{
    width: 100%;
    margin: 0 auto;
    background-color: #5771A8;
    height:100%;
}
#container{
    width: 800px;
    margin: 0 auto;
    text-align:left;
    height: auto;
}
-->

</style>
</head>
<body>
<div id="outercontainer">
 <div id="container">
     ... blah blah ... your html page ...
 </div>
</div>
</body>
  1. <head>
  2. <style type="text/css">
  3. <!--
  4. *{
  5. margin:0;
  6. padding:0;
  7. }
  8. #outercontainer{
  9.     width: 100%;
  10.     margin: 0 auto;
  11.     background-color: #5771A8;
  12.     height:100%;
  13. }
  14. #container{
  15.     width: 800px;
  16.     margin: 0 auto;
  17.     text-align:left;
  18.     height: auto;
  19. }
  20. -->
  21. </style>
  22. </head>
  23. <body>
  24. <div id="outercontainer">
  25.  <div id="container">
  26.      ... blah blah ... your html page ...
  27.  </div>
  28. </div>
  29. </body>


this will center your page in all browsers a bit like this page.

Cheers, Prime ... :D
  • Lizzard
  • quirky redhead
  • Silver Member
  • User avatar
  • Posts: 69
  • Loc: Indiana

Post 3+ Months Ago

Thanks.
Actually some of the packages behind the login that contain the commissions information are not properly displaying.

The code is just bad.

I don't suppose I'd say that if I wrote it though. :)

No - it needs to be standardized with the new logo et all. Thanks for the starter. That (quite actually) was an amazing help. I think I was getting a bit overwhelmed.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

I know I am getting a bit ahead of myself here, but it's okay, I'm showing this to you so long, for when the site is functioning you can disable that annoying "click to activate and use this control" thing in IE ... [Dead Link] ...
  • Lizzard
  • quirky redhead
  • Silver Member
  • User avatar
  • Posts: 69
  • Loc: Indiana

Post 3+ Months Ago

Thanks righteous one.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

The following will center the page aswell without having two containers ...

CSS:
Code: [ Select ]
div#container
{
width:980px;
margin-right:auto;
margin-left:auto;
}
body
{
text-align:center;
}
  1. div#container
  2. {
  3. width:980px;
  4. margin-right:auto;
  5. margin-left:auto;
  6. }
  7. body
  8. {
  9. text-align:center;
  10. }


XHTML
Code: [ Select ]
<head>
<link rel='stylesheet' type='text/css' href='stylesheet.css' />
</head>
<body>
<div class='container'>
your content goes in here
</div>
</body>
  1. <head>
  2. <link rel='stylesheet' type='text/css' href='stylesheet.css' />
  3. </head>
  4. <body>
  5. <div class='container'>
  6. your content goes in here
  7. </div>
  8. </body>
  • Lizzard
  • quirky redhead
  • Silver Member
  • User avatar
  • Posts: 69
  • Loc: Indiana

Post 3+ Months Ago

In the interest of time I also found this: http://www.table2css.com/
It does bloat the code... but it does an amazing job for $21.95! I can go through and rename and point to the proper paths.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

Well look, if it's going to make you happy and you're sure that it's going to work, you should definitely give it a go, but if it were me (being as single-minded as I am) I would redo the site myself ...
  • UNFLUX
  • Genius
  • Genius
  • User avatar
  • Posts: 6376
  • Loc: twitter.com/unflux

Post 3+ Months Ago

righteous_trespasser wrote:
Well look, if it's going to make you happy and you're sure that it's going to work, you should definitely give it a go, but if it were me (being as single-minded as I am) I would redo the site myself ...
reading through all this, i agree. You should just take the time and redo it yourself, and all in all will probably be less hassle in the long run. Looking at the site, it doesn't even seem to be a difficult layout and you could probably knock out the basic template in a few hrs.
  • Lizzard
  • quirky redhead
  • Silver Member
  • User avatar
  • Posts: 69
  • Loc: Indiana

Post 3+ Months Ago

Yeah, you are right.
But I thought that it would be sweet to have an automatic break down of all of those tables that are only different by 1px. He didn't like the border property I suppose.
Anyway you all have given a great help..
I am off to recode.
thanks again
  • Lizzard
  • quirky redhead
  • Silver Member
  • User avatar
  • Posts: 69
  • Loc: Indiana

Post 3+ Months Ago

... weeks later
started over
easier just to do it myself from scratch.
*walks off mumbling in distance....
  • techwiz
  • Beginner
  • Beginner
  • User avatar
  • Posts: 46

Post 3+ Months Ago

is it done now?
  • Lizzard
  • quirky redhead
  • Silver Member
  • User avatar
  • Posts: 69
  • Loc: Indiana

Post 3+ Months Ago

Yes it is done, but not done.
We're doing a revamp and a rework, looking at the content, really streamline-ing it. The site is too wordy now, so for the "relaunch" I am to bullet-point everything and redo it. So the template is done... but the site initself isn't.
Hope that makes sense.

Post Information

  • Total Posts in this topic: 17 posts
  • Users browsing this forum: No registered users and 92 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.