1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

CSS Hello! Could someone assist me please?

Discussion in 'Web Development' started by rsagona1, Dec 13, 2007.

  1. rsagona1

    rsagona1 New Member

    Ladies and gentlemen,
    I am lost. I am using this template:
    https://freewebsitetemplates.com/preview/musicstore/

    I removed the main earphone image and I put my own input form in there. The problem is, it's not editable because the CSS style attribute "absolute".

    If I remove that value, however, then everything is moved around and I don't know what to do.

    Could someone please look at my attached files? I included an image of what I want it to look like.

    Very much appreciated.
     

    Attached Files:

  2. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    Try this in your style.css
    If you do not want #head-pip area you can delete it or comment it out to reduce file size or just leave it in for latter use.
    #head-pip {
    background: url(images/header_pip.jpg) no-repeat;
    position: absolute;
    top: 0;
    left: 382px;
    width: 48px;
    height: 94px;
    Add below to your style.css
    }
    .form1 {
    top: 0;
    left: 182px;
    width: 548px;
    height: 5px;
    }

    Next in the index.htm
    <div id="nav">
    <div id="head">
    <div id="body-right">

    Add below
    <p class="form1"></p>
    </form><input type="text" name="myemailtypetextvalue" size="40" maxlength="50" value = "must be editable, but isn't or is it"></p>


    </div>
    </div>
    </div>

    If you leave "head-pip" in you can comment it.
    <!-- <div id="head-pip"></div> -->

    Hope this helps:eek:
     
  3. rsagona1

    rsagona1 New Member

    Thank you very much!

    Unfortunately, now it looks like this.
     

    Attached Files:

  4. rsagona1

    rsagona1 New Member

    Anyone please? Thanks.