PDA

View Full Version : help with template



LMHcliffy
Mar 16th, 2009, 02:57 PM
hi guys i hope someone can help me out,
there is a template i want to use bt i want to
transform it a little bit and i don't know how...
heres the html file of the template

<html>

<head>

<TITLE>{%MetaTitle%}</TITLE>

<meta name="keywords" content="{%MetaKeywords%}">

<meta name="description" content="{%MetaDescription%}">

<meta http-equiv="Content-Type" content="{%MetaCharset%}">

<style type="text/css">

<!--

td {

font-family: Tahoma, Arial, Helvetica, sans-serif;

font-size: 11px;

color: #FFFFFF;

}

body {

background-color: #000000;

}

.content {

padding-top: 20px;

padding-right: 20px;

padding-bottom: 40px;

padding-left: 20px;

background-image: url(images/e004_12.jpg);

background-position: left top;

background-repeat: no-repeat;

}

.menutop {

background-image: url(images/e004_07.jpg);

background-repeat: no-repeat;

background-position: right;

height: 24px;

padding-right: 15px;

padding-left: 15px;

vertical-align: middle;

font-weight: bold;

color: #FFFFFF;

}

a:link, a:visited {

color: #FFFFFF;

text-decoration: underline;

}

a:hover {

color: #A3FD3C;

text-decoration: none;

}

.menutop a:link, .menutop a:visited {

color: #FFFFFF;

text-decoration: none;

}

.menutop a:hover {

color: #A3FD3C;

text-decoration: underline;

}

.footer, .footer a:link, .footer a:visited {

color: #FFFFFF;

}

.logo {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: bold;

color: #FFFFFF;

}

.style1 {font-size: 16px}

-->

</style></head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table height="100%" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td width="171" height="126" align="center" background="images/e004_01.jpg"><table width="160" border="0" cellpadding="5" cellspacing="0">

<tr>

<td align="center" class="logo"><span class="style1">{%WebsiteName%}</span><br>

{%WebsiteSlogan%}</td>

</tr>

</table></td>

<td width="609" height="126" background="images/e004_02.jpg">&nbsp;</td>

</tr>

<tr>

<td valign="top"><img src="images/e004_03.jpg" width="170" height="383" alt=""></td>

<td valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td><table width="545" border="0" cellpadding="0" cellspacing="0" background="images/e004_05.jpg">

<tr>

<td width="7"><img src="images/e004_04.jpg" width="7" height="24" alt=""></td>

<td><table border="0" cellpadding="0" cellspacing="0">

<tr>

{%menu_start=1%} <td class="menutop"><a href="{%menu_href%}">{%menu_display%}</a></td>{%menu_end=1%}

</tr>

</table></td>

<td width="63"><img src="images/e004_09.jpg" width="63" height="24" alt=""></td>

</tr>

</table></td>

</tr>

<tr>

<td height="100%" valign="top"><table width="550" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="3" valign="bottom" background="images/e004_11.jpg"><img src="images/e004_16.jpg" width="3" height="214" alt=""></td>

<td valign="top" class="content"><p>{%content%}</p>

</td>

</tr>

</table></td>

</tr>

<tr>

<td height="30" align="center" class="footer">{%WebsiteFooter%}</td>

</tr>

<tr>

<td align="center" class="footer">&nbsp;</td>

</tr>

</table></td>

</tr>

</table>

</body>

</html>
heres how i want it to be and how it looks like now
http://img13.imageshack.us/gal.php?g=77522194.jpg

so i want to copy the left side to the right
i hope i explained it well...
please help guys thanks

Genie1
Mar 16th, 2009, 03:08 PM
Hi,

Would you be able to provide a download copy of this site, so i can sort it out for you.

Thank you
Have a good day

kashfun
Mar 16th, 2009, 04:00 PM
You should use DIV tags instead of tables. Once you use div tags, style the left column to float: right; That should do the trick.

BoldUlysses
Mar 16th, 2009, 04:41 PM
I'd recommend using a different template. The one you posted has a number of problems such as lack of a DOCTYPE (http://www.alistapart.com/articles/doctype/), non-semantic code (http://www.boagworld.com/technology/semantic_code_what_why_how/) and as mentioned above, using tables for layout (http://phrogz.net/css/WhyTablesAreBadForLayout.html).

Here are a couple of pages with some much better templates to work from:

- Bonrouge layouts (http://bonrouge.com/3c-hf-fluid-lc.php)
- Layout Gala (http://blog.html.it/layoutgala/)

You should be able to find one that fits the structure you envision for your page.

kashfun
Mar 16th, 2009, 05:02 PM
agreed, you should get a different template. If you still insist on using this template, then be prepared to have to recode the whole site. If you do, DO NOT USE TABLES!

Just do like what I said earlier, style the left column to float right.

LMHcliffy
Mar 17th, 2009, 10:27 AM
hues thanks for the replies
yesterday i was tryiing all day to make it work but unfortunately couldn't,msuffern thanks for the link but these are getting me confused because i don't know how to put rthe menu in there,sorry for my lack of knowledge,kashfun thank you but don't know much about html i can pm you all my site and the template i use if you want , also this host i'm using it has encrypted some index files with the menu and i did some modifications to change the menu it worked ,but know with the right colum i 'm really having a hard time..:(

BoldUlysses
Mar 17th, 2009, 03:12 PM
Post a link to your test page. We need to be able to see the images and what you have so far.

And don't apologize about your lack of knowledge. Educate yourself! (http://www.w3schools.com/) :thumbsup:

LMHcliffy
Mar 19th, 2009, 10:57 AM
Post a link to your test page. We need to be able to see the images and what you have so far.

And don't apologize about your lack of knowledge. Educate yourself! (http://www.w3schools.com/) :thumbsup:
oh i'm sorry i just saw this..
its ok msuffern Genie is helping me on this thank you all for the responses
and thanks for the link i will ;):thumbsup: