Announcement Announcement Module
Collapse
No announcement yet.
need some <div> help Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Latest Topics Latest Topics Module
Collapse

  • salsa
    Reply to New to GDF so I am not sure where this would go?
    salsa
    NY has to have several business chambers and BNIs. Might be worth it to contact them or even join. Try AIGA too and hit up one of their networking events. Between those options your bound to run into...
    Today, 11:08 PM
  • YawLife
    Reply to 72 PPI right for iOS App design?
    YawLife
    Okay, thanks very much for that. The past little while I'd halted working on design until I could figure this out since I was worried that I'd have to completely redesign everything starting at a different...
    Today, 10:19 PM
  • B
    Reply to 72 PPI right for iOS App design?
    B
    Points per inch are irrelevant when designing for electronic displays. PPI is a print term that's necessary because things print to fixed sizes, and you need a certain amount of pixels for every halftone...
    Today, 09:42 PM
  • YawLife
    72 PPI right for iOS App design?
    YawLife
    Hey, so I'm trying to figure this one out since I've been designing this app at a resolution of 1136 x 640 at 72 PPI, but I know that the iPhone has a higher pixel density than that. If I save a jpeg...
    Today, 09:03 PM
  • BOXED
    Comment on Would appreciate some feedback on logo
    BOXED
    That's my intention 'to not make a heart out of it' but more so that I want the viewer to kind of make it out for themselves. A bit like a hidden message. I can possibly have a go at playing around with...
    Today, 08:58 PM

X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • need some <div> help

    Hey,

    for the life of me, I can't quite figure out why I'm having this issue.

    Movemaine.com

    I want the logo to float over the <div> holding the parallax trees.

    Any thoughts?

  • #2
    Is absolute positioning out of the question? It seems most appropriate here not floating. Once the h1 is positioned absolutely a left margin can be placed on the parallax division. That is the way I would handle it – simple. Also, you should avoid using presentational class names. Presentational class names are not flexible and make global changes difficult.

    This is very very very bad:

    HTML Code:
    <div class="jjCenter jjRed jjHelvetica"></div>
    Its more appropriate to describe the purpose of the element then use css to apply appropriate styles.

    HTML Code:
    <div class="intro"></div>
    HTML Code:
    .intro {
       text-align: center;
       color: #f00;
       font-family: Helvetica, sans-serif;
    }
    Furthermore, if there is only one "intro" or entity a id should be used rather then a class. Id is most appropriate for unique element naming and classes for multiples of the same type.
    Last edited by tZ; 06-06-2009, 11:22 PM.

    Comment


    • #3
      Just add these two lines to your "#jjTop h1 a" CSS:

      top:100px;
      z-index:1000;

      That will move down your logo over the (quite well done) tree/leaves parallax. The z-index is needed so that it will be displayed on top of the parallax, as opposed to below. I think this is what you were asking about.
      Design: Graphic, Web, Game

      Comment


      • #4
        i like the trees parallax too. can it be made so it tracks with the mouse where ever the mouse may be on the page and not just on the trees?

        Comment

        Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2015 Mediabistro Inc.
        Working...
        X