Skip to main content
G
gunzelguy
Inspiring
November 11, 2019
Answered

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

  • November 11, 2019
  • 5 replies
  • 1824 views

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 has been closed for replies.
Correct answer BenPleysier

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

 

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

5 replies

BenPleysier
Community Expert
BenPleysierCommunity ExpertCorrect answer
Community Expert
November 12, 2019

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!
G
gunzelguyAuthor
Inspiring
November 12, 2019

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!

O
osgood_
Legend
November 12, 2019

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.

 

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
November 12, 2019

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

Nancy O'Shea— Product User & Community Expert
Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
November 11, 2019

This is what I'm seeing.

 

Nancy O'Shea— Product User & Community Expert
G
gunzelguyAuthor
Inspiring
November 11, 2019

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

O
osgood_
Legend
November 11, 2019

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

    G
    gunzelguyAuthor
    Inspiring
    November 11, 2019

    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.

    Jon Fritz
    Community Expert
    Jon FritzCommunity Expert
    Community Expert
    November 11, 2019

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

    You might just need to refresh your browser cache.

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