Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

I'm doing something wrong....

upload

  • Please log in to reply

#1
RedSuedePump

RedSuedePump

    Member

  • Member
  • PipPipPip
  • 243 posts

...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


  • 0

Advertisements


#2
RKinner

RKinner

    Malware Expert

  • Expert
  • 23,725 posts
  • MVP

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.


  • 0

#3
RedSuedePump

RedSuedePump

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 243 posts

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


  • 0

#4
RKinner

RKinner

    Malware Expert

  • Expert
  • 23,725 posts
  • MVP

"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.


  • 0

#5
AstraNut

AstraNut

    Member

  • Member
  • PipPipPip
  • 465 posts

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.

  • 0

#6
RedSuedePump

RedSuedePump

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 243 posts

Thanks guys, will work through your answers.

 

RSP


  • 0

#7
AstraNut

AstraNut

    Member

  • Member
  • PipPipPip
  • 465 posts

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.

  • 0

#8
RedSuedePump

RedSuedePump

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 243 posts

Nice, thanks for that.

 

RSP


  • 0

#9
AstraNut

AstraNut

    Member

  • Member
  • PipPipPip
  • 465 posts

Certainly welcome.

Nice, thanks for that.

 

RSP


  • 0

#10
buddywiser

buddywiser

    Member

  • Member
  • PipPipPip
  • 145 posts

Nice, thanks for that.

 

RSP

How are you now? Is it doing okay?


  • 0






Similar Topics


Also tagged with one or more of these keywords: upload

1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP