Jump to content

After change everything is on one side...


Guest sir_erken

Recommended Posts

Guest sir_erken

Made a change in my website layout.

adding a box on the left side.

After this change it looks like this www.partyjouren.se/shop/

Why?

Need som help plz!

note: i added the box named "Betalningsemedel" (like payment alternatives)

Link to comment
Share on other sites

Guest sir_erken

here it is.

Wasn´t allowed to uplod a file with *.tpl extension...

<!-- BEGIN: body -->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset={VAL_ISO}" />

<title>{META_TITLE}</title>

<meta name="description" content="{META_DESC}" />

<meta name="keywords" content="{META_KEYWORDS}" />

<link href="skins/{VAL_SKIN}/styleSheets/layout.css" rel="stylesheet" type="text/css" />

<link href="skins/{VAL_SKIN}/styleSheets/style.css" rel="stylesheet" type="text/css" />

<script language="javascript" src="js/jslibrary.js" type="text/javascript"></script>

</head>

<body>

<div id="pageSurround">

<div id="topHeader">

<div>{SEARCH_FORM}</div>

<div>{SESSION}</div>

</div>

<div>

<div class="colLeft">

{CATEGORIES}

{RANDOM_PROD}

{INFORMATION}

<div class="boxTitleLeft">Betalningsemedel</div>

<div class="boxContentLeft">

<div syle="text-align: center">

<img src="http://www.partyjouren.se/shop/bank.gif" alt="">

</div>

</div>

<div class="colMid">

{PAGE_CONTENT}

</div>

<div class="colRight">

{SHOPPING_CART}

{POPULAR_PRODUCTS}

{SALE_ITEMS}

{MAIL_LIST}

</div>

</div>

<br clear="all" />

{SITE_DOCS}

</div>

</body>

</html>

<!-- END: body -->

Link to comment
Share on other sites

You are missing a closing </div> tag.

Try replacing this block:

<div class="boxTitleLeft">Betalningsemedel</div>

<div class="boxContentLeft">

<div syle="text-align: center">

<img src="http://www.partyjouren.se/shop/bank.gif" alt="">

</div>



</div>




With this:




<div class="boxTitleLeft">Betalningsemedel</div>

<div class="boxContentLeft">

<div syle="text-align: center">

<img src="http://www.partyjouren.se/shop/bank.gif" alt=""></div>

</div>

</div>

<br clear="all" />

. . . adding a closing tag for .colLeft div, and a clear break ;)

That should be all it takes, but if it doesn't solve the prob completely, then resize this to a width of 145 px

bank.gif

Edited by markscarts
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...