Grow your CSS skills. Land your dream job.

wrong display caused by wrong targeting?

  • # March 12, 2013 at 11:46 am

    Hi everyone, lately, I’ve been learning how to code my website from scratch, all by myself, with the use of various tutorials available. Before I knew anything, I chose to do so in dreamweaver (I know I know!). Now here’s my problem:

    Once uploaded, my website doesnt display properly. It looks like images and css files are not being targeted properly. From what I can interpret, I think this is due to links not being adequate for the web. I’ve built my website linking local hard drive. Now I guess I should change my targeting scheme but I’m unsure how to do it properly. What I’ve tried so far isnt working.

    Can you please help me dear experts?

    here’s my website: http://www.architextures.tv

    and here’s the guilty part of the coding ( I think):

    Check out this Pen!

    As you can see, I’m using 3 .js files with their .css + my own .css.

    I’ve also pasted a little more so you can see how my images are linked as well as the links between my pages. Those latter work fine.

    The architextures_web is a folder on my HD and it seems to be replaced by a / named folder on my ipage root.

    Lastly, I wonder if I should put my spryassets, clearbox and css in a sub folder instead of leaving them on the same level as my image folder and html webpage files.

    I hope I’m being as clear and concise as possible. Can you please help me?

    # March 12, 2013 at 8:12 pm

    If you uploaded your website structure as is just remove `file:` from all the resource links.

    And there’s nothing wrong with using Dreamwaver.

    # March 13, 2013 at 1:45 am

    thank you so much! I suspected part of my problem was the file targeting scheme but all my attempts were vain.

    Now the main part is working. thank you very much!

    The dreamweaver preview is not working anymore but I guess it’s a small inconvenient since I can preview it online…

    However, it seems that my image links for background in the css file are not working.

    here’s a typical link in my css: background-image: url(images/architextures_logo_III_backb.jpg)

    I tried a few things without success. Can you please help me with this as well.

    About dreamweaver, being a neophyte in web design, I learned with it and appreciate it but I noticed everyone seems to be bashing it. Probably I shouldnt let that influence me!

    So, I’m not a web designer but rather a composer and studio engineer. If anyone helping needs help with music, please PM me : )

    thanks again for your help!

    # March 13, 2013 at 8:58 pm

    I’ve been reading one cant link background images in css but I also followed tutorials that showed me how to do it. And it works when I test my site locally…

    Can anyone shed light on this matter please?

    as mentioned, here’s the way I link to my images in the css document:

    background-image: url(images/architextures_logo_III_backb.jpg)

    what is wrong with that?

    thanks for your help : )

    # March 13, 2013 at 9:40 pm

    would that help if I give you all my css coding?

    btw can anyone point me to a reference about the proper way to insert codes in the forum? (ie: black background with scrollable lookup) edit: I see some displayed but I dont know why some will and some wont…

    tx!

    **MOD EDIT: CSS transferred to Codepen **

    http://codepen.io/anon/pen/zLaKd

    # March 14, 2013 at 5:46 am

    You might try a slight amendment to the link(s)

    background-image: url(../images/architextures_logo_III_backb.jpg)

    # March 14, 2013 at 8:54 am

    thats the curious thing because I tried that before without success. But then after reading your message I retried, and only 1 element showed, but not the others. Then, while looking for other options, I decided to refresh the page again 5 minutes later, and everything showed!

    Since I thought updates were always fairly immediate after a refresh, I kept thinking adding ../ was not doing it…

    Is it a common behavior when we update a css file?

    In any case, thank you! thanks a lot!

    # March 14, 2013 at 9:10 am

    >Is it a common behavior when we update a css file?

    No but it might just be a browser or server caching issue.

    # March 15, 2013 at 9:49 am

    I’ll bear that in mind!

    thanks again : )

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".