Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Apr 2014
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Multiple Issues: Tablet Browsing Problem, Missing Text on Safari, Image Rendering

    Ok so I know that I'm asking for a lot, but I definitely bit off more than I can chew and any help for any of this would be amazing!

    I bought a theme for use on tumblr and then went about making some customizations mostly to the CSS, though most of the coding is not my own. That said, some of it I understand and some of it I do not.

    Please view: Game Dev Blog


    1) On my desktop Safari browser, nearly all of the text is missing. I'm using google fonts.

    2) I changed the CSS so that the header bar and the right sidebar are fixed. This turned out disasterous for tablet browsing, but I'd hate to revert the change althogether.

    Tumblr has a basic mobile phone theme that I enabled, but it doesn't apply to tablets. On the ipad (chrome and safari), the site really isn't even readable, as aspects of it overlap. I just want it to be readable, even if the full design cannot be preserved.

    Toward the bottom of the CCS, there's a section called 'MEDIA QUERIES' which seems to cater to other screen sizes, but I'm not sure how to override the fixed parts (know of any guides for addressing this?)

    3) Minor bug: On the fixed version desktop browsing, when I scroll up, the 'Share' button from the end of posts shows in the header bar for some reason--multiple browsers.

    4) Minor bug: On Firefox only, the tumblr icons next to the date, permalink, and share text at the end of each article are not rendering properly. Could be a problem on their end, but I'm not sure.


    I don't expect anyone to address all of these at once, but if anyone can help me dwindle the list down, I'm all ears!

  • #2
    Regular Coder COBOLdinosaur's Avatar
    Join Date
    Jul 2002
    Location
    Canada
    Posts
    411
    Thanks
    2
    Thanked 32 Times in 32 Posts
    It is a seriously broken page. The HTML validator: The W3C Markup Validation Service
    can't even get out of the head. you need a valid page to start with.

    Then deal with the fact that you do not have anything but a sub-domain so youare going to be restricted by tumblr in terms of what you can actually apply. If you want unrestricted capabilities, then you need a real domain.
    100% standards compliant code is 100% correct 100% of the time.
    one of my toys from my repository and perhaps some help getting help

    Cd&

  • #3
    New to the CF scene
    Join Date
    Apr 2014
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by COBOLdinosaur View Post
    It is a seriously broken page.
    Guess I should not assume that paid themes are properly coded

    Quote Originally Posted by COBOLdinosaur View Post
    Then deal with the fact that you do not have anything but a sub-domain so youare going to be restricted by tumblr in terms of what you can actually apply. If you want unrestricted capabilities, then you need a real domain.
    I do own domains, but prefer tumblr's blogging platform to others because it's simple/easy to use. Wordpress just seems so bloated that using it is a chore. I do see your point though, that anytime someone uses a hosted service that they do not have complete control over, options become more limited. I was just hoping that some of this could be resolved anyhow, but perhaps it needs to be scrapped.

  • #4
    Regular Coder COBOLdinosaur's Avatar
    Join Date
    Jul 2002
    Location
    Canada
    Posts
    411
    Thanks
    2
    Thanked 32 Times in 32 Posts
    If I was you, I would look at what you need to do to get the code valid, or at least something that the validator can process all the way through. The kind of cross-platform issues you are having is indicative of non-valid constructs. Browsers are designed to try and work around errors, but there is no standardization on how the do that; so invalid code tends to create cross-browser anomalies.
    100% standards compliant code is 100% correct 100% of the time.
    one of my toys from my repository and perhaps some help getting help

    Cd&

  • #5
    New to the CF scene
    Join Date
    Apr 2014
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by COBOLdinosaur View Post
    If I was you, I would look at what you need to do to get the code valid, or at least something that the validator can process all the way through. The kind of cross-platform issues you are having is indicative of non-valid constructs. Browsers are designed to try and work around errors, but there is no standardization on how the do that; so invalid code tends to create cross-browser anomalies.
    Ok, thanks for the feedback! I'll look into it.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •