#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Posts
    34
    Rep Power
    12

    how do u move html to the left using css


    hi,
    i am trying to move my html page down and to the left using css. this is to make room for my header menu. at the moment my javascript header is over my html text. how can i use css to move my text down and to the left 50 pixels????
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Regular (2000 - 2499 posts)

    Join Date
    Jan 2003
    Location
    No es importante
    Posts
    2,065
    Rep Power
    14
    You can try using absolute positioning. For example:
    .left
    .right
    .top
    .bottom
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Posts
    34
    Rep Power
    12
    cheers, but i have
    body{position:absolute; right:100px; top:50px;}
    in my file.css but this does not move anything in my html file. (i know my file.css works cos if i change the color it changes in the html file). The only other thing is that i have php in my files.

    can u help
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Regular (2000 - 2499 posts)

    Join Date
    Jan 2003
    Location
    No es importante
    Posts
    2,065
    Rep Power
    14
    Try using the tags I mentioned and <SPAN>ing your text not the body.
  8. #5
  9. Thanks Johnny Hart (BC) R.I.P.

    Join Date
    May 2003
    Location
    Dallas
    Posts
    5,268
    Rep Power
    1956

    Re: how do u move html to the left using css


    Originally posted by dor1979
    hi,
    i am trying to move my html page down and to the left using css. this is to make room for my header menu. at the moment my javascript header is over my html text. how can i use css to move my text down and to the left 50 pixels????
    This site will answer your question.

    cheers,

    gary
    There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

    My html and css workshop, demos and tutorials.
    Ask a better question, get a better answer.
  10. #6
  11. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Location
    New York.
    Posts
    5
    Rep Power
    0
    What specificly are you trying to move? Images, Text, etc.? I would suggest putting all of your HTML page in a table (except the header, which should be in a different table) and then in the table tags use:

    style="position:absolute;top:150px;left50px;"

    That should work, and it will definitly not work in just the Body {}, use Table {} or Tr {} or Td {}.

IMN logo majestic logo threadwatch logo seochat tools logo