Problem with basics

HTML & CSS
1

I have a webpage that is personal, and it is just for me to code in and see what I can do. Before now, all functions have worked in both Chrome and Edge. Now, recently, the most simple (seems like) of all the operations has failed to operate in both browsers:

The alignment, background color, and border are not visible. All other features (including things like JavaScript and iframes) are working completely normal. The <pre> tag still works, but it would be hard to use that to center everything, because it is a long page.

If anybody could help, I would greatly appreciate it.

2

Ok, wow, the topic got pretty messed- up on the way from my keyboard to the server… XD

3

Welcome to the forums, @kpd24970. You just need to format code correctly for it to show up. For an inline tag like your <pre>, a backtick ` before and after the tag is all you need. For a block of text, three backticks on a line above it, and three on a like below it will work - or you can highlight your code and use the </> button on the editor.

4

Hi,

Instead of the “inline” style in the body tag;

<body style="background-color:powderblue;text-align:center;border:30px solid sandybrown;margin:0px;">

you could rather use a style tag in the html head.

Try use your css as “embedded” style like this and see if it works:


...
...

<style>
body {
    background-color:powderblue; 
    text-align:center; 
    border:30px solid sandybrown; 
    margin:0px;}
</style>
</head>
<body>
5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.