| View previous topic :: View next topic |
| Author |
Message |
hialeah
Joined: 20 Mar 2009
Posts: 9
|
 Posted: Fri Mar 20, 2009 12:24 pm website views different on other computers |
 |
|
|
[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
Joined: 24 Jun 2006
Posts: 373
Location: Fort Walton Beach, FL, USA
|
| 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
|
| Posted: Fri Mar 20, 2009 6:45 pm |
|
|
|
| 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: 2629
|
| Posted: Fri Mar 20, 2009 7:33 pm |
|
|
|
| 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
|
| Posted: Fri Mar 20, 2009 10:12 pm |
|
|
|
| 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: 2629
|
| Posted: Sat Mar 21, 2009 5:33 am |
|
|
|
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
|
| Posted: Sat Mar 21, 2009 9:04 am |
|
|
|
| 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
Joined: 24 Jun 2006
Posts: 373
Location: Fort Walton Beach, FL, USA
|
| 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
|
| Posted: Sat Mar 21, 2009 11:30 am |
|
|
|
| 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
|
| Posted: Sat Mar 21, 2009 11:52 am |
|
|
|
| I saved the lines.jpg(blue) 78px width x 10px height, should I have done it the opposite? |
|
camoman666
Joined: 24 Jun 2006
Posts: 373
Location: Fort Walton Beach, FL, USA
|
| 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
|
| Posted: Sat Mar 21, 2009 5:37 pm |
|
|
|
| Added > but didn't make a difference. |
|
sticks464
Joined: 31 Dec 2006
Posts: 2629
|
| Posted: Sat Mar 21, 2009 5:58 pm |
|
|
|
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
|
| Posted: Sat Mar 21, 2009 6:30 pm |
|
|
|
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: 2629
|
| Posted: Sat Mar 21, 2009 6:42 pm |
|
|
|
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. |
|
|
HTML Help Forum
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
