Some problems.

Eicosav · 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.

Tom · April 3, 2010

Do you have a live version or could you post the source code?

Eicosav · 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 id="main">

<blockquote>

<p><img src="http://eicosav.webcindario.com/lib/skins/newskin/images/pic.JPG" alt="" width="850" height="284" /></p>

</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>

Eicosav · 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>

Tom · April 3, 2010

I'm assuming this is your header? What about the footer?

Eicosav · April 3, 2010

I'm assuming this is your header? What about the footer?

Here is my footer:

</div>

</body>

</html>

Tom · 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.

Eicosav · 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

Tom · April 3, 2010

In header.tpl at the bottom add:

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.

Eicosav · 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.

Nabeel · April 3, 2010

That image is too wide

Eicosav · 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)

Eicosav · April 4, 2010

Still having problems...

Some problems.

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation