/    Sign up×
Community /Pin to ProfileBookmark

tables to CSS

I’m frustrated!

I need to convert a DreamWeaver Template, found at [url]http://www.jewishtreasure.com/Templates/JT10.dwt[/url], fulla tables, to CSS and I’m having no luck. Could somebody give me a hand?

Thanks!

Ross

to post a comment
CSS

9 Comments(s)

Copy linkTweet thisAlerts:
@DaveSWNov 18.2004 — link doesn't work for me, even after I edited your comma to be outside the url tag.
Copy linkTweet thisAlerts:
@greenberauthorNov 18.2004 — Argh! It's supposed to be measure twice, cut once! I posted without checking! Argh!

Here's the right URL, all checked to make sure it loads:

http://www.jewishtreasures.com/Templates/JT10.dwt

Ross
Copy linkTweet thisAlerts:
@DaveSWNov 19.2004 — looks like a fixed width center column.

so to get you started you need a single container div with all your content. Apply margin: 0 auto; to the div itself, and use text-align: center on the body element in order to get it to work in IE.

After that I can't see to easily what it's meant to look like, so maybe a screenshot?
Copy linkTweet thisAlerts:
@greenberauthorNov 19.2004 — I'm brand new to CSS. The objective is to remove all tables, especially from the template. The web site I need to convert -- template crazy -- is http://www.jewishtreasures.com .

What is the CSS for creating a 2x2 "table" with the 1,1 cell empty but used as place holder; the 1,2 cell will be a header, the 2,1 is a navbar, and 2,2 is content.

Isn't there a tables-->CSS conversion utility for helping out yutzes lile me?

Ross
Copy linkTweet thisAlerts:
@ray326Nov 20.2004 — Nope, there's no magic bullet.

Forget grid layout. You're describing three divs; heading, navigation and content. That's pretty trivial. Go to the [URL=http://www.inknoise.com/experimental/layoutomatic.php]Layout-o-matic[/URL], get some raw material to play with and start fiddling.
Copy linkTweet thisAlerts:
@greenberauthorNov 20.2004 — Fiddling Away! Thanks!

Ross
Copy linkTweet thisAlerts:
@ray326Nov 20.2004 — Another hint. Don't use IE as your primary preview. Use Firefox for development then tweak if necessary for IE.
Copy linkTweet thisAlerts:
@greenberauthorNov 20.2004 — Why Firefox and no IE?
Copy linkTweet thisAlerts:
@ExuroNov 20.2004 — [i]Originally posted by greenber [/i]

[B]Why Firefox and no IE? [/B][/QUOTE]

Internet Explorer doesn't correctly interperet CSS, so there are many things you can accidently do in IE that won't render correctly in CSS-privy browsers such as Mozilla and Opera. However, if you get the page it work correctly in Firefox more than likely it will look correct in IE as well, with maybe the need of a couple tweaks.
×

Success!

Help @greenber spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...