Thursday, 1 June 2017

Task 3 Blogs - Blog 3 - HTML - Account


Account is basically the same code as home page. The different factors are the profile picture and timeline photo. 
However, more problems aroused with the home page. The biggest problem was the timeline photo(cover photo). For some reason, the picture did not want to stay fixed. After playing around with percentages, vw, and pixels, i managed to get it to stick n the correct location. More problems aroused when it came to resizing the page. Everything was moving around and resizing. With the fixed option, that was also fixed. 

Otherwise, code was basically copy and paste with the 3 columns. The same problem as the home page and all other html pages was the duplicate ID. That will have to be arranged. 

A cool effect is in the timeline photo, where it is fixed to the screen, meaning that when scrolling down image stays there, underneath the background.(thanks sir:) ) 

Sadly, I discovered that I have made a noob mistake. After uploading the website, I decided to check IF by any chance, they looked different on different browsers.. 

As you can see, the sidebar does not look as it was intended to when visiting the website through Internet Explorer and Firefox, whereas through google chrome all is good. Should have checked this before uploading the website. Dumb mistake. 


Internet explorer:




Firefox:




Google Chrome:


No comments:

Post a Comment