layout help

[gorie]

hi , i need some help... kind of overwhelmed reading trying to figure out a few things and not really getting anywhere!

right now i just have the default template to start custom layout (http://www.idyemyhair.com/store/) and want go toward this look as my basic layout for my shop: http://www.idyemyhair.com/test/

what i need help with to get started (learning CSS...):

1. i want the page layout to be aligned vertically at the top , and the store a fixed width and centered on the page (like my test link) i'm not sure what controls this in the stylesheet...

2. i want all the tables to be a fixed so that the contents do not adjust with the page .. so not "fluid" or whatever.

also...

3. i want my top design/logo to be at the top of the page in the header , replacing the "powdered by zen cart" and "tagline here" - what is the easiest way to do this ?

thanks for any help !

[kobra]

You might find it easier to start with the classic template...just replace/copy the classic template files minus the template info file to your iDyeMyHair_template location.

Begin with right clicking and viewing the images or selecting view background image. View properties to obtain the image location & name. If the image type matches yours that you want to replace it with you can just rename yours to the same name as is currently being used and replace it.

The stylesheet controls the site width in

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 750px;
	vertical-align: top;
	border: 1px solid #9a9a9a;
	}

There are very few tables associated with Zen Cart

This shuold get you started and other items can be addressed as you need.

[gorie]

thanks !

i ended up finding the "bare bones classic" template and am trying to work from that, i think i'm starting to understand a little better now and find my way around... i managed to get things how i wanted so far.



http://www.idyemyhair.com/store

[gorie]

can someone tell me what to change to move the navigation bar to align the right ?

like the
home / log in / my account / shopping cart stuff.

[kobra]

Move what bar?

[gorie]

i mean the navigation menu.. i was able to change the text links to images, but i can't figure out how to control the position.

i'm trying to go from this (what i have now):



to this... with it aligned to the right (i moved it in photoshop so you can see what i'm trying to accomplish...)

[kobra]

Add this to your entry for this in the stylesheet;

#navMain {
        float: right;
        }

[gorie]

yay i figured it was something simple , that did it. thanks !!

http://www.idyemyhair.com/store/