[RedSuedePump]

...but I can't see what.

 

Hi all,

 

I'm new to website publishing so please assume I know nothing.

 

I'm stuck at home with not much work at the moment, so to fill my time, I thought I'd try updating my own website, which previously was done by someone else.

 

The guy who did my last website said he used Xara Magix, so I bought a copy of that and used one of their pre-made templates.

 

I've made a five-page website that looks great when I preview it on my computer. The problem comes when I upload it. What appears is clearly the website I wrote, the photos are there but the text grows in size and looks a complete mess.

 

Is there a process I should be going through before uploading to get the format right?

 

It looked so bad I replaced it with a blank page that had a reconstruction message on it but when I uploaded that the text disappreared and all that's left is a white sheet.

 

Can someone tell me where I'm going wrong?

 

One last question: When you upload a website, does it automatically delete/replace the previous website?

 

Thanks in advance

 

RSP

[Advertisements]

Could you give me a link to your website?  If you don't want to post it you can send it to me in a PM.

[RKinner]

Could you give me a link to your website?  If you don't want to post it you can send it to me in a PM.

[RedSuedePump]

Hi,

 

This is strange but I tried it again this morning at it worked, I've no idea why.

 

Here are the fruits of my labours:

 

https://www.eyork.uk/

 

The only thing I don't like is the way that it's just a strip down the centre of the screen, the consequence of using a template, I suppose.

 

Do you think it would be a massive task to make it fill the screen?

 

RSP

[RKinner]

"to make it fill the screen?"

 

I think all you need to do is edit your source code to replace all instances of

955px

with either

100%

or

auto

 

Example:  Line 27 is:

div class="xr_ap" id="xr_xr" style="width: 955px; height: 1063px; left:50%; ; text-align: left; top:30px;">

changes to:

 

div class="xr_ap" id="xr_xr" style="width: 100%; height: 1063px; left:50%; ; text-align: left; top:30px;">

 

I don't do this often enough to know for sure but expect you also have to change "left:50%; ;" to something like "left:0%; margin-left: 0px"

Since: """ is set to center the 955px box.  There are various tricks for centering so if that doesn't work see:

https://www.w3school...pr_pos_left.asp

and

https://www.w3school...margin-left.asp

and

https://css-tricks.c...-in-the-center/

 

The 955px sets the width to fit the old XP screen.  Nowadays we use a wider screen tho I don't know off hand what the size is in px but one source says 1366.  The margin left -478 is approximately 1/2 of 955 so 1/2 of 1366 would be 683 so instead of the above you could try:

 

div class="xr_ap" id="xr_xr" style="width: 1366px; height: 1063px; left:50%; margin-left: -683px; text-align: left; top:30px;">

 

This would probably work but anyone trying to see it on an XP screen would have problems.

 

Of course you want to make sure you have a good copy of the original before playing with it.

[AstraNut]

Looks like you have all the pages working just fine. Viewed in latest Edge and Firefox. Might want to check your pages in other browsers. I didn't bother to check your coding so don't know if you coded your pages to be a responsive design for different devices commonly used today. Might check your coding using all the W3C's tools for checking HTML and CSS. I think there's one there that checks to see if you are using a responsive design. If not, there are other web sites that can do that I believe.

 

 

Hi,

 

This is strange but I tried it again this morning at it worked, I've no idea why.

 

Here are the fruits of my labours:

 

https://www.eyork.uk/

 

The only thing I don't like is the way that it's just a strip down the centre of the screen, the consequence of using a template, I suppose.

 

Do you think it would be a massive task to make it fill the screen?

 

RSP

Edited by AstraNut, 02 February 2021 - 10:10 AM.

[RedSuedePump]

Thanks guys, will work through your answers.

 

RSP

[AstraNut]

Welcome. You also might check into SEO to improve website traffic to your site.

 

SEO

HTML Markup Validator

CSS Validator

Other Validators

 

RSP

Edited by AstraNut, 02 February 2021 - 10:41 AM.

[RedSuedePump]

Nice, thanks for that.

 

RSP

[AstraNut]

Certainly welcome.

Nice, thanks for that.

 

RSP

[buddywiser]

Nice, thanks for that.

 

RSP

How are you now? Is it doing okay?