1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

General Upload to site question

Discussion in 'General' started by pusscat, Oct 22, 2009.

  1. pusscat

    pusscat New Member

    Ok have never used a template before, I have a css file and a index.html file, plus my other pages that have edited the index file from and saved with there own name.

    I know that I need to upload my folder with all this in to my site, my question is this.

    Can the pages go directly in the public.html folder, and the folder with images and css stay in the folder and go in the public.html folder on my site, If that makes sense

    If so how would I link the pages to the css file and images etc ?

    this is where will probably get completely lost.

    As normally use the inbuilt site editor to make pages.

    Thanks

    Angie
     
  2. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    All of your files should be uploaded to your public.html folder.

    That's where your code in your html files comes in to play.
    Example:
    Code:
    <link href="[COLOR=red]style.css[/COLOR]" rel="stylesheet" type="text/css" />
    This line of code should be in your "head" section of your "html" file and it tells the browser to look in the "root directory" for a file named "style.css", Read the contents and use it for the layout of my page.


    You could have written it as such:
    Which tells the browser to look in the root directory, then look for a directory named "css" find the file named style.css and use it.

    For your pics a line of code in the "body" section of your "html" file would start out like this
    Code:
    <img src="[COLOR=red]images/blank.png[/COLOR]"
    telling your browser to look in the "images directory" for the file named blank.png

    Since you already have all files written and ready for upload, I'm sure you have looked at them in your browser so they are working. Go back and look at the code listed above, open your files in your editor, find those items so you will understand it.
     
  3. pusscat

    pusscat New Member

    Ok am bit confuzzled as I say

    looking at the head section of the html mine is different to what you have

    this is yours

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

    this is what is in my head section

    <link rel="Stylesheet" type="text/css" href="notes.css" />

    the css file is in the same folder as the folder for images is so would that then auto link to the images for the pages ?

    Would the highlighted part of the link below be where I put the link to the css or would i just link to the folder somehow ?

    <link rel="Stylesheet" type="text/css" href="notes.css" />

    Thanks

    Angie
     
  4. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    One of my favorite sayings - Stop, Look, Analyze, Compare.
    This my sound strange so let's think about it - I can not see your code. I only gave you an example
    "<link href="style.css" which tells the browser to look for and link a file named "style.css" in the root directory.
    I could have named it "my_very_first_stylesheet.css" or I could have named it just like you did "notes.css"

    Your code tells the browser to look in the root directory for the file named "notes.css" but you said your "notes.css" file is stored in the "images directory" so the browser when looking at your code "<link rel="Stylesheet" type="text/css" href="notes.css" />" will not find it, because it is not there in the root directory.

    You have to put the directory path in to let the browser know where to look.
    Think of your computer it has a "C drive" the root directory and many more sub-directories.
    The server has a root directory named "public_html" and many more sub-directories. This is just basic file structure.
    If your "css file" is written to have images in the code then , Yes those images will show.

    If in your "html" pages you also have images coded then they will also show, as long as when you coded them you told the browser where to find them (the directory path)

    If you think about it your computer has directories and paths to files. just as in your code you have directories and paths to files.

    Is this clearing things up?

    I have attached a picture of my directory which comes from my server.
    You can see the directory path: public_html (root dir) cleandeck (sub-dir) images (sub-dir) and then all the image files.
     

    Attached Files:

    • dir.jpg
      dir.jpg
      File size:
      9.8 KB
      Views:
      665
  5. pusscat

    pusscat New Member

    Thanks ishkey,

    I think that understand what your saying.
    So will upload shortly, after my host has installed my forum, it wouldnt install for me for some reason.

    Also will need to resave the pages that are onsite aswell before uploading as they are named the same as the new pages am going to be using.

    Thanks for all the help is really appreciated.

    and will shout if get stuck or let you know its worked ok for me


    Angie
     
  6. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    good idea to save your orig files somewhere safe just incase.
    If I am reading this right - most host's just rent you space and maybe have cpanel installed and some tech support for questions.
    If you mean they install it - that would mean a high priced host.
    If you mean cpanel - them maybe there is a problem with there control panel or your database is not connected properly.

    So give us a link to look at.
     
  7. pusscat

    pusscat New Member

    My host is great, servers work fast not had any downtime at all apart from when he does maintenance which he hasnt needed to do often, and you get plenty of warning for that,

    he refuses full stop to over load the servers.

    He also installs things for you

    I'm not being charged at all for the installation, and he is geared towards hosting forums.

    He also installed my coppermine gallery for me, it is upto me to configure the look etc myself.

    Also it isnt expensive for me either, the hosting package is not expensive is what I mean and support is great.

    The only thing is he is in the USA and I'm in the UK, so if I need support which is extremely rare I just wait till after 2pm my time and normally have a reply within 20 minuites, also its the owner of the company that is doing all this, the support, install everything, he is very customer orientated, which is great.

    I contacted a few hosts before choosing and one never replied, one took hours to reply these were questions was asking about there hosting etc.
    My host replied within minuites and does for every question have asked.


    Ok back to pages and uploading template

    I did it first time so am really really pleased with how the site looks now.
    Even though I made the graphics from scratch on my previous pages was never happy with the layout and look and feel etc, but am really happy with them now.
    Still a bit of tweaking to do, couple of graphics to add etc and other bits then its sorted.

    So a bit thank you for your help and also the offer of help with the forum etc is appreciated.

    Angie
     
  8. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    so with all that said - who is your host and what is your website so we can look at it.
     
  9. grodt718

    grodt718 New Member

    Hi,All

    :)SO, what's your host name or site address,can we know?
     
  10. pusscat

    pusscat New Member

    My host is gc solutions

    heres a link

    G.C. Solutions


    I'm on the kickstarter which at the moment am paying for monthly, will pay yearly after my first 12 months so will save more that way, but he isnt expensive and cheaper than my last host by nearly £50 over a year, specially for what you get with him aswell.

    Ok here is a link to my site.

    Ok my site still needs tweeking etc so tutorials arent linked in the tutorial pages yet etc, probably needs code editing to pass validating and also meta tags need doing aswell yet. Plus getting pages to open in new windows well certain pages like the gallery, its a case of right click and open in new window/tab with that at the moment or use the back arrow on the browser.

    TUTZ 2 TAGZ


    Angie
     
  11. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    That's not bad for all that he does. I use Hostmoster and usually if they like them I ask them to click on the link from my website.

    Had a quick look at your site - very nice. I'll take a hard look latter as I have to take care of a few other things.
     
  12. pusscat

    pusscat New Member

    Yeah he is a good host, there are probably cheaper out there (have known a few who use the really cheap ones and had loads of problems with overloaded servers etc), but for what he does for his clients etc he is definately very very reasonable.

    And thank you am glad you like my site, hopefully over the next few days will get more content in etc and the tweaks it still needs doing sorted etc
    your welcome to have a look around anytime.

    Once completed etc and finished sorting it, will ask for a proper review etc. Also after doing a review or two aswell.

    I hope once am more comfortable with css especially and hand coding can help more to, but might take time to get to that stage, what with 2 kids, 2 cats, 40 fish and a degu to look after time goes by all to quickly lol

    Thank you so much again for all your help

    Angie
     
  13. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    I understand about that time thing, kids, g-kids, dogs and the fish well the ones I catch are in the lake behind my house.
    Looked at your code. since you had a problem opening external sites in there own window. I put in the proper code and modified your DTD. You had (which should not be use) charset=us-ascii and put in charset=windows-1252. Add some <meta tags for SEO and rearranged the order.
    I left <!-- comments --> in for you to see. Thought you might want to compare it to what you have and it does validate. You can just drop it into your directory and run it. Attached zip file.
     

    Attached Files:

  14. pusscat

    pusscat New Member

    Ishkey thank you have just downloaded the file and will look at it after dinner as am cooking at the moment.

    Angie
     
  15. pusscat

    pusscat New Member

    Thank you again Ishkey have got that sorted into my site

    Angie
     
  16. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    I did not have your graphics when I sent you that zip file.
    this correction will fix the footer that I messed up. As you can see it moves the validators graphics to the right and unclutters the footer. Plus the validator opens in own window.
    Code:
    [B][SIZE=1]<h2>[/SIZE][/B][SIZE=1]Credits[B]</h2>[/B][/SIZE]
    [SIZE=1][B]<div>[/B][/SIZE]
    [SIZE=1][B]<ul>[/B][/SIZE]
    [SIZE=1][B]<li>[/B]Designed by [B]<[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://inobscuro.com/[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]"[/SIZE][/B][SIZE=1] target=[B]"blank">[/B]In Obscuro[B]</[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]>[/SIZE][/B][SIZE=1] [B]</li></ul></div>[/B][/SIZE][I][SIZE=1][COLOR=#ff0000][SIZE=1][COLOR=#ff0000]<!-- NAVIGATION END -->[/COLOR][/SIZE][/COLOR][/SIZE][/I][B][SIZE=1]</div>[/SIZE][/B]
    [SIZE=1][B]<ul>[/B][/SIZE]
    [SIZE=1][B]<li><[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://validator.w3.org/check?uri=referer[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]"[/SIZE][/B][SIZE=1] target=[B]"blank"><[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]img[/COLOR][/SIZE][/COLOR][/SIZE][/B]
    [SIZE=1]src=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://www.w3.org/Icons/valid-xhtml10[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]"[/SIZE][/B]
    [SIZE=1]alt=[B]"Valid XHTML 1.0 Transitional"[/B] height=[B]"31"[/B] width=[B]"88"[/B] [B]/></[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]></li>[/SIZE][/B]
     
    [SIZE=1][B]<li><[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][/B][SIZE=1] href=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://validator.w3.org/check?uri=referer[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]"[/SIZE][/B][SIZE=1] target=[B]"blank"><[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]img[/COLOR][/SIZE][/COLOR][/SIZE][/B]
    [SIZE=1]src=[B]"[/B][/SIZE][U][SIZE=1][COLOR=#0000f0][SIZE=1][COLOR=#0000f0]http://www.w3.org/Icons/valid-xhtml10-blue[/COLOR][/SIZE][/COLOR][/SIZE][/U][B][SIZE=1]"[/SIZE][/B]
    [SIZE=1]alt=[B]"Valid XHTML 1.0 Transitional"[/B] height=[B]"31"[/B] width=[B]"88"[/B] [B]/></[/B][/SIZE][B][SIZE=1][COLOR=#800000][SIZE=1][COLOR=#800000]a[/COLOR][/SIZE][/COLOR][/SIZE][SIZE=1]></li></ul>[/SIZE][/B]
    [SIZE=1][B]</div>[/B][/SIZE]
    
     

    Attached Files:

  17. pusscat

    pusscat New Member

    Thanks ishkey got that working great,

    The only problem am having now is getting my pages to validate lol they wont and am not sure how to fix the errors and warnings that they are giving me.

    So bit more work to do yet, am finally getting the forum sorted and it is now linked to the website so have that to finish setting up to, going to be a fun few nights
     
  18. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    It validated for me. You change the code I put in from
    Code:
    [B][SIZE=1][SIZE=2]<meta[/SIZE][/SIZE][/B][SIZE=1][SIZE=2] http-equiv=[B]"Content-Type"[/B] content=[B]"text/html; charset=[SIZE=3][COLOR=blue]windows-1252[/COLOR][/SIZE]"[/B] [/SIZE][B][SIZE=2]/>[/SIZE][/B]
    [/SIZE]
    to this
    Code:
    [B][COLOR=black]<[COLOR=red]metahttp[/COLOR]-equiv="Content-Type" content="text/html; charset=[/COLOR][SIZE=3][COLOR=#0000ff]ansi_x3.110-1983[/COLOR]" [/SIZE][/B][COLOR=black][B]/>[/B][/COLOR]
    Your original code was
    Code:
    [SIZE=1][COLOR=#ff0000][SIZE=1][COLOR=#ff0000][SIZE=2][B][COLOR=black]<meta http-equiv="Content-Type" content="text/html; charset=[/COLOR][SIZE=3][COLOR=blue]us-ascii"[/COLOR][/SIZE] [COLOR=black]/>[/COLOR][/B][/SIZE][/COLOR][/SIZE]
    [/COLOR][/SIZE]
    metahttp is two words meta http
    I have no idea why you did that, but read up on DTD (Document Type Definition) and believe me it will confuse you. It takes sometime to digest.
     
  19. pusscat

    pusscat New Member

    Thanks ishkey That must of happened when Copying and pasting as I copied from the file I downloaded from you into the notepad with the pages html.

    I'm an ex typist but if can copy and then paste code like I did is alot easier for me. I type to fast for myself sometimes lol.

    Will go back and look at it and sort it and see what happens.

    Angie
     
  20. pusscat

    pusscat New Member

    Its showing as seperate words to me in both notepad and the online editor in my main cpanel which is wierd if your seeing it as both the words looking as one


    Angie