Why does my lit look like this?

Discussion in 'Programming' started by Vig, Jun 29, 2013.

  1. #1
    if you guys go to enlightenlists.com, scroll down a little on the homepage, and then click the steve jobs list, do you see the numbers in descending order from 7-1 on the left? i just had someone do some work on it and he said it looks fine in safari (which is what im using), but when i look at it on my screen it shows negative signs next to the numbers, the aligning is off, and they are still in ascending order. but then when i look at it from my phone, also using safari, it looks fine and the way i want it to look. this is confusing me and dont know if its something with my browser on my laptop or how to fix it. any help would be appreciated.
     
    Vig, Jun 29, 2013 IP
  2. ActiveFrost

    ActiveFrost Notable Member

    Messages:
    2,072
    Likes Received:
    63
    Best Answers:
    3
    Trophy Points:
    245
    #2
    No negative signs for me, but the padding or margins (didn't check which one of these) are way off (gap between those numbered blocks).

    Firefox 22.0 on Linux
     
    ActiveFrost, Jun 29, 2013 IP
  3. Vig

    Vig Active Member

    Messages:
    190
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    80
    #3
    can you post a screenshot please?
     
    Vig, Jun 29, 2013 IP
  4. aidanriley629

    aidanriley629 Banned

    Messages:
    429
    Likes Received:
    23
    Best Answers:
    3
    Trophy Points:
    175
    #4
    It looks okay in Internet explorer but not Chrome, so probably an alignment issue. I'll find it, let me dig through the stylesheets.
     
    aidanriley629, Jul 1, 2013 IP
  5. aidanriley629

    aidanriley629 Banned

    Messages:
    429
    Likes Received:
    23
    Best Answers:
    3
    Trophy Points:
    175
    #5
    Ok, so in this stylesheet http://enlightenlists.com/wp-content/themes/boulevard/style.css
    There is a lot of left margins and padding in the following parts:
    div#wrapper has 157 some odd pixels of left margin
    div#post has 20px of left padding

    but the two that are causing the problem are:
    ol.rev_ol, which has 70px of padding, and it's corresponding li, which has 36 px of padding and 28 left margin. If you're unsure how to go about editing this, I can help you on Skype (I don't charge), but you should really contact the web developer and let him know what's up--there's no reason for a web designer to only test his code in one browser.
     
    aidanriley629, Jul 1, 2013 IP
  6. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #6
    Shows nothing but ten's here in Opera... with some sort of goofy vertical line that's all over the place from item to item - overlapping the heading text in some places.

    Really though the code for that site is a convoluted mess -- endless pointless DIV for nothing, little if anything resembling semantic markup, endless pointless classes (much of that being the hallmark of a site built in turdpress), endless pointless static scripting in the markup...

    Though I think the BIG problem is that for some screwball reason you have XML prolog's output in the middle of the markup -- some browsers are probably treating that as the start of a new document, closing all currently open tags.

    Really though if you have headings, you already have it broken into items so there's no legitimate reason for that to even BE a ordered list... much less the empty paragraphs for nothing, pointless use of the STYLE attribute, broken/gibberish use of numbered headings... It's hardly a shock it ends up 56k of markup to deliver 12k of plaintext and a dozen or so content images -- anywhere from two to three times as much code as should be needed on such a simple page.

    ... and that's without talking about the inaccessible mess of fixed width layout, fixed metric (px) fonts, illegible serif fonts on screen, and questionable color contrasts making it reek of "WCAG, what's that?"

    It's just another laundry list of how not to build a website, which is why <broken record>I'd suggest throwing it all away and starting over from scratch, as there's little if anything I'd try to save from that.</broken record>
     
    deathshadow, Jul 2, 2013 IP
  7. aidanriley629

    aidanriley629 Banned

    Messages:
    429
    Likes Received:
    23
    Best Answers:
    3
    Trophy Points:
    175
    #7
    Yeah. the ol was hard to find -- I wouldn't have found it without Web Developer. See the pic below. Green = padding.

    70px.jpg
     
    aidanriley629, Jul 2, 2013 IP
  8. aidanriley629

    aidanriley629 Banned

    Messages:
    429
    Likes Received:
    23
    Best Answers:
    3
    Trophy Points:
    175
    #8
    I'm not surprised anyway, it's obvious that some kind of automation program is used to code this--no one can code like that, I'd go blind and crazy lol.
     
    aidanriley629, Jul 2, 2013 IP