Help > Layout & Coding Help > Post Reply     

Going To My Home Page Messes Up My Layout

Player Avatar
Mouse
November 30th, 2020 8:48:53pm
26 Posts

When I click "Update Settings" everything looks perfect, but once I navigate away from my page and then back to it, my text becomes larger, some aspects become out of alignment, and my table calendar changes dimention. The actual code doesn't change, though. If I click on "Update Settings" once again, without changing anything, it'll look like it's supposed to again. I don't understand. Please help.




QVduegR.png

 


View Comments 1


Player Avatar
Concourse [I'll rise up, I'll rise unafraid]
December 1st, 2020 1:25:06am
2,849 Posts

Can you provide a screenshot of 1) what it is supposed to look like and 2) what it looks like after it changes is messes up?




z9yqOPu.png

 

Player Avatar
whim๐ŸŒผ
December 1st, 2020 3:58:38am
196 Posts

I notice this with most if not all of my layouts, but it's the opposite! Upon updating it, the text becomes larger and some things go out of wack- I just revisit my page and then everything is back to normal. I learned to revisit my page right after editing before I do more editing to the coding because of this to make sure everything is accurate and where it should be when i first started playing around with codes




JjsLXlr.png aJG3hc0.png

 

Player Avatar
Jaya โ€ข Support I Dreamed A Dream and Kalise!
December 1st, 2020 8:13:45am
24,579 Posts

Same, Whim.




PksILXD.png

 

Player Avatar
Mouse
December 1st, 2020 4:16:02pm
26 Posts

Normal 1:: https://i.imgur.com/9UFP1Xp.png
Messed Up 1:: https://i.imgur.com/8Jdoh62.png

The font is bigger and for some reason, the last column under "nerds do it better" is out of alignment.

Normal 2:: https://i.imgur.com/LL32ADt.png
Messed Up 2:: https://i.imgur.com/TGNc7ar.png

The table calendar is more stretched out despite my coding specifying width, hight, and cell size.




QVduegR.png

 

Player Avatar
mango ๐Ÿ‘ got the job!
December 1st, 2020 9:11:52pm
2,908 Posts

Like the others have said, HP has some wonky issues with the page updating. Whenever I code a layout, I always make sure to reload the page after hitting "Update Settings." The first page load after hitting that button - when you get the little news box at the top of the page letting you know your settings were saved - is always wonky and isn't actually displaying what you coded. You need to reload the page a second time by going to Home > Your Home (I don't recommend hitting the Refresh button on your browser either, as that can be just the same as hitting the Update Settings button again).

Once you reload the page, your coding will show up the way you coded it, without HP's wonky interferance. And then you can go back down and make any adjustments you need to. If you make adjustments while the page is still wonky - before reloading it - then basically, you're only coding a layout that will show up correctly after you hit Update Settings, and will look wonky the rest of the time - and to the rest of us on HP. We see the page that shows up AFTER you reload it, so the page that you are labelling as "messed up" :3

Hopefully that makes sense :P




 

Player Avatar
Mouse
December 1st, 2020 9:25:39pm
26 Posts

Does HP have issues with imgur? It keeps adding alt="imgurl.filetype" after the standard img src code. When I take the alt stuff out and update my settings, my layout goes back to how it should be, but when I reload by going to "your home", it adds the alt code right back in and my layout messes up.ย 




QVduegR.png

 

Player Avatar
mango ๐Ÿ‘ got the job!
December 1st, 2020 9:35:04pm
2,908 Posts

That's not an issue with imgur, that's something the HTML purifier does now. Although the alt property isn't really required to make the image display, it's still techinically correct structure, so the purifier tosses it in. It grabs the alt value from the image link. I think you might be grabbing the wrong imgur link to use, if it's causing issues?

The imgur link to use in HTML is the direct link that ends in .jpg or .png or other image file types. Then you can put it into the < a> tag yourself. Using the provided HTML link from Imgur may cause issues, I'm not sure. I haven't tried it.




 

Player Avatar
Mouse
December 2nd, 2020 1:36:56pm
26 Posts

I wish I could show someone my code so maybe they can figure out why it's going wonky. I've literally had to post this on my facebook "If you hear screaming coming from my house, everything is, well, not fine, but don't ring anyone. I'm just attempting to do cosmetic HTML coding. ๐Ÿคฌ๐Ÿ˜ต" mostly just to warn my neighbors.




QVduegR.png

 

Player Avatar
Mouse
December 2nd, 2020 3:08:22pm
26 Posts

Ok. I've fixed a few things. I had to readjust some table widths, etc. My calendar still isn't displaying like I want it to.

Also; can code override the layout text color that I put in the boxes provided? I'd like the text on my calendar to be #fffff6, but no matter where I put the coding for it, it gets erased and stays the light green of the rest of the text.




QVduegR.png

 

Player Avatar
mango ๐Ÿ‘ got the job!
December 2nd, 2020 4:55:02pm
2,908 Posts

If you add !important after the text color in your CSS, you might be able to override the default layout text color. So it would look like this - color: #fffff6!important;ย 




 

Player Avatar
Mouse
December 2nd, 2020 5:07:41pm
26 Posts

Aw nuts. It didn't work. Oh well. I'm not mad at it. It's at least to a point where I'm not ripping my hair out.ย 

Thank you, guys! I appreciate the help!




QVduegR.png

 

View Comments 1