Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    jj1
    jj1 is offline
    Senior Member
    Join Date
    Oct 2008
    Posts
    319
    Member #
    17546
    Have now fixed problem - see reply below.

    PLEASE can anyone help. I'm trying to replace my table-based design with CSS positioning but things are not going well.:cry: :cry: :cry: :cry: Am getting REALLY frustrated with this CSS.
    In my masthead I want to use absolute positioning to position different images and menu options ABSOLUTELY within the MASTHEAD rather than within the BODY - at the moment things are positioned absolutely within the body not within the masthead.:cry: :cry:

    I've tried setting a div container which is relatively positioned (div id="mastheadsection") to act as a parent for all the images, but they still end up being positioned absolutely for the body rather than the masthead.
    My code is:
    <div id="masthead">
    <div id="mastheadsection">

    <img class="imglogo" alt="" src="logo.gif" width="87" height="47" />
    <img class="imgattractive"alt="" src="attractive.gif" width="598" height="36" />
    <img class="imgseo"alt="" src="seo.gif" width="253" height="27" />
    </div>
    </div>
    My CSS code is
    .mastheadsection {
    position:relative;
    width: 950px;
    height: 500px;
    top:0px;
    left:0px;
    }
    .imglogo {
    position:absolute;
    top:0px;
    left:0px;
    }
    .imgattractive {
    position:absolute;
    top:100px;
    left:110px;
    }
    .imgseo {
    position:absolute;
    top:130px;
    left:200px;
    }

  2.  

  3. #2
    jj1
    jj1 is offline
    Senior Member
    Join Date
    Oct 2008
    Posts
    319
    Member #
    17546
    If anyone's interested I've now fixed the problem:
    - #mastheadsection {
    not
    .mastheadsection {
    in CSS. Obvious once you're used to CSS but I'm afraid I'm still struggling through.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 06:47 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com