Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Need Layout Help!!!!

    I need my page to be centered, but there is no option to. Where do I put in the coding? The page is separated in two frames, and all I want is when people open up the webpage on a bigger screen, that the website will be centered instead of flush to the left. Here is the coding:

    --------------------------------------------

    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="generator" content="Adobe GoLive">
    <title>The Rock Church Worldwide - Home</title>
    <style type="text/css">
    <!--
    body {
    margin-bottom: 0px;
    margin-right: 0px;
    background-color: #FFFFFF;
    }
    -->
    </style></head>

    <body leftmargin="0" topmargin="0">
    <table width="1005" border="0" cellspacing="2" cellpadding="0" bgcolor="black">
    <tr bgcolor="black" height="900">
    <td width="800" height="901" bgcolor="#FFFFFF"><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="901" width="800" align="top">
    <param name="scale" value="noborder">
    <param name="movie" value="rocktemp.swf">
    <param name="quality" value="best">
    <param name="play" value="true">


    <param name="BGCOLOR" value="#FFFFFF">
    <embed src="rocktemp.swf" width="800" height="901" align="top" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" quality="best" play="true" scale="noborder" bgcolor="#FFFFFF"></embed>
    </object></td>
    <td width="199" height="901" valign="top" bgcolor="#FFFFFF"><p><img src="http://www.therockchurches.com/TV-Block.gif" alt="" height="156" width="199" border="0"><img src="http://www.therockchurches.com/TV-Bar.gif" alt="" height="35" width="199" align="top" border="0"><br>
    <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="317" width="199">
    <param name="movie" value="Video.swf">
    <param name="quality" value="best">
    <param name="play" value="true">
    <embed height="317" pluginspage="http://www.macromedia.com/go/getflashplayer" src="Video.swf" type="application/x-shockwave-flash" width="199" quality="best" play="true">
    </object>
    <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="393" width="199">
    <param name="movie" value="lighthouse.swf">
    <param name="quality" value="best">
    <param name="play" value="true">
    <embed height="393" pluginspage="http://www.macromedia.com/go/getflashplayer" src="lighthouse.swf" type="application/x-shockwave-flash" width="199" quality="best" play="true"></embed>
    </object>
    </p>
    </td>
    </tr>
    <tr bgcolor="#FFFFFF" height="30">
    <td width="1001" height="30" colspan="2"><img src="http://www.therockchurches.com/home/footer-2.gif" alt="" height="30" width="1001" border="0" livesrc="../webite/footer-2.gif"></td>
    </tr>
    </table>


    </body>

    </html>

    -------------------------------

    Thanks for your help.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    The ideal way would be to code it without tables. I have also included the way to do it with tables. It is commented out. People with smaller resolutions will get a horizontal scrollbar.
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>The Rock Church Worldwide - Home</title>
    <style type="text/css">
    <!--
    body {
    margin:0;
    padding:0;
    background-color: #FFFFFF;
    }
    #container {
    width:1005px;
    background:#000;
    color:#FFF;
    margin:auto;
    }
    #main {
    width:800px;
    height:901px;
    background:#FFF;
    color:#000;
    float:left;
    }
    #right-col {
    width:199px;
    height:901px;
    background:#FFF;
    color:#000;
    vertical-align:top;
    }
    #footer {
    width:1001px;
    background:#FFF;
    color:#000;
    height:30px;
    line-height:0px;
    font-size:1px;
    clear:both;
    }
    -->
    </style></head>
    
    <body>
    <div id="container">
    	<div id="main">
    		<object type="application/x-shockwave-flash" data="rocktemp.swf" width="800" height="901">
    			<param name="movie" value="rocktemp.swf">
    			<param name="scale" value="noborder">
    			<param name="quality" value="best">
    		</object>	
    	</div>
    	<div id="right-col"><img src="http://www.therockchurches.com/TV-Block.gif" alt="" height="156" width="199" border="0"><img src="http://www.therockchurches.com/TV-Bar.gif" alt="" height="35" width="199" align="top" border="0"><br>
    		<object type="application/x-shockwave-flash" data="Video.swf" width="199" height="317">
    			<param name="movie" value="Video.swf">
    			<param name="quality" value="best">
    		</object>
    		<object type="application/x-shockwave-flash" data="lighthouse.swf" width="199" height="393">
    			<param name="movie" value="lighthouse.swf">
    			<param name="quality" value="best">
    		</object>
    	</div>
    	<div id="footer"><img src="http://www.therockchurches.com/home/footer-2.gif" alt="" height="30" width="1001" border="0" livesrc="../webite/footer-2.gif"></div>
    </div>
    <!--<table id="container" border="0" cellspacing="2" cellpadding="0">
    	<tr>
    		<td id="main">
    			<object type="application/x-shockwave-flash" data="rocktemp.swf" width="800" height="901">
    				<param name="movie" value="rocktemp.swf">
    				<param name="scale" value="noborder">
    				<param name="quality" value="best">
    			</object>
    		</td>
    		<td id="right-col"><p><img src="http://www.therockchurches.com/TV-Block.gif" alt="" height="156" width="199" border="0"><img src="http://www.therockchurches.com/TV-Bar.gif" alt="" height="35" width="199" align="top" border="0"><br>
    			<object type="application/x-shockwave-flash" data="Video.swf" width="199" height="317">
    				<param name="movie" value="Video.swf">
    				<param name="quality" value="best">
    			</object>
    			<object type="application/x-shockwave-flash" data="lighthouse.swf" width="199" height="393">
    				<param name="movie" value="lighthouse.swf">
    				<param name="quality" value="best">
    			</object>
    			</p>
    		</td>
    	</tr>
    	<tr>
    		<td id="footer" colspan="2"><img src="http://www.therockchurches.com/home/footer-2.gif" alt="" height="30" width="1001" border="0" livesrc="../webite/footer-2.gif" alt=""></td>
    	</tr>
    </table>-->
    </body>
    </html>
    What is the livesrc doing in the footer? What is its purpose?

  • #3
    Senior Coder
    Join Date
    May 2005
    Posts
    2,137
    Thanks
    96
    Thanked 72 Times in 72 Posts
    You can use the simple and basic H centering tag. It would be like this
    <h1 align="center">CONTENT HERE</h1> Of course you can use h1 - h6 for sizes, but that will also alter your text to a different size or style.

  • #4
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cool Thank you

    Thank you to you all. This has been very helpful. I am a beginner at html, but I am a flash nut. I really don't understand html all that well but I am learning. I don't know why I had a live source on the page. It is what worked for me that's all.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •