page layout in photoshop

My organization is almost ready to start re-constructing www. thomasinamusic. com. In case you have not read the previous posts……. I’d prefer a static pic of Thomasina located or sitting for the right side of the screen while this content loads on the left side (and your pic and backdrop remain static by way of chaning links).
I can begin laying out there the elements within photoshop, and then cut them up in imageready to start coding. My question is…….
To possess my content always remain within the same location (a. k. a. Thomasina’s pic can be at the quite right edge on the browser window, whether minimized or maybe maximized or whatsoever screen resolution could be used) I am assuming I need to use percentages as an alternative to pixel values whenever positioning. Am I correct during this Also…….. when creating the elements inside photoshop, what size canvas will i need to work with (or is best)
When always, thanks to everyone thus to their input. As much information and often give will often be greatly appreciated.

To have Thomasina’s picture for the right side of the screen, you will use DIV positioning, something down the lines of:

HTML:
#pic
job: relative;
float: proper;
width: 100%
text-align: proper;
background: url(images/thomasina. jpg) #FFFFFF;
background-position: best right;
background-repeat: repeat-y; 

Something coupled these lines, not this is untested will assist you to position her picture for the far right side on the screen at the superior

I did something akin to you but didn’t use percentages. I created a table of the interface by reducing it up in Imageready after which it just centered the item. Because its not determined by percentages everything remains put. Of lessons, I want an extra shot and do identical thing based at percentages, but useing a defined value will do the job fine too.

I created my personal canvas size determined by 800 dpi by using (it’s actually slightly more). This way somebody viewing at EIGHT HUNDRED can still view everything and never having to scroll.

The following is my site (totally unfinished and being previously worked on), I’m doing more of these site as your favor for my father and to understand some stuff me. This is my first attempt at web design me so I’m sorta talking beyond my ass.

online world. gulfcoastfantasyracing. com.

This entry was posted in Web Design and tagged , , , , , , , , , , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *