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

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

  • PrintDriver
    Reply to Vendor Creative
    PrintDriver
    You had time to do the change and post here, but not time to pick up the phone and call the client?

    I think if I was paying for something and it was changed by someone outside the company,...
    Today, 04:32 PM
  • hank_scorpio
    Reply to Are you able to read the text?
    hank_scorpio
    Picture should be someone enjoying themselves in a walking scene in a park or something, or playing with their kids.

    Text over image should only be block text, paragraphs of text never w...
    Today, 04:15 PM
  • Cosmo
    Reply to Multiply, white background question. Must be a 1 minute answer?? Help!
    Cosmo
    You can change the opacity to multiply, but that's not the proper way to do it. If it's a logo, it should be created in Illustrator in vector form. That way there is no background to worry about, and...
    Today, 03:46 PM
  • EvaldasT
    Reply to Is graphic design for me?
    EvaldasT
    Well, I am really passionate to learn, I have been excited about digital arts since young age and learned most of the things by myself and I thought that uni will teach me some industry stuff, but it...
    Today, 03:40 PM
  • GDGD
    Reply to Vendor Creative
    GDGD
    And sometimes they brand the creative, in this case, they did. What I changed was layout of the text and images. The branding and legalese stayed exactly the same....
    Today, 03:37 PM
Advertisement Advertisement Module
Collapse

Sponsors Sponsors 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 © 2014 Mediabistro Inc. call (212) 389-2000 or email us
        Working...
        X