HTML Help

hialeah · Joined: 20 Mar 2009 Posts: 9

[url]http://www.hialeahquarters.com

my website looks like I designed it on my computer, but on everyone elses computer it looks different.
If you go to my site the side with the horse shoes is suppose to be on both sides and the wording and pictures are suppose to be centered. I used photoimpact to make the designs, and I downloaded Nvu to publish, If you could tell me what I have done wrong, or if you know a better editor or publishing program. that would be great When I designed the background I made it 1263 x 1524 pixels (would that be the reason) Thanks

camoman666 · Posted: Fri Mar 20, 2009 3:48 pm

I looked at your site, and it looks fine to me, so either you fixed the problem you had, or my computer has similar settings to yours. I'm using MSIE V 7.0.6001.18000 (2006 version) if that tells you anything. Please let me know if you fixed your problem or if you still need help.

hialeah · Joined: 20 Mar 2009 Posts: 9

I have not done anything with it I'm also using MSIE V 7.0.6001.18000 I talked to someone that is using IE6 and they don't see the brown with horseshoes on the right, they are only on the left side. So then everything else looks off centered. What changes need to be made so all versions see the same.

sticks464 · Joined: 31 Dec 2006 Posts: 2309

You can't do it with the one image, you need two. Make one image of just the brown with horseshoes and the other the blue background. Then use a 3-column fluid layout with the brown image on the left and right and the blue image in the center. The left and right should be a fixed width and the center fluid so the whole page adjust to screen size.

hialeah · Joined: 20 Mar 2009 Posts: 9

ok, I'm pretty well new to this, how does a person make a 3 column fluid layout for my particular background. I have the two separate images. Thanks

sticks464 · Joined: 31 Dec 2006 Posts: 2309

Well it's not actually a 3-column layout but it looks like one.

Code: <!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>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
* {
margin:0;
padding:0;
}

/* commented backslash hack v2 \*/
html, body{height:100%;}
/* end hack */

html {overflow-y:scroll;} /*keep scrollbar present in FF*/

html {
height:100%;
background-image:url(images/horseshoe.jpg);
background-repeat:repeat-y;
background-position:right top;
background-attachment:fixed;
}
body {
height:100%;
margin:0;
background-image:url(images/horseshoe.jpg);
background-repeat:repeat-y;
background-position:left top;
background-attachment:fixed;
}
#outer{
min-height:100%;
background:transparent url(images/lines.jpg);
color: #000000;
margin:0 200px 0 200px;
text-align:center;
position:relative;
}
* html #outer{height:100%}
#header {
height:142px;
}
#footer {
position:absolute;
bottom:0;
left:0;
height:40px;
width:100%;
padding:10px 0;
}
#clearfooter{clear:both;height:40px;}/*needed to make room for footer*/
</style>
</head>
<body>
<div id="outer">
<div id="header"><h1><img src="images/wel1.png" width="572" height="142" alt="" /></h1></div>
<p class="decor"><img src="images/des.png" alt="" width="369" height="145"></p>

<big><big><big style="font-weight: bold;"><span style="font-weight: bold;"> <a style="color: rgb(204, 204, 204);" href="mailto:chuckathialeahquarters.com"> </a></span><a style="color: rgb(204, 204, 204);" href="mailto:chuckathialeahquarters.com">Email</a></big></big></big><img style="width: 67px; height: 81px;" alt="" src="images/shoe.png"> <a style="color: rgb(204, 204, 204);"href="forsale.html"><big style="font-weight: bold;"><big><big>For Sale</big></big></big></a><img style="width: 67px; height: 81px;" alt="" src="images/shoe.png"><big><big><big><span style="font-weight: bold;"> <a style="color: rgb(204, 204, 204);" href="Mares.html">Mares</a></span><a style="color: rgb(204, 204, 204);" href="mares.html"><big><big><span style="font-weight: bold;"></span></big></big><span style="font-weight: bold;"></span></a></big></big></big><a style="color: rgb(204, 204, 204);" href="mares.html"><big><big><big><span style="font-weight: bold;"></span></big></big></big> </a><img style="width: 67px; height: 81px;" alt="" src="images/shoe.png">  <a style="color: rgb(204, 204, 204);" href="links.html"><big style="font-weight: bold;"><big><big>Links</big></big></big></a>

<div id="clearfooter"></div>
<div id="footer"><p class="foot">Web site designed by Hialeah Quarters<br>
Lisa Roos</p></div>

</div>
</body>
</html>

The images used in the background are
horseshoe.jpg - 200px X 300px
lines.jpg - 78px X 10px

hialeah · Joined: 20 Mar 2009 Posts: 9

Thanks, I got it to work on my home page, I tried it with my forsale page, but it didn't work, For some reason when you scroll down it just shows a white background. The background ends. What pixels do I use for the other pages, how do you determine pixels for each page, or does it have to do a fixed code. Thanks

camoman666 · Posted: Sat Mar 21, 2009 9:25 am

Is it going blank in IE 7 or 6? Its working fine in mine but if its going blank in your 7 it may just be taking time to repaint the background.

hialeah · Joined: 20 Mar 2009 Posts: 9

I changed it back to my old one when I couldn't get it to work, so now I have the new one up for columns. If you scroll all the way down you can see what it does. I don't have a clue how to fix it. Thanks

hialeah · Joined: 20 Mar 2009 Posts: 9

I saved the lines.jpg(blue) 78px width x 10px height, should I have done it the opposite?

camoman666 · Posted: Sat Mar 21, 2009 5:20 pm

Try changing
Code: <div id="outer">
<div id="header"<big><big><big><big><span style="font-weight: bold; color: rgb(204, 204, 204);"><span style="font-family: GungsuhChe;"><span style="text-decoration: underline;">For Sale</span><br>
to
Code: <div id="outer">
<div id="header"><big><big><big><big><span style="font-weight: bold; color: rgb(204, 204, 204);"><span style="font-family: GungsuhChe;"><span style="text-decoration: underline;">For Sale</span><br>
it was missing a > in the <div>

hialeah · Joined: 20 Mar 2009 Posts: 9

Added > but didn't make a difference.

sticks464 · Joined: 31 Dec 2006 Posts: 2309

Give me a few minutes and I will have your site uploaded to a temp directory and you can view it and copy the files and images. I have tested it in IE7, FF, Safari, Opera and Chrome and it works in all. Before I upload I will also check in IE6.

Edit:
Here's the link
If it's what you want let me know and I'll give you the links to the images.
If you want the css in an external file I can do that also.

hialeah · Joined: 20 Mar 2009 Posts: 9

It looks good, I probably don't need the css, or do I?
If I want the background to be fixed where would I add that. But it looks good and thanks so much, what program do you recommend for web publishing. Thanks

sticks464 · Joined: 31 Dec 2006 Posts: 2309

You will need the html files, the css file and the images which I resized and optimised for the web so they load faster.

I Just found another page (topbullet) that I will do real quick.
I'll post all the links in a few.
The backgrounds are fixed or will expand/extend as necessary for screen size and content.