HTML Not Working

[seasidekarate]

Hello,

I have uploaded my site, which i am sure works, into public_html. However, all it shows is the text. The css is not relating back. And the images do not show up.

Any suggestions or help?

 

[brigham]

Could you share your HTML so that we have a better idea of what's going on in the code?

edit: Also, is the text formatted by the tags in the HTML at least (paragraph breaks are present, headings (h1, h2) are sized to standard, etc)?

 

[lhyman]

could you please give us the URL of your site and we will look over the code and give you our suggestions

 

[zen-r]

Here you go ; http://seasidekarate.pcriot.com

See ; http://forums.x10hosting.com/programming-help/100419-how-make-default-aspx-show-up.html

and

http://forums.x10hosting.com/programming-help/100443-server-error.html#post567349

 

[lhyman]

Let's try to fix it one problem at a time:

1) none of your images are showing up... are you sure you uploaded them to:

/public_html/images

2) you are using an external style sheet, why not remove all your style code from the html and transfer it to the style sheet (this will clean up your html quite a bit)


start with this, and I will take a look again

thanks

 

[Anna]

html is case sensitive, your style sheet is refered to as Styles.css, but the correct name seem to be styles.css (all lowercase), at least a file by that name exist on your account.

same goes for your image folder, it is referenced as images (all lowercase) though the folder name on your account appears to be Images (first letter in capital) In this case it would probably be easiest to rename the folder through file manager in cPanel to be all lowercase.

 

[xav0989]

May I add something myself, concerning the use of the marquee tag... you should never use it. First is looks unprofessional, and second it is not a standard tag. See WikiPedia for more info on the marquee tag.

However, if you wish to obtain a scrolling news text, the only relevant option you have is to accomplish it through Javascript.

Mini-tutorial

You website was probably not generating any errors under windows as windows is a case-incensitive operating system. For windows, styles.css = Styles.css = StYlEs.CsS = STYLES.CSS . However, for Linux, all of these files are different. That is why you should take the file names into account when developing scripts that could be used under Linux and Windows.

 

[seasidekarate]

Thanks so much, this all worked. I will fix the marquee thank you. One last problem.

Above the left nav, there is a black gap. It is shaped wierd too. Any clues? Thanks for all of the help.

 

[xav0989]

Could you specify what you mean, I don't see any gap. Could you upload a screenshot?

 

[seasidekarate]

That one above the home link on th left nav. I use windows vista home premium. Any clue why that is appearing on windows?
Or how to fix it? Thanks.

 

[interuy]

Hi
In mozilla havent that problem

 

[cercas]

It sounds like you might manipulate the css files wich are related to the format of you site...if you do so! revert the changes....otherwise, replace it with the .css file of you site backup....

 

[misson]

Above the left nav, there is a black gap. It is shaped wierd too. Any clues? Thanks for all of the help.

It's in the background image:

Note that with a single background image like that, any change in font size will cause menu items to fall out of alignment with the background.

Instead, break up the background and set the background of each menu item to the gradient. Until CSS 3's background-size is widely supported, you'll have to fake it by stretching an <img>. "menuItemBG.png" is attached. A List Apart has an article "Super-Easy Blendy Backgrounds" that explains the technique. Note that the article also shows how to composite a gradient within the page, while my example below creates a gradient solely using the image (though it could also be used to create a gradient in-page in most browsers merely by changing the image to one with transparency).

<ul class="menu">
  <li><img src="http://forums.x10hosting.com/images/greyGradient.png" class="bg" /><a href="">Home</a></li>
  <li><img src="http://forums.x10hosting.com/images/greyGradient.png" class="bg" /><a href="">Forum</a></li>
  ...
</ul>

.menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 200%;
}
.menu li {
    position: relative;  
    border: 1px solid black;
    border-width: 1px 1px 0px;
    overflow: hidden;
    text-align: center;
    padding: 0 0.5em;
    line-height: 140%;
    vertical-align: center;
}
.menu li:last-child {
    border-width: 1px;
}
.menu li * {
    position: relative;
    z-index: 1;
}
.bg, .menu li .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
    z-index: 0;
}

As for the news ticker, drop it entirely. News tickers are hard to read because:

• It's harder to read moving text than stationary text. Eyes move, text shouldn't.
• They will always move too quickly for some readers and too slowly for others.
• You can't read what's not on the screen.

All of the above are why the "marquee" tag was deprecated. Making a marquee in JS misses the point. Instead, have a little news box with headlines that link to full articles.