Positioning Text on a page

  • alexbulgo

    (@alexbulgo)


    15 years, 11 months ago

    Apologies but am rather a rookie at this. Am having some text positioning problems. I am using the Art Direction plug-in to customise specific pages with a template. On my bio page:

    http://alexbulgo.com/bio

    I have added a photo by adding the following code via the Art Director window, placing it in the content wrap:

    #content-wrap #content-middle {background: url(/wp-content/uploads/2010/06/Bulgo-Content2.jpg);padding:0px 0px 0px 4px; float:left; height:580px; width:580px;}
    #content-wrap #content-middle #content.fullwidth{width:920px; float:left; }
    #content-wrap #content-middle #content.home

    I now want to add some text over the top of it and have added the following code via the Art Director window:

    <div style=”position: fixed; bottom: 24em; left: 23.5em; width: 130px; font-weight: normal; text-decoration:underline; text-align:justify; color: #A3A3A3;”>
    <p>”Alex is a sensitive and intelligent actor with a total understanding of the camera” Peter Wooldridge – Casting Director</p>
    </div>

    My question is…how do I stop it moving round the screen like the menu bar and body text when the window is resized?! I have tried everything! Help!!!

Viewing 1 replies (of 1 total)
  • Rhand

    (@rhand)

    15 years, 11 months ago

    Position:fixed just fixes its position and that is why I never used position:fixed or position:absolute. It – fixed position – basically generates an absolutely positioned element, positioned relative to the browser window. I prefer to work with floats – http://www.w3schools.com/css/pr_class_float.asp – and add margin an padding to the floated element and that should help you as well. Floats go with the flow so to speak.

Viewing 1 replies (of 1 total)

The topic ‘Positioning Text on a page’ is closed to new replies.