Skip to main content
gunzelguy
Inspiring
Nov 11, 2019 1:52 PM UTC
Answered

My index page doesn't seem to be reading my css...HELP!

I have been messing around with my index page a bit but don't think I've done anything relating to the link to the CSS file.

 

http://www.victorianrailways.net/

 

The page just loads as straight HTML with no CSS formatting yet the CSS file is on the server.

This topic is closed to new replies. Start a new post to keep the conversation going.
BenPleysier
BenPleysierCorrect answer
Community Expert
Nov 12, 2019 5:03 AM UTC

Have a look at https://hollandtrade.com.au/vicrail.html

 

Copy the source code and paste it into a new document.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
View reply

15 replies

BenPleysier
Community Expert
BenPleysierCommunity ExpertCorrect answer
Community Expert
Nov 12, 2019 5:03 AM UTC

Have a look at https://hollandtrade.com.au/vicrail.html

 

Copy the source code and paste it into a new document.

Translate
Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
gunzelguyAuthor
Inspiring
Nov 12, 2019 12:32 PM UTC

Ben, How can I ever thank you? That is perfection, and what's more, it now works on the ipad. (It still vertically stacks on an iphone but I'm not worried about that at all. I see it has bootstrap elements which I haven't even tried to get my head around yet so I'm going to hit the Jennifer Robbins book "Learning Web Design" and start trying to figure out what you did. Thanks again!

Translate
osgood_
Legend
Nov 12, 2019 12:46 PM UTC

Congratulations! You now have all the overheads of the bloated Bootstrap css file - 99% of which you don't require - just to put 3 containers side by side, a poor suggestion/solution in my opinion. It's like building a block of 50 high-rise flats and leaving all the lights on,  to house just one family.

 

Translate
Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
Nov 12, 2019 12:35 AM UTC

As already stated, fix your code errors.  Fatal errors are never a good thing  in your code.

https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.victorianrailways.net%2F

Translate
Nancy O'Shea— Product User & Community Expert
Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
Nov 11, 2019 10:43 PM UTC

This is what I'm seeing.

 

Translate
Nancy O'Shea— Product User & Community Expert
gunzelguyAuthor
Inspiring
Nov 11, 2019 11:42 PM UTC

That's what I'm seeing too, all three elements should line up horizontily, NOT vertically.

Translate
osgood_
Legend
Nov 11, 2019 2:26 PM UTC

What should the page look like - the linked style sheet IS being observed, but that dont necessarily mean the page is looking like it should do. There are errors both in the page and in the styesheet itself

Translate
    gunzelguyAuthor
    Inspiring
    Nov 11, 2019 10:48 PM UTC

    The menu bar (ul),  slideshow and textbox (div id "arrivals") should go across the page from left to right, not on top of each other. Before this, you didn't need to scroll to see the whole page contents.

    Translate
    Jon Fritz
    Community Expert
    Jon FritzCommunity Expert
    Community Expert
    Nov 11, 2019 2:12 PM UTC

    I'm seeing formatting from your styles.css file.

    You might just need to refresh your browser cache.

    Translate
      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices