Small issue with CSS

Discussion in 'HTML & Website Design' started by genius, Aug 12, 2013.

  1. #1
    Hello,

    I have a script based on CSS3 for a fullscreen background, and also I have another script on the same website for a lightbox.

    The website is www.palmano.ro/tehno/index.html

    Now the problem, first of all I can't seem to make the thumbnail stick to the bottom, and second, when the lightbox opens and I press X to close it, it won't work.

    Any ideas ?

    Thank you
     
    genius, Aug 12, 2013 IP
  2. gotlivechat

    gotlivechat Member

    Messages:
    516
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    35
    #2
    What browsers are you checking it against? Does it work in any of the major ones (FF, IE, etc.)?
     
    gotlivechat, Aug 12, 2013 IP
  3. genius

    genius Well-Known Member

    Messages:
    535
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    108
    #3
    No, I checked it on FF and Chrome and it doesn't work
     
    genius, Aug 12, 2013 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #4
    For your t-nail, do this:
    
    ul {
      border: 0 none;
      bottom: 0;
      padding: 20px 0 20px 20px;
      position: absolute;
      }
    Code (markup):
    I don't care to dig into the scripting to deal with the other issue, but will comment that the structure and styling of the page in general does not use best practice. Were I to be given the page, I would totally refactor it. Its present structure makes no sense.

    cheers,

    gary
     
    kk5st, Aug 12, 2013 IP
  5. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #5
    Now, word of warning, I'm NOWHERE near as tactful as Gary. I'm going to tell you EXACTLY how I see it.

    You are dicking around with goofy bloated "gee ain't it neat" scripttard nonsense that has NO business on a website -- and worse you appear to be doing so without the slightest understanding of how to properly use ANY of the HTML tags you have in your code. There's this thing called semantic markup, and to be brutally frank, you don't have it. What the devil makes your placeholder text the LABEL for a form INPUT?!? What's with the run-on sentence as a menu? Much less the form elements without a FORM around things that don't seem to need to even BE form elements.

    Figure in all the HTML 5 asshattery, that stupid malfing "let's wrap the HTML tag five times in IE CC's to cover up the ineptitude of the developer" crap that Paul Irish came up with, the similarly stupid X-UA garbage that there's no excuse to even use on a NEW site (that's a bugfix for crappy old code, NOT for building new sites), lack of MEDIA targets on the CSS' <LINK>...

    Much less the reliance on that stupid bloated 'modernizr' garbage.

    You seem to be focusing on appearance and "gee ain't it" neat bloated scripting before you have content of value marked up semantically -- much like the idiocy of dicking around drawing pretty pictures in photoshop and having the cojones to call oneself a 'designer', you are putting the cart before the horse... for something that again, to be BRUTALLY frank, has no malfing business on a website!

    ... as evidenced by the completely ridiculous THIRTEEN MEGABYTE PAGE LOAD -- only a hundred times the practical size for a page template not counting content.

    This is NOT a 'small issue with CSS, this is "Not viable for web deployment" -- ever notice you don't see a lot of websites pulling these types of tricks? There's a reason for that!
     
    deathshadow, Aug 12, 2013 IP
  6. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #6
    There you go again, ds; beating around the bush. ;-}

    g
     
    kk5st, Aug 12, 2013 IP