1. New download page

I've updated http://phix.x10.mx/download.php to try and make things easier (for Tom)

Any suggestions why the buttons/tabs show over the banner while the text glides smoothly underneath it?

Any other suggestions for improving that page welcome.

Pete

new topic     » topic index » view message » categorize

2. Re: New download page

petelomax said...

Any suggestions why the buttons/tabs show over the banner while the text glides smoothly underneath it?

Set z-index: 1; for the #header and #bar divs.

div#header { 
    position: fixed; 
    height: 155px; 
    width: 100%; 
    background: url(header_01.jpg); 
    margin-right: auto; 
    margin-left: auto; 
    z-index: 1; /* add */ 
} 

div#bar { 
    position: fixed; 
    height: 20px; 
    width: 100%; 
    background: url(bar.jpg); 
    margin-top: 155px; 
    margin-right: auto; 
    margin-left: auto; 
    vertical-align: bottom; 
    z-index: 1; /* add */ 
} 

petelomax said...

Any other suggestions for improving that page welcome.

I use Bootstrap for these kinds of things. ¯\_(ツ)_/¯

-Greg

new topic     » goto parent     » topic index » view message » categorize

3. Re: New download page

ghaberek said...

Set z-index: 1; for the #header and #bar divs.

Thanks, works a treat

ghaberek said...

I use Bootstrap for these kinds of things. ¯\_(ツ)_/¯

Heh, I actually "refactored" bootstrap (and jquery) from ~231K of overhead to <6K on that very page;
a) I learnt a bit more javascript/css that way
b) I introduced a problem

Pete

new topic     » goto parent     » topic index » view message » categorize

Search



Quick Links

User menu

Not signed in.

Misc Menu