Member Avatar for jameswoodhouse

i have created a website using HTML and CSS, i made this using dreamweaver and a template that i found online.

I have the main homepage file called: index.htm

then i have all of my website pages stored in folders
eg Contact Us folder > Contains > contact.htm
About Us Folder > Contains > about.htm

etc etc...


all of my CSS is in a folder called > "My Online Shop_Files" which dreamweaver created.

This is all fine and the website works fully offline, however when it is uploaded all of the formatting is lost presumably from the CSS and im just shown unformatted text.


Anyone have any ideas?

my ideas are:

My Online Shop_Files folder name contains spaces so that online it cannot be found?

or

The CSS needs to be in the website root along with the index.htm


here is my zipped website:


and the URL i've uploaded my website to that is not showing properly is:
www.beautybysandra.com

Thanks

  • 2 Contributors
  • 2 Replies
  • 133 Views
  • 19 Hours Discussion Span
  • Latest Post Latest Post by jameswoodhouse

Dani AI

Generated

Nice that got it working. For anyone else who lands here: organizing assets (as suggested) is a good start, but when styles vanish after upload a short, methodical check usually finds the cause quickly.

First, confirm the browser is requesting the stylesheet. Open the page, press F12, then the Network tab. Reload and look for the CSS file — a 404 or 403 shows a path/permissions problem; a 200 with wrong content-type or empty body shows a server or upload issue. Also try loading the stylesheet URL directly in the address bar to see the raw response.

Second, verify paths and names. Use web-safe filenames and a consistent linking strategy (site-root vs page-relative). Keep names lowercase and avoid odd characters. Remember many hosts are case-sensitive, so styles.css and Styles.css are different. Check for an unexpected <base> tag that changes how relative links resolve.

Third, server-side gotchas: incorrect file permissions (typically 644 for files), failed/partial FTP transfers, or a misconfigured server that serves the file with the wrong MIME type. If the file is generated or processed before delivery, ensure no extra output (like a Byte Order Mark or PHP warnings) appears before the CSS content.

A simple linking pattern that works well:

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

Finally, clear caches (browser/CDN) and re-test. If using Dreamweaver or another IDE, double-check the site root/config so uploaded paths match the live site. These checks cover the vast majority of missing-CSS cases.

Recommended Answers

All 2 Replies

Member Avatar for sureshsigera

Ok you can create many CSS files as you want but do like this
root folder-->
|-index.html
|-aboutus.html
|-contactus.html
|-what_ever_link_youwant1.html
|-what_ever_link_youwant2.html
|-what_ever_link_youwant3.html
|-what_ever_link_youwant4.html
|-what_ever_link_youwant5.html
|---->siteincludes
|---->(Folder name)includecss
|-common.css
|-index.css
|-aboutus.css
|-contactus.css
|-what_ever_link_youwant1.html-.css
|---->(Folder name)includeimages
|-logo.gif
|-navbar.gif
|---->(Folder name)includejs
|
|


This the simple way to do this i hope this will help you out.

Member Avatar for jameswoodhouse

thanks, sorted it.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.