PDA

View Full Version : Center My Template


TeamLupeRealEstate
10-07-2010, 04:48 PM
Ok, so im kinda taking a nose dive into the deep end on what i am doing. I have dreamweaver cs5, fireworks cs5, and some more of the cs5 package. I have made my template with the correct slices in fireworks, exported the template to dreamweaver in html, saved the template and made all the correct changes and editable sections, all of that is fine, i think i have a decent understanding. But when i make the new page, and do all of the changes for that page it looks like it takes up the whole screen right....... NOO!.... when i preview it in the browser its like half of the page and the text gets smaller...... My boss said it looks good, i just need to fill more of the page becasue she can barley read it. I have tryied to center the page so there isnt alot of space on the right side, but it doesnt center. I have tried to increase the template side in firewaorks and did the whole process over again, but that didnt work either, i have done and re done, and re re done this process like 30 times..... I needs some help, i am on a tight time crunch, i have to get two web sites done by my review on dec 1. I am on my 1st site, i know once i get the template down, everything else is just filling in information....... Please help me.... me and my family is counting on this raise

Corrosive
10-07-2010, 05:17 PM
Can you post a link or some code please?

TeamLupeRealEstate
10-08-2010, 03:12 PM
I dont have it uploaded yet, so here is the code, thanks again

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/tryoutdesign.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>tryoutdesign.png</title>
<!-- InstanceEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--Fireworks CS5 Dreamweaver CS5 target. Created Thu Oct 07 10:14:08 GMT-0500 (Central Daylight Time) 2010-->
<script language="JavaScript1.2" type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
<style type="text/css" media="screen">
@import url("tryoutdesign.css");
.bodybg {
background-image: url(tryoutdesign_r7_c5_s1.png);
background-repeat: repeat-y;
}
.articlebg {
background-image: url(tryoutdesign_r3_c6_s1.png);
background-repeat: repeat-y;
}
.leftbarbg {
background-image: url(tryoutdesign_r16_c3_s2.png);
background-repeat: repeat-y;
}
body {
background-color: #666;
}
</style>
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
#FWTableContainer2049908018 table tr td h2 {
color: #FFF;
}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<!-- InstanceEndEditable -->
</head>
<body bgcolor="#ffffff" onload="MM_preloadImages('tryoutdesign_r4_c3_s2.png','tryo utdesign_r5_c3_s2.png','tryoutdesign_r6_c3_s2.png' ,'tryoutdesign_r8_c2_s2.png','tryoutdesign_r9_c3_s 2.png','tryoutdesign_r10_c2_s2.png','tryoutdesign_ r11_c3_s2.png','tryoutdesign_r12_c3_s2.png','tryou tdesign_r13_c3_s2.png','tryoutdesign_r14_c3_s2.png ')">
<div id="FWTableContainer2049908018">
<div align="center">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="1100">
<!-- fwtable fwsrc="tryoutdesign.png" fwpage="Page 1" fwbase="tryoutdesign.png" fwstyle="Dreamweaver" fwdocid = "2049908018" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="119" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="133" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="702" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="144" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>

<tr>
<td rowspan="17"><img name="tryoutdesign_r1_c1_s1" src="tryoutdesign_r1_c1_s1.png" width="1" height="1401" border="0" id="tryoutdesign_r1_c1_s1" alt="" /></td>
<td colspan="5" bgcolor="#CCCCCC"><!-- InstanceBeginEditable name="header" -->
<h1 align="center">Killeen Real Estate, Harker Heights Real Estate, Belton Real Estate, Fort Hood Real Estate, Copperas Cove Real Estate, Temple Real Estate</h1>
<!-- InstanceEndEditable --></td>
<td><img src="spacer.gif" width="1" height="103" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="2"><img name="tryoutdesign_r2_c2_s1" src="tryoutdesign_r2_c2_s1.png" width="120" height="147" border="0" id="tryoutdesign_r2_c2_s1" alt="" /></td>
<td colspan="2" rowspan="2" bgcolor="#D5C89F"><!-- InstanceBeginEditable name="banner" -->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="832" height="116" id="FlashID" title="Killeen Homes">
<param name="movie" value="bannerAD.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you donít want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="bannerAD.swf" width="832" height="116">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="homesSell@TeamLupe.com">homesSell@TeamLupe.com</a></li (http://www.adobe.com/go/getflashplayer)>
<li>Office:254-690-1365</li>
<li>Fax:254-213-3719</li>
</ul>
</div>
<div>2201 S. W.S. Young Drive, Suite 111A, Killeen, TX 76543</div></td>
<td><img src="spacer.gif" width="1" height="136" border="0" alt="" /></td>
</tr>
</table>
</div>
<div id="MMMenuContainer1006132913_0">
<div id="MMMenu1006132913_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
<div align="center"><a href="index.html" target="_self" id="MMMenu1006132913_0_Item_0" class="MMMIFVStyleMMMenu1006132913_0" onmouseover="MM_menuOverMenuItem('MMMenu1006132913_0');">
Home&nbsp;Page
</a>
<a href="spanish.html" target="_self" id="MMMenu1006132913_0_Item_1" class="MMMIVStyleMMMenu1006132913_0" onmouseover="MM_menuOverMenuItem('MMMenu1006132913_0');">
En&nbsp;Espanol
</a>
<a href="testimonials.html" target="_self" id="MMMenu1006132913_0_Item_2" class="MMMIVStyleMMMenu1006132913_0" onmouseover="MM_menuOverMenuItem('MMMenu1006132913_0');">
Testimonials
</a>
<a href="links.html" target="_self" id="MMMenu1006132913_0_Item_3" class="MMMIVStyleMMMenu1006132913_0" onmouseover="MM_menuOverMenuItem('MMMenu1006132913_0');">
My&nbsp;Links
</a>
<a href="contact.html" target="_self" id="MMMenu1006132913_0_Item_4" class="MMMIVStyleMMMenu1006132913_0" onmouseover="MM_menuOverMenuItem('MMMenu1006132913_0');">
Contact&nbsp;Us
</a>
</div>
</div>
</div>
<div id="MMMenuContainer1006152030_1">
<div id="MMMenu1006152030_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
<div align="center"><a href="propmgmt.html" target="_self" id="MMMenu1006152030_1_Item_0" class="MMMIFVStyleMMMenu1006152030_1" onmouseover="MM_menuOverMenuItem('MMMenu1006152030_1');">
Property&nbsp;Management
</a>
<a href="rentals.html" target="_self" id="MMMenu1006152030_1_Item_1" class="MMMIVStyleMMMenu1006152030_1" onmouseover="MM_menuOverMenuItem('MMMenu1006152030_1');">
Rentals
</a>
<a href="leaseapp.html" target="_self" id="MMMenu1006152030_1_Item_2" class="MMMIVStyleMMMenu1006152030_1" onmouseover="MM_menuOverMenuItem('MMMenu1006152030_1');">
Lease&nbsp;Application
</a>
<a href="workorder.html" target="_self" id="MMMenu1006152030_1_Item_3" class="MMMIVStyleMMMenu1006152030_1" onmouseover="MM_menuOverMenuItem('MMMenu1006152030_1');">
Work&nbsp;Order&nbsp;Request
</a>
<a href="buyvsrent.html" target="_self" id="MMMenu1006152030_1_Item_4" class="MMMIVStyleMMMenu1006152030_1" onmouseover="MM_menuOverMenuItem('MMMenu1006152030_1');">
Buying&nbsp;VS&nbsp;Renting
</a>
</div>
</div>
</div>
<div id="MMMenuContainer1006152030_2">
<div id="MMMenu1006152030_2" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
<div align="center"><a href="listings.html" target="_self" id="MMMenu1006152030_2_Item_0" class="MMMIFVStyleMMMenu1006152030_2" onmouseover="MM_menuOverMenuItem('MMMenu1006152030_2');">
My&nbsp;Listings
</a>
<a href="ltplistings.html" target="_self" id="MMMenu1006152030_2_Item_1" class="MMMIVStyleMMMenu1006152030_2" onmouseover="MM_menuOverMenuItem('MMMenu1006152030_2');">
Lease&nbsp;To&nbsp;Purchase&nbsp;Listings
</a>
<a href="investprop.html" target="_self" id="MMMenu1006152030_2_Item_2" class="MMMIVStyleMMMenu1006152030_2" onmouseover="MM_menuOverMenuItem('MMMenu1006152030_2');">
Investment&nbsp;Properties
</a>
<a href="showrequest.html" target="_self" id="MMMenu1006152030_2_Item_3" class="MMMIVStyleMMMenu1006152030_2" onmouseover="MM_menuOverMenuItem('MMMenu1006152030_2');">
Request&nbsp;Showing
</a>
<a href="freelist.html" target="_self" id="MMMenu1006152030_2_Item_4" class="MMMIVStyleMMMenu1006152030_2" onmouseover="MM_menuOverMenuItem('MMMenu1006152030_2');">
Free&nbsp;List
</a>
</div>
</div>
</div>
<div id="MMMenuContainer1006134236_3">
<div id="MMMenu1006134236_3" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
<div align="center"><a href="ltp.html" target="_self" id="MMMenu1006134236_3_Item_0" class="MMMIFVStyleMMMenu1006134236_3" onmouseover="MM_menuOverMenuItem('MMMenu1006134236_3');">
What&nbsp;Is&nbsp;Lease&nbsp;To&nbsp;Purchase?
</a>
<a href="ltplistings.html" target="_self" id="MMMenu1006134236_3_Item_1" class="MMMIVStyleMMMenu1006134236_3" onmouseover="MM_menuOverMenuItem('MMMenu1006134236_3');">
Lease&nbsp;To&nbsp;Purchase&nbsp;Listing
</a>
</div>
</div>
</div>
<div id="MMMenuContainer1006225006_4">
<div id="MMMenu1006225006_4" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
<div align="center"><a href="buyers.html" target="_self" id="MMMenu1006225006_4_Item_0" class="MMMIFVStyleMMMenu1006225006_4" onmouseover="MM_menuOverMenuItem('MMMenu1006225006_4');">
Buying&nbsp;Information
</a>
<a href="chooseneighborhood.html" target="_self" id="MMMenu1006225006_4_Item_1" class="MMMIVStyleMMMenu1006225006_4" onmouseover="MM_menuOverMenuItem('MMMenu1006225006_4');">
Choose&nbsp;A&nbsp;Neighborhood
</a>
<a href="choosehome.html" target="_self" id="MMMenu1006225006_4_Item_2" class="MMMIVStyleMMMenu1006225006_4" onmouseover="MM_menuOverMenuItem('MMMenu1006225006_4');">
Choose&nbsp;Home
</a>
<a href="takecharge.html" target="_self" id="MMMenu1006225006_4_Item_3" class="MMMIVStyleMMMenu1006225006_4" onmouseover="MM_menuOverMenuItem('MMMenu1006225006_4');">
Take&nbsp;Charge
</a>
<a href="realtorsforbuyers.html" target="_self" id="MMMenu1006225006_4_Item_4" class="MMMIVStyleMMMenu1006225006_4" onmouseover="MM_menuOverMenuItem('MMMenu1006225006_4');">
Realtors&nbsp;For&nbsp;Buyers
</a>
<a href="homeinspec.html" target="_self" id="MMMenu1006225006_4_Item_5" class="MMMIVStyleMMMenu1006225006_4" onmouseover="MM_menuOverMenuItem('MMMenu1006225006_4');">
Home&nbsp;Inspections
</a>
<a href="makingoffer.html" target="_self" id="MMMenu1006225006_4_Item_6" class="MMMIVStyleMMMenu1006225006_4" onmouseover="MM_menuOverMenuItem('MMMenu1006225006_4');">
Making&nbsp;Offer
</a>
<a href="govtax.html" target="_self" id="MMMenu1006225006_4_Item_7" class="MMMIVStyleMMMenu1006225006_4" onmouseover="MM_menuOverMenuItem('MMMenu1006225006_4');">
Gov&nbsp;Tax&nbsp;Credit
</a>
</div>
</div>
</div>
<div id="MMMenuContainer1006134930_5">
<div id="MMMenu1006134930_5" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
<div align="center"><a href="sellers.html" target="_self" id="MMMenu1006134930_5_Item_0" class="MMMIFVStyleMMMenu1006134930_5" onmouseover="MM_menuOverMenuItem('MMMenu1006134930_5');">
Selling&nbsp;Information
</a>
<a href="basicmarketing.html" target="_self" id="MMMenu1006134930_5_Item_1" class="MMMIVStyleMMMenu1006134930_5" onmouseover="MM_menuOverMenuItem('MMMenu1006134930_5');">
Basic&nbsp;Marketing
</a>
<a href="settingprice.html" target="_self" id="MMMenu1006134930_5_Item_2" class="MMMIVStyleMMMenu1006134930_5" onmouseover="MM_menuOverMenuItem('MMMenu1006134930_5');">
Setting&nbsp;List&nbsp;Price
</a>
<a href="gethomeready.html" target="_self" id="MMMenu1006134930_5_Item_3" class="MMMIVStyleMMMenu1006134930_5" onmouseover="MM_menuOverMenuItem('MMMenu1006134930_5');">
Get&nbsp;Your&nbsp;Home&nbsp;Ready
</a>
<a href="realtorsforsellers.html" target="_self" id="MMMenu1006134930_5_Item_4" class="MMMIVStyleMMMenu1006134930_5" onmouseover="MM_menuOverMenuItem('MMMenu1006134930_5');">
Realtors&nbsp;For&nbsp;Sellers
</a>
</div>
</div>
</div>
<div id="MMMenuContainer1006220213_6">
<div id="MMMenu1006220213_6" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
<div align="center"><a href="customhome.html" target="_self" id="MMMenu1006220213_6_Item_0" class="MMMIFVStyleMMMenu1006220213_6" onmouseover="MM_menuOverMenuItem('MMMenu1006220213_6');">
Custom&nbsp;Built&nbsp;Home
</a>
<a href="floorplans.html" target="_self" id="MMMenu1006220213_6_Item_1" class="MMMIVStyleMMMenu1006220213_6" onmouseover="MM_menuOverMenuItem('MMMenu1006220213_6');">
Floor&nbsp;Plans
</a>
</div>
</div>
</div>
<div id="MMMenuContainer1006220213_7">
<div id="MMMenu1006220213_7" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
<div align="center"><a href="creditrepair.html" target="_self" id="MMMenu1006220213_7_Item_0" class="MMMIFVStyleMMMenu1006220213_7" onmouseover="MM_menuOverMenuItem('MMMenu1006220213_7');">
Credit&nbsp;Repair&nbsp;Information
</a>
<a href="fixyourcredit.html" target="_self" id="MMMenu1006220213_7_Item_1" class="MMMIVStyleMMMenu1006220213_7" onmouseover="MM_menuOverMenuItem('MMMenu1006220213_7');">
Why&nbsp;Fix&nbsp;Your&nbsp;Credit?
</a>
</div>
</div>
</div>
<div id="MMMenuContainer1006135429_8">
<div id="MMMenu1006135429_8" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();">
<div align="center"><a href="buyvsrent.html" target="_self" id="MMMenu1006135429_8_Item_0" class="MMMIFVStyleMMMenu1006135429_8" onmouseover="MM_menuOverMenuItem('MMMenu1006135429_8');">
Buying&nbsp;VS&nbsp;Renting
</a>
<a href="choosehome.html" target="_self" id="MMMenu1006135429_8_Item_1" class="MMMIVStyleMMMenu1006135429_8" onmouseover="MM_menuOverMenuItem('MMMenu1006135429_8');">
Choose&nbsp;Your&nbsp;Home
</a>
<a href="realtorsforbuyers.html" target="_self" id="MMMenu1006135429_8_Item_2" class="MMMIVStyleMMMenu1006135429_8" onmouseover="MM_menuOverMenuItem('MMMenu1006135429_8');">
Realtors&nbsp;For&nbsp;Buyers
</a>
<a href="homeinspec.html" target="_self" id="MMMenu1006135429_8_Item_3" class="MMMIVStyleMMMenu1006135429_8" onmouseover="MM_menuOverMenuItem('MMMenu1006135429_8');">
Home&nbsp;Inspections
</a>
<a href="makingoffer.html" target="_self" id="MMMenu1006135429_8_Item_4" class="MMMIVStyleMMMenu1006135429_8" onmouseover="MM_menuOverMenuItem('MMMenu1006135429_8');">
Making&nbsp;Offer
</a>
<a href="govtax.html" target="_self" id="MMMenu1006135429_8_Item_5" class="MMMIVStyleMMMenu1006135429_8" onmouseover="MM_menuOverMenuItem('MMMenu1006135429_8');">
Gov&nbsp;Tax&nbsp;Credit
</a>
<a href="realtorsforsellers.html" target="_self" id="MMMenu1006135429_8_Item_6" class="MMMIVStyleMMMenu1006135429_8" onmouseover="MM_menuOverMenuItem('MMMenu1006135429_8');">
Realtors&nbsp;For&nbsp;Sellers
</a>
<a href="fixyourcredit.html" target="_self" id="MMMenu1006135429_8_Item_7" class="MMMIVStyleMMMenu1006135429_8" onmouseover="MM_menuOverMenuItem('MMMenu1006135429_8');">
Why&nbsp;Fix&nbsp;Your&nbsp;Credit
</a>
</div>
</div>
</div>
</div>
</body>
<!-- InstanceEnd --></html>

LawWebServices
10-11-2010, 03:28 PM
TeamLupe,

I am kinda new to DW as well so this my just be the blind leading the blind but this is what I do to centre my pages.

Create a div, I usually call it wrapper, and put your whole page inside of it. Then create a css rule for it. Next, open the css Rule Definition box for wrapper. Under the 'Box' tab set left and right margins to auto. This should automatically set the left and right margins to the same and centre you page.

Hope this helps

Brad

TeamLupeRealEstate
10-11-2010, 07:44 PM
very much so, thanks again!