/    Sign up×
Community /Pin to ProfileBookmark

using css means scrap slicing page???

Copy linkTweet thisAlerts:
Mar 23.2005

Okay,

I’m new here and really new to CSS… Previously, I had learned how to create a page layout in photoshop and slice it in image ready. Once done I would export images and html to use on a page.

Now after reading here… I see that the div is the way to go, not tables. I guess my question is what is the best way to combine photoshop and css for web layout?

Hope that makes some sort of sense!
Shawn

to post a comment
CSS

9 Comments(s) ↴

Copy linkTweet thisAlerts:
@the_treeMar 23.2005 — Urm... don't use photoshop for layout? By all means make your images in photoshop, your decoration and your background too. But code your layout by hand (preferably first)
Copy linkTweet thisAlerts:
@reagan123authorMar 23.2005 — " But code your layout by hand "

Thanks for the reply.. i'm in the process now of trying to develop by coding everything by hand and not depending on an editor to write the code for me... I guess i should have known the answer would be

photoshop = images

layout = code

thanks again
Copy linkTweet thisAlerts:
@ray326Mar 24.2005 — 
Copy linkTweet thisAlerts:
@David_HarrisonMar 24.2005 — [i]Originally posted by reagan123 [/i]

[B]Now after reading here... I see that the div is the way to go, not tables.[/B][/QUOTE]Not neccessarily just <div>'s. A page that is entirely created with <div> tags is just as bad as one created entirely with <table>'s. Use the correct tag for the job, a <p> for a paragraph of text, a <ul> for an unordered list (good for when you have a list of navigational links), etc.
Copy linkTweet thisAlerts:
@reagan123authorMar 24.2005 — "Use the correct tag for the job, a <p> for a paragraph of text..."

Right... from what I've gathered here, I need to use <div> tags to help contain a block of info (Navigation...Content...Header...Footer..Ect)

but use css and element tags for almost everything else.

Does that sound about right...?

Thanks again... I'm really that new to this... I have learned quite a bit since i've been here though. Great place!!!
Copy linkTweet thisAlerts:
@SiddanMar 24.2005 — yup, that about sums it up, cus you need a layout using divs, but at some cases when doing a menu you don´t need a div and you can style the UL instead
Copy linkTweet thisAlerts:
@reagan123authorMar 24.2005 — great.. thanks so much for the info guys....

last question for now...

any reason why the sites like www.w3schools.com use both css and tables... do you feel this can be an appropriate solution when not dealing with tabular data?
Copy linkTweet thisAlerts:
@David_HarrisonMar 24.2005 — <table>'s are for tabular data only, if you have tabular data, use a table, if not, then don't.

You don't need to use <div> tags at all, if you need an element to hang some styles on then <div> and <span> are perfect for that, but if you don't need them, don't use them.

If you look at the source code of my [url=http://www.quiterude.com]web-site[/url] you'll see I on;y used 4 <div> tags on the index page. Granted the layout isn't amazingly complicated but hopefully it gets my point accross.
Copy linkTweet thisAlerts:
@reagan123authorMar 25.2005 — thanks for responding david... this post has helped me clear up a quite a few questions i had after going through this site.
×

Success!

Help @reagan123 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.2,
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: @meenaratha,
tipped: article
amount: 1000 SATS,

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

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