Layout Change

Coming along just fine now thanks to all your help guys!

http://www.easternvirtualairways.com/eva/index.php

Where would i add the code to move the recent reports/pilots sections up to the right handside and also pad the news away from the right edge.

As allways the code i need would be very appreciated

Dave

You have to float that sidebar div to the right.

sidebar {

  float: right;

}

Something like that.

yep thats what is set at

Try messing with the width of that main content window.

There might be a tutorial somewhere online about floats

OK

I’m sure it worked originally but i checked the default skin and they dont

Theres something wrong with the code?

I set mainbox to 100pix width and it doesnt change it at all.

Is your skin pointing to the right stylesheet (correct path in the header.tpl)?

Also, press control-f5 to completely refresh the page.

Yeah i shouldve said to save time but both yes for those questions.

Ive checked all the css and php that should make a difference but i can see it

OK i stripped it back went to a fresh css and added the code i needed and figured it out

I had made a copy of the topnav css and called it topnav2 then told the new menu to use that, but 2 elements of the code…

#topNav ul
{
margin: 0;
padding: 0;
list-style: none;
margin: 0 auto;
}

#topNav ul li
{
height: 27px;
float: left;
padding: 0px;
background: url(images/navbg.jpg) repeat-x 0 0 #292929;
font: bold 12px/27px Arial, Helvetica, sans-serif;
}

Weren’t needed and thats what was throwing the whole layout off

Thanks again for the help Nabeel

Ahh gotcha. If you’re doing the skin from ground up, alot of the CSS can be done away with, or just start from scratch. Some of the essential styles are in the /lib/css/phpvms.css file.