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

    Join Date
    Jul 2003
    Posts
    192
    Rep Power
    0

    css help on this site


    I've been working on a site based on a rollover links tutorial (created my own images and links and such for this site) but I can't get my main text area lined up to the right of the sidemenu. Any help? Also any other design suggestions (even tho it isn't done yet)? thanks


    http://sandwiregames.com/wip1/
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2003
    Posts
    12
    Rep Power
    0
    Just add:

    #menu { text-align: right; }

    in your CSS and change the padding line in #menu a to:

    padding:10px 15px 15px 32px;
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Posts
    192
    Rep Power
    0
    wont this make the text aligned to the right as well? do i have to specify left align on P or something to correct that?

    also, any recommendations on the looks? i am satisfied with the looks of the buttons but the rest looks a little ****ty.
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Posts
    192
    Rep Power
    0
    Originally posted by linolium
    Just add:

    #menu { text-align: right; }

    in your CSS and change the padding line in #menu a to:

    padding:10px 15px 15px 32px;
    looks better! ok the new version is uploaded over the old one and the link text is aligned right now..but still

    how do I bring up the main content box from the bottom of the page to being aligned to the right of the links? thanks.
  8. #5
  9. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2003
    Posts
    35
    Rep Power
    11
    you can use the {position: absolute; top: 100px; left:100px;} make sure you change the value to top and left to your needs. this would go into the .maincontainer {} of your css header
  10. #6
  11. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Posts
    192
    Rep Power
    0
    thanks, i updated it like that... something on this site just looks crappy to me tho lol. I like the link bars i made but the rest is kind of ****ty huh?
  12. #7
  13. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Nov 2003
    Posts
    35
    Rep Power
    11
    just a tip i would probablly pad or place it 5-10px to the right from the menu and at the same starting hieght as the first menu option.
  14. #8
  15. |<.+#f@#+.&.|
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Mar 2002
    Location
    norway
    Posts
    3,009
    Rep Power
    1224
    drop the center-tag, it is deprecated and isn't part of the dtd to the doctyper you are using,
    use css, text-aling:center; in the #title h1

    image-tags cannot have close tags.
    but should be closed like this
    <img src="leftmenu_seperator.gif" alt="" />
  16. #9
  17. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2003
    Posts
    192
    Rep Power
    0
    Originally posted by Darkside
    just a tip i would probablly pad or place it 5-10px to the right from the menu and at the same starting hieght as the first menu option.
    what do you mean by this?

IMN logo majestic logo threadwatch logo seochat tools logo