Beginner Html Question- Please Help!

by bb4h
3 replies
  • WEB DESIGN
  • |
I've been given the files thankyou.html and style.css. After changing the wording to my own using NVU and saving, when I upload thankyou.html via filezilla to my site, the wording appears but the page doesn't look the way it should. Apparently I'm suppose to do something with the style.css file but I don't know what. Can anyone help? These are the steps I've taken

step 1- save thankyou.html on my desktop
step 2- open nvu
step 3 open thankyou.html from my desktop using nvu
step 4- change the wording to make it my own
step 5- save the thankyou.html file so it now includes my words instead of what was previously provided on the page.
step 6 - close nvu and open filezilla
step 7- sign into filezilla. click on the mydomain.com public html.
Step 8- drag and drop the file thankyou.html from my desktop to mydomain.com so I now have mydomain.com/thankyou.html as a file.

I havent done anything with the style.css file. I don't know what to do with it. What should I do with it? Should I be pasting it somewhere in "source" via nvu? I just need to know what to do in order for the format of the page to appear correctly.

I've looked up some stuff online and tried several different things and nothing has worked so far. I'm sure its something simple that I just can't figure out. Can someone tell me the exact steps that should be taken?

Will hit the thanks button for anyone who can help me get this right. Thanks in advance
#beginner #html #question
  • Profile picture of the author osegoly
    Hi,

    css files are used to add formatting to a webpage. I don't know what's inside that CSS file but I'll assume that whoever passed on that file to you has completed the formatting for you. In this case, you'll need to simply link to that file. Provided that the two files were uploaded to the same directory/folder, you will need to place the following code anywhere inside the head tag (ie. somewhere between <head>....</head>):

    <link href="style.css" rel="stylesheet" type="text/css">

    This code will link thankyou.html to style.css and hopefully all the formatting will appear as desired. Again, make sure that the two files were uploaded to the same folder. If CSS is placed inside a folder called CSS for example, you will need to adjust the above line of code as following:

    <link href="css/style.css" rel="stylesheet" type="text/css">

    Good luck
    {{ DiscussionBoard.errors[1808806].message }}
  • Profile picture of the author j-spratt
    bb4h,
    make sure the css file is uploaded to the server along with html file, if you need help send me file code and I will help you.
    {{ DiscussionBoard.errors[1813036].message }}
  • Profile picture of the author Lloyd Buchinski
    Actually the css file is probably already linked to by your html sheet. All you need to do with them is put them in the same folder. If you are uploading them to your server then they should work if they are both in 'public.'

    You can also do the same thing on your desktop. Just put them in the same folder. That is as far as the .html sheet looks for it, unless you adjust the path as osegoly described. Then you just double click on the .html sheet and it should open in your default browser using the style supplied by the .css sheet.

    I usually name the style sheet with a part of the domain name or it's initials to keep the style sheets for different sites straight. Most of my sites are 2 word domains like mainlytext.com. An example of my style sheet link is <link rel="stylesheet" type="text/css" href="mainly.css" media="screen" />

    Interesting isn't it? I think the last time I looked at the stats, how many people were visiting each forum, this one had about 16 and the wso section had about 1600. I guess it's not essential to learn html, but it's a bit like being a general who doesn't know how to fire a gun. (imo)
    Signature

    Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat

    The KimW WSO

    {{ DiscussionBoard.errors[1822385].message }}

Trending Topics