Eicosav Posted April 3, 2010 Report Posted April 3, 2010 Hello Folks, I'm working at my new skin. I did it. And it worked. But the area (the contents, where are placed the news and the sidebars) between the header and footer became so weird. What I have to do to repair this? Here is a picture, so you can see what I'm saying. I want something more organized. Help me please. Quote
Tom Posted April 3, 2010 Report Posted April 3, 2010 Do you have a live version or could you post the source code? Quote
Eicosav Posted April 3, 2010 Author Report Posted April 3, 2010 Do you have a live version or could you post the source code? Ok, here is the Header source code, look and answer there is some problem. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title><?php echo $page_title ?></title> <link rel="stylesheet" media="all" type="text/css" href="<?php echo SITE_URL?>/lib/skins/newskin/style.css" /> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /> <link type="text/css" rel="stylesheet" href="style.css"/> <?php Template::Show('core_htmlhead.tpl'); ?><style type="text/css"> <!-- .style2 {color: #000000} .style4 { font-weight: bold; color: #000000; } --> </style></head> <body> <?php Template::Show('core_htmlreq.tpl'); ?> <div id="wrapper"> <div id="header"> <div id="top"> <div id="logo"> <h1>Eicos Airlines </h1> <p>Virtual.</p> </div> <div id="menu"> <ul> <?php Template::Show('core_navigation.tpl'); ?> </ul> </div> </div> </div> <div id="main"> <blockquote> <blockquote> <p><img src="http://eicosav.webcindario.com/lib/skins/newskin/images/pic.JPG" alt="" width="850" height="284" /></p> </blockquote> </blockquote> </div> <div id="content"> <div id="left"> <h1>Bem Vindo. </h1> <p>Sejam bem vindos a Eicos Airlines Virtual. Uma empresa ficticia sem nenhum fin lucrativo, visando apenas a simulacao, o mais proximo de realidade, de uma empresa aerea virtual, utilizando como programas o FS2004 e FSX. </p> </div> <div id="right"> <h1>Infos.</h1> <p>Realizamos voos nacionais e internacionais com HUB's no Rio de Janeiro (Aeroporto do Galeao) e em Sao Paulo (Aeroporto de Congonhas). Temos uma enorme variedade de avioes divididos por rank para a realizacao dos seus voos. </p> Quote
Eicosav Posted April 3, 2010 Author Report Posted April 3, 2010 and the de code (the space above isn't enough): </div> <div id="center" > <h1>Registre-se.</h1> <p>Seja um piloto da Eicos Airlines Virtual. Buscamos pilotos competentes que tenham no minimo 13 anos de idade e que ja tenham uma certa experiencia no ramo da aviacao virtual atraves do software do Flight simulator. Regisre-se, gratuitamente. </p> </div> </div> Quote
Tom Posted April 3, 2010 Report Posted April 3, 2010 I'm assuming this is your header? What about the footer? Quote
Eicosav Posted April 3, 2010 Author Report Posted April 3, 2010 I'm assuming this is your header? What about the footer? Here is my footer: <div id="footer"> Copyright © 2010 <a href="http://www.eicosav.webcindario.com">Eicos Airlines Virtual. </a>Powered by <a href="http://www.phpvms.net">Phpvms</a></div> </div> </body> </html> Quote
Tom Posted April 3, 2010 Report Posted April 3, 2010 Ok you need to add something along the lines of <div id="content"> on the end of your header and </div> at the start of your footer to contain the content. Then you can style that div to get it in the right place. Quote
Eicosav Posted April 3, 2010 Author Report Posted April 3, 2010 Ok you need to add something along the lines of <div id="content"> on the end of your header and </div> at the start of your footer to contain the content. Then you can style that div to get it in the right place. Sorry, but i'm newbie about this. Can you explain ia simple way please! www.eicosav.webcindario.com Quote
Tom Posted April 3, 2010 Report Posted April 3, 2010 In header.tpl at the bottom add: <div id="content"> and add style to your stylesheet to make it where you want it, and the correct width. Then in footer .tpl at the top add: </div> This will put a container around the content so you can move it back into the right place. Quote
Eicosav Posted April 3, 2010 Author Report Posted April 3, 2010 In header.tpl at the bottom add: <div id="content"> and add style to your stylesheet to make it where you want it, and the correct width. Then in footer .tpl at the top add: </div> This will put a container around the content so you can move it back into the right place. I did what you said. But it still doesn't working very well: Look yourself www.eicosav.webcindario.com Can you get my source code, made the nescessary changes and post here please. Quote
Administrators Nabeel Posted April 3, 2010 Administrators Report Posted April 3, 2010 That image is too wide Quote
Eicosav Posted April 4, 2010 Author Report Posted April 4, 2010 That image is too wide Here is a better pic: (Help me please to organize the contents)(my source code is in the posts above) Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.