Go Back   kirupaForum > Development > Client-Side (HTML, CSS, JavaScript)

Reply
 
Thread Tools Display Modes
Old 11-30-2009, 08:20 AM   #1
jimjiminyjimjim
Registered User
Good web design practice with HTML & CSS

I've read many tutorials on web design and have come across many different ways to create websites - but I was just wandering how people would go about designing this site from a best practices point of view and was interested to know peoples thoughts.

Please see JPEG attached.

I plan on making the content not scalable.

Would you create a single background image in a page sized div and then have absolute divs for placing the information over the top.

Or would you slice the images up and place them in divs/tables?

There is the issue of a drop shadow around the edge (not my design) - would it be worth looking into 9 slice scaling?

I'm a graphic designer and my first thought is to have a single background image and then have all the content in absolute divs over the top - would there be issues with this method.

Just wandering what the standard conventions and preferences might be.

Thanks for any input.
Attached Images
File Type: jpg gilcar_homepage.jpg (57.8 KB, 12 views)
jimjiminyjimjim is offline   Reply With Quote

Sponsored Links (Guests Only) - Register | Need Help?
 

Old 12-02-2009, 08:11 AM   #2
designmaster
Registered User
I would prefer slicing the images up and placing them in tables.
designmaster is offline   Reply With Quote
Old 12-06-2009, 04:35 PM   #3
celicasaur
Useless at Actionscript
Location West London

Posts 55
The problem with absolute divs for everything will be that the divs will appear in slightly offset locations, depending on the resolution and the browser etc. It might not seem like it on your own monitor as you'll be tailoring the site to your set up, but one of your potential users may end up seeing a total mess.

General rule of thumb would be to minimise moving around objects around via the position: relative; command, but if you must move things and there's no other way, use this command and do not use position: absulute; command.

That's my view on it anyway...

__________________
celicasaur is offline   Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -4. The time now is 04:28 PM.

SUPPORTERS:

kirupa.com's fast and reliable hosting provided by Media Temple. flash components
Creative web apps. Make your own free flash banners and photo slideshows.
Check out the great, high-quality flash extensions. Buy or sell stock flash, video, audio and fonts for as little as 50 cents at FlashDen.

Flash Transition Effects

Flash Effect Tutorials

Digicrafts Components
Flash effects. Art without coding. Upload, publish, deliver. Secure hosting for your professional or academic video, presentations & more. Screencast.com
Streamsolutions Content Delivery Networks Flipping Book - page flip flash component.
Flash-Gallery.com - Get your flash photo gallery (flash component or swf gallery Learn how to advertise on kirupa.com
 

cdn
content delivery network (cdn)

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd. Copyright 2010 - kirupa.com Copyright 2010 - kirupa.com