| | |
Web layouts in photoshop
Please support our Site Layout and Usability advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Nov 2006
Posts: 11
Reputation:
Solved Threads: 0
Hi,
I would like to design my website in photoshop but am struggling firstly with what resolution to use? i have read articles etc that say 800x600 is dead and i should use at least 1024x768.
my next question is how would i start such a layout as obviously i need to take the resolution in abit to take in account the browsers navigation etc but how much should i leave on a 1024x768?
thanks
I would like to design my website in photoshop but am struggling firstly with what resolution to use? i have read articles etc that say 800x600 is dead and i should use at least 1024x768.
my next question is how would i start such a layout as obviously i need to take the resolution in abit to take in account the browsers navigation etc but how much should i leave on a 1024x768?
thanks
0
#2 Oct 20th, 2009
the current W3C reccommendations are device resolution independent, Ems %age dimensions adjust to all screen sizes and user preferences
Web editors that can layout in % are freely available
Web editors that cant, can be converted
example if you design for 800*600
width=80px becomes width=10%
Web editors that can layout in % are freely available
Web editors that cant, can be converted
example if you design for 800*600
width=80px becomes width=10%
Failure is not an option It's included free
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it
Please mark solved problems, solved
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it
Please mark solved problems, solved
•
•
Join Date: Oct 2009
Posts: 10
Reputation:
Solved Threads: 0
0
#4 29 Days Ago
Usually, you can make it up to 1024 by 768. It's nice to have the important stuff above the 'fold', though. That's where you have to scroll further, and estimating it at about 700-800 would be a good idea.
Of course, there are some nice sites which use fixed-width layouts. You can put everything in a 'wrapper' div and then use margin:auto to center it. That works well if it's not so much text, but images and snippets of text/widgets/blank space and the like.
Of course, there are some nice sites which use fixed-width layouts. You can put everything in a 'wrapper' div and then use margin:auto to center it. That works well if it's not so much text, but images and snippets of text/widgets/blank space and the like.
![]() |
Similar Threads
- Perception System Requires Web Designers & Graphic Designers - Ahmedabad (Post your Resume)
- How do I create a cool navigation menu using Adobe Photoshop? (HTML and CSS)
- Using Photoshop Elements web gallery in Dreamweaver 4 (Graphics and Multimedia)
- hi (Community Introductions)
- Web Developer (Web Development Job Offers)
- how to design a web page in photoshop (Graphics and Multimedia)
- Web banners in Photoshop (Graphics and Multimedia)
- First Photoshop Web Site (Website Reviews)
- video tutorials for photoshop (Graphics and Multimedia)
Other Threads in the Site Layout and Usability Forum
- Previous Thread: Replacement for Flash on website (iPhone issue)
- Next Thread: Webpage compression: real speed gain?
| Thread Tools | Search this Thread |
access adobe adult advertising analytics apple application apps blog botnet browser browsers business censorship cheap click code community company cpanel crime css data dedicated design desktop developer development directory domain domains dropdownlist eu firefox fraud free game google government hosting html ie8 india intel internet iphone java job layout legal linux malware maps marketing microsoft mobile monetization mozilla msn net news opera patch photoshop php porn ppc privacy registration research reseller review rss search security seo service services sex shared shopping site socialnetworking software teenagers template uk vb vb6 video w3c web webmaster website wiki wikipedia wolframalpha xml yahoo youtube







