Affiliate Marketing Forum

ziggy · Joined: 30 Oct 2003 Posts: 37

Is there a way to change the menu coulmn from being either on the left or right of the site with a simple html tag instead of reworking the whole code. Some type of html tag that just lets you put 'left' or 'right' the and the column is where you want it to be? Something I can just keep going back and forth by changing just a small portion of the code (for testing purposes)?
Thanks

Legend911 · Joined: 19 Aug 2007 Posts: 80 Location: Virginia, USA

You can easily do this if you are using CSS to make your layout fields within your website. CSS allows you to easily put in <div> tags which designate a certain field of your website. That data is read off the CSS file that the webpage is linked too and BAM! you are done. Simply go into the HTMl and find the divs you want to move and move then by doing simple changes like (Left: 0px;) or (Right: 0px;). Obviously you can change the width and length or even make it a liquid design. I use liquid design on my height because of the length of some of my tutorials. I personally love CSS and it makes organization so much easier. No more clutter HTML pages where you get lost just looking. CSS makes everything clean in the HTML and in the CSS document you wrote it in. You should give it a try.

If you don't want to do any writing. You can go into Adobe Dreamweaver and they have all the layout templates you need and they are premade so you can test them and destroy them over and over again.
_________________
Unlocking the Adobe Expert in You!
Adobe Software Tutorials

ziggy · Joined: 30 Oct 2003 Posts: 37

I just don't want to change the width of the tables though. What is seemed you outlined is that the same content you have on the left side and right side of the column stay there and just change the width of the tables. If I have the menu column on the left side and the content on the right side I want to be able to easily move the menu to the right side and the content to the left side with a simple html tag(and back and forth), something I can easily change with a php include file. Is there a way to do this?
Thanks

Legend911 · Joined: 19 Aug 2007 Posts: 80 Location: Virginia, USA

The CSS is only changing the width of the file. The point with CSS is that the <div id=contentPage> tag will have the information within it in the webpage HTML file. Whatever information is put in that division it will be shown in the format that the CSS file tells it too. So if i just change the div tags from (linkPage to contentPage) the actual content will move to wherever that tag is supposed to be shown. It is pretty cool and efficient. For an example lets say your content section is called (contentPage) and it is located on the right of the screen. Then you have a links section called (linkPage) located on the right. In CSS it would look like this.

#contentPage{

position: absolute;

left: 160px;

right: 0px;

width: 600px;

height: 100%;

height: auto;

background-image: url(images/);

}

#linkPage{

position: absolute;

left: 0px;

width: 150px;

height: 100%;

height: auto;

background-image: url(images/);

}

Now if I wanted to make them switch so that the content page was on the left and the links were on the right it would be a simple change to one CSS file that will effect all the webpages that use its paremeters. Here is the output CSS that will do this easy change.

#contentPage{

position: absolute;

left: 0px;

right: 610px;

width: 600px;

height: 100%;

height: auto;

background-image: url(images/);

}

#linkPage{

position: absolute;

left: 610px;

right: 0px;

width: 150px;

height: 100%;

height: auto;

background-image: url(images/);

}

Hope this helps a little.
_________________
Unlocking the Adobe Expert in You!
Adobe Software Tutorials

Advice Articles

Site Menu

Collaborate