Please HELP!!!

ICEMINISTRIES · #1 Jul 28th, 2007, 06:28

Hi,

I'm wondering if someone can help me with the coding of this template that I'm working on. I am very unfamiliar with codes and I have someone from England who is trying but having a rough time. He suggested that I bring it here and possibly one of the experts could re-code it for me.

I would greatly appreciate it!!

Code: Select all

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Website names goes here</title>
<style type="text/css">

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
width:100%
max-height: 100%; 
background-color: #f8ebf1;
}

#framecontentLeft{
    position: absolute;
    top: -10px;
    left: 0px;
    width: 102px; /*Width of left frame div*/
    height: 100%;
    overflow: hidden;
    color: #f8ebf1;
    background-image: url(images/left.jpg);
    z-index: 1;
}

#framecontentRight{
    position: absolute;
    top: -10px;
    width: 107px; /*Width of left frame div*/
    height: 100%;
    overflow: hidden;
    color: #f8ebf1;
    background-image: url(images/right.jpg);
    z-index: 1;
    left: 915px;
}

#framecontentTop{
    position: relative;
    top: -80px;
    left: -97px; /*Set left value to WidthOfLeftFrameDiv*/
    right: 150px; /*Set right value to WidthOfRightFrameDiv*/
    width: 813px;
    height: 133px; /*Height of top frame div*/
    overflow: disable;
    color: #f8ebf1;
    background-color: #f8ebf1;
    background-image: url(images/header2.jpg);
    z-index: 1;
    background-repeat: no-repeat;
}

#maincontent{
    position: fixed;
    top: 175px; /*Set top value to HeightOfTopFrameDiv*/
    left: 100px; /*Set left value to WidthOfLeftFrameDiv*/
    right: 600px; /*Set right value to WidthOfRightFrameDiv*/
    bottom: 0;
    overflow: auto;
    background-color: #f8ebf1;
    width: 804px;
    margin-right: 300px;
    padding-right: 500px;
}

.innertube{
    left: -20px;
}

* html body{ /*IE6 hack*/
padding: 120px 150px 0 200px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #framecontentTop{ /*IE6 hack*/
width: 122%;
}

</style>

<link href="CSS/extra.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="framecontentLeft">
<div class="innertube">


</div>
</div>

<div id="framecontentRight">
<div class="innertube">



</div>
</div>

<div id="framecontentTop"></div>


<div id="maincontent">
<div class="innertube">

<h1 align="center">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="557" height="105" title="Waterfall">
    <param name="movie" value="waterfalls.swf">
    <param name="quality" value="high">
    <embed src="waterfalls.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="557" height="105"></embed>
  </object>
</h1>
<h1 align="center">    Your text goes here</h1>
<p align="center" style="text-align: center">&nbsp;</p>
<p align="center" style="text-align: center">&nbsp;</p>
<p align="center" style="text-align: center"><a href="http://www.yourdomainname.com">Your webdesign name and link go here</a></p>
</div>
</div>


</body>
</html>

VanessaJW · #2 Jul 28th, 2007, 06:31

What is the actual problem you are having?

ICEMINISTRIES · #3 Jul 28th, 2007, 06:39

Hi,

When I preview it in IE browser it looks very distorted. The header and the columns are out of wack. Can you help?

ICEMINISTRIES · #4 Jul 28th, 2007, 06:41

I'm told that it is an IE scripting problem

VanessaJW · #5 Jul 28th, 2007, 06:49

Ah, sorry, no I don't know - but I've got a feeling it's something that someone else on here will be able to easily solve, so hang in there

(One day I'll be able to help someone with a coding problem, if I believe it enough it'll happen...)

Good luck with it!

ICEMINISTRIES · #6 Jul 28th, 2007, 06:52

Thanks anyway

Marc · #7 Jul 28th, 2007, 10:24

Please use a relevant post title next time!

nate2099 · #8 Jul 28th, 2007, 10:56

How did you want the layout to be?? Ive attached an image of what it looks like in ie7.. (changed the div background colors obviously..

Lchad · #9 Jul 28th, 2007, 11:00

Do you have a link to the site? I don't know what it's supposed to look like therefore I can't give you any ideas on how to fix it.

ICEMINISTRIES · #10 Jul 28th, 2007, 12:58

this is the link: http://www.lightex.co.uk/testfolder/mike/index4.html

ICEMINISTRIES · #11 Jul 28th, 2007, 15:40

For anyone who can help, here is the latest link to my problem:

http://www.inspiredconcepts-em.net/Test/index4(1).html

nate2099 · #12 Jul 29th, 2007, 00:51

Hey, I had a bit of a play.. I changed the sidebars to one image 1022px wide, and just repeated that down the page. Deleted all the absolute positioning. I think it might have been your ie6 hacks making it wonky in the first place.

Code: Select all

 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Website names goes here</title>
<style type="text/css">
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
width:100%
max-height: 100%; 
background-color: #f8ebf1;
}
 
#framecontentLeft{
    height: 100%;
 width: 1022px;
    color: #f8ebf1;
    background-image: url(images/main.jpg);
    z-index: 1;
}
#framecontentRight{
    position: absolute;
    top: -10px;
    width: 107px; /*Width of left frame div*/
    height: 100%;
    overflow: hidden;
    color: #f8ebf1;
    background-image: url(images/right.jpg);
    z-index: 1;
    left: 915px;
}
#framecontentTop{
    width: 818px;
    height: 133px; /*Height of top frame div*/
    overflow: disable;
    color: #f8ebf1;
    background-color: #f8ebf1;
    background-image: url(images/header2.jpg);
    z-index: 1;
    background-repeat: no-repeat;
 margin-left: 102px;
}
#maincontent{
 
    overflow: hidden;
    width: 804px;
 margin-right: 102px;
 margin-left: 102px;
}
.innertube{
    left: -20px;
}
 
* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}
 
</style>
<link href="CSS/extra.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="framecontentLeft">
<div id="framecontentTop"></div>
 
 
 
<div id="maincontent">
 
<h1 align="center">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/s...rsion=9,0,28,0" width="557" height="105" title="Waterfall">
    <param name="movie" value="waterfalls.swf">
    <param name="quality" value="high">
    <embed src="waterfalls.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/downl...ShockwaveFlash" type="application/x-shockwave-flash" width="557" height="105"></embed>
  </object>
</h1>
<h1 align="center">    Your text goes here</h1>
<p align="center" style="text-align: center">&nbsp;</p>
<p align="center" style="text-align: center">&nbsp;</p>
<p align="center" style="text-align: center"><a href="http://www.yourdomainname.com">Your webdesign name and link go here</a></p>
</div>
</div>
</body>
</html>

This works in ie6, ie7 and safari.

hope this helps.

ICEMINISTRIES · #13 Jul 29th, 2007, 02:35

Hi,

Thanks for the effort, but what I get when I look at this in IE6 and FF is a blank page with just a header.

nate2099 · #14 Jul 29th, 2007, 02:47

if you download this image

http:/www.tcnls.com/main.jpg

and save it in your images folder, this should work..

nate2099 · #15 Jul 29th, 2007, 02:50

http://www.tcnls.com/test/Untitled-1.htm

this is it working

ICEMINISTRIES · #16 Jul 29th, 2007, 02:54

ok, I can see the image in my browser but how do I download it?

nate2099 · #17 Jul 29th, 2007, 02:56

just right click it, and save as

ICEMINISTRIES · #18 Jul 29th, 2007, 03:12

Ok, I see the end result but I'm curious about something. While I awaited to hear from someone when I first submitted my post I have gone through the process of attempting to re-code the site. I had someone helping me and we were both running into the same problem. Here is the code:

Code: Select all

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Website names goes here</title>
<style type="text/css">

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
width:100%
max-height: 100%; 
background-color: #f8ebf1;
}

#framecontentLeft{
    position: absolute;
    top: -10px;
    left: 0px;
    width: 102px; /*Width of left frame div*/
    height: 100%;
    overflow: hidden;
    color: #f8ebf1;
    background-image: url(images/left3.jpg);
    z-index: 1;
}

#framecontentRight{
    position: absolute;
    top: -10px;
    width: 107px; /*Width of left frame div*/
    height: 100%;
    overflow: hidden;
    color: #f8ebf1;
    background-image: url(images/right2.jpg);
    z-index: 1;
    left: 915px;
}

#framecontentTop{
    position: relative;
    top: -10px;
    left: 102px; /*Set left value to WidthOfLeftFrameDiv*/
    right: 170px; /*Set right value to WidthOfRightFrameDiv*/
    width: 813px;
    height: 133px; /*Height of top frame div*/
    overflow: disable;
    color: #f8ebf1;
    background-color: #f8ebf1;
    background-image: url(flash/header2.swf);

#maincontent{
    position: fixed;
    top: 175px; /*Set top value to HeightOfTopFrameDiv*/
    left: 100px; /*Set left value to WidthOfLeftFrameDiv*/
    right: 600px; /*Set right value to WidthOfRightFrameDiv*/
    bottom: 0;
    overflow: auto;
    background-color: #f8ebf1;
    width: 804px;
    margin-right: 300px;
    padding-right: 500px;
}

.innertube{
    left: 10px;
}

* html body{ /*IE6 hack*/
padding: 120px 150px 0 200px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #framecontentTop{ /*IE6 hack*/
width: 121%;
}

</style>

<link href="CSS/extra.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="framecontentLeft">
<div class="innertube">
  <p align="center" h1="center">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="773" height="134">
      <param name="movie" value="flash/header2.swf">
      <param name="quality" value="high">
      <embed src="flash/header2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="773" height="134"></embed>
    </object>
  </p>
  </div>
</div>

<div id="framecontentRight">
<div class="innertube">



</div>
</div>

<div id="framecontentTop"></div>


<div id="maincontent">
<div class="innertube">

<h1 align="center">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="771" height="160" title="Waterfall">
    <param name="movie" value="waterfalls.swf">
    <param name="quality" value="high">
    <embed src="flash/waterfalls.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="771" height="160"></embed>
  </object>
</h1>
<h1 align="center">    Your text goes here</h1>
<p align="center" style="text-align: center">&nbsp;</p>
<p align="center" style="text-align: center">&nbsp;</p>
<p align="center" style="text-align: center"><a href="http://www.yourdomainname.com">Your webdesign name and link go here</a></p>
</div>
</div>


</body>
</html>

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Please HELP!!!