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

  • PrintDriver
    Reply to Graphic design career
    PrintDriver
    I have heard that graduating design students need work experience to be able to get a job. Can internships, freelance work count?
    Internships count. Part time jobs in the industry in some fashion...
    Today, 11:40 AM
  • Yehoshua
    Resume
    Yehoshua
    You guys helped me create my logo, now help me put it into action! Is there a better typeface that would fit the logo and style of the resume apart from Helvetica Neue? Some geometric sans that I don't...
    Today, 07:12 AM
  • Yehoshua
    Reply to Graphic design career
    Yehoshua
    I'm obtaining a design education right now. The most important thing to do in and out of school is to learn. Devour every bit of design information you can, and learn your design history***. Network (go...
    Today, 06:58 AM
  • B
    Reply to Macbook Air 11" or Macbook Air 13"?
    B
    I'd sure not want to do real work on a 11-inch display or, for that matter, a 13-inch display. But what kind of work would you really be doing on it since you have an iMac at home? A small MacBook Air...
    Today, 02:03 AM
  • justcode247
    Graphic design career
    justcode247
    Hi, I am an aspiring graphic designer and would like the advice from creatives in the field. From reading the posts/threads in this forum, I realize it may be difficult for entry-level designers to find...
    Today, 12:29 AM

Powered by mediabistro.com
Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
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