Niels 0 Posted October 4, 2019 Report Share Posted October 4, 2019 (edited) My page looks like this. From comparing with the book i know the links and the header should be moved up, the links to the right corner instead of further down on the page. From the developer tool in Chrome it seems that the css is applied correctly. I tried to place the CSS file in the same folder as the HTML page and within a folder, both got applied according to chrome, but both wrongly it would seem. Has anyone had the same problem? I am by no means a CSS wizard so I have no clue what causes it in the css file. Edited October 4, 2019 by Niels Wrong picture Quote Link to post Share on other sites
Larry 428 Posted October 4, 2019 Report Share Posted October 4, 2019 The browser just isn't finding the CSS file, which means the HTML reference to it doesn't match where the file actually is. Do you have a CSS folder with the correct CSS files in there? Like this: https://github.com/LarryUllman/phpvqs-5ed/tree/master/08 Quote Link to post Share on other sites
Niels 0 Posted October 8, 2019 Author Report Share Posted October 8, 2019 Thanks for the quick reply and apologies for not getting back sooner. I had not included the concise.min.css file i tried that now, and It looks better, but im not quite certain the body is meant to be so close to the leftmost edge of the screen. For some reason I cant upload a new image to this thread so I made a link to imgur to show how it looks now. I hope it works: https://imgur.com/a/3QgTkeA Quote Link to post Share on other sites
daviddawn 0 Posted October 9, 2019 Report Share Posted October 9, 2019 Hi Niel, Try changing your .site-content class selector in your css style sheet from "padding: 50px 0;" to "padding: 50px;". Your selector defined rules for above and below your element, not the left or right. for quick and informative tutorials on css visit https://www.htmldog.com/references/css/properties/padding/ regards Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.