HabboxWiki needs you!
Are you a Habbo buff? Or maybe a rare trader with a bunch of LTDs? Get involved with HabboxWiki to share your knowledge!
Join our team!
Whether you're raving for rares, excited for events or happy helping, there's something for you! Click here to apply
Need a helping hand?
Check out our guides for all things to help you make friends, make rooms, and make money!


Page 1 of 2 12 LastLast
Results 1 to 10 of 11
  1. #1
    Join Date
    Apr 2005
    Location
    London
    Posts
    2,994
    Tokens
    8,306
    Habbo
    Rubbish

    Latest Awards:

    Default help with CSS code please?

    hi so I'm designing/coding a website and am stuck! Basically have two buttons which are nicely arranged on my screen but when I test on different resolutions etc they're literally all over the place. What am I doing wrong? Can someone pleaseeeee help me. Will mediaqueries help?

    here is the website

    www.imjacob.co.uk

    here is the css for one of the buttons


  2. #2
    Join Date
    Jun 2006
    Location
    England, UK
    Posts
    12,313
    Tokens
    33,472
    Habbo
    dbgtz

    Latest Awards:

    Default

    Was this sorted

  3. #3
    Join Date
    Apr 2005
    Location
    London
    Posts
    2,994
    Tokens
    8,306
    Habbo
    Rubbish

    Latest Awards:

    Default

    Quote Originally Posted by dbgtz View Post
    Was this sorted
    NO tom am having such trouble it must be such a simple fix but cant seem to fix???? I've sort of got it.... they now dont move when I resize my web browser but on iphone they look shocking... how does it look on your computer screen pls? uploaded new files to the url www.imjacob.co.uk let me know lol and also edited the css code a bit i might jus give up frustrating me 2 much


    its all the positioning i cant cope with!
    Last edited by Catchy; 12-02-2017 at 10:57 PM.

  4. #4
    Join Date
    Jun 2006
    Location
    England, UK
    Posts
    12,313
    Tokens
    33,472
    Habbo
    dbgtz

    Latest Awards:

    Default

    Ye looks fine (at least what I think you're going for)
    By the way seems like it would be more suitable to use id rather than classes for most, if not all of the elements.

  5. #5
    Join Date
    Apr 2005
    Location
    London
    Posts
    2,994
    Tokens
    8,306
    Habbo
    Rubbish

    Latest Awards:

    Default

    Quote Originally Posted by dbgtz View Post
    Ye looks fine (at least what I think you're going for)
    By the way seems like it would be more suitable to use id rather than classes for most, if not all of the elements.
    prob cos u have decent screen size/resolution i dread to think what it'll look like on a little netbook and ok cool, can you explain diff between them and why it matters as such? im v new to code tom lol xx

  6. #6
    Join Date
    Jun 2006
    Location
    England, UK
    Posts
    12,313
    Tokens
    33,472
    Habbo
    dbgtz

    Latest Awards:

    Default

    Quote Originally Posted by Catchy View Post
    prob cos u have decent screen size/resolution i dread to think what it'll look like on a little netbook and ok cool, can you explain diff between them and why it matters as such? im v new to code tom lol xx
    id = used only by one thing
    class = used by many things

    tbh its aligned to the left on mine which idk if that's intentional or not

  7. #7
    Join Date
    Apr 2005
    Location
    London
    Posts
    2,994
    Tokens
    8,306
    Habbo
    Rubbish

    Latest Awards:

    Default

    Quote Originally Posted by dbgtz View Post
    id = used only by one thing
    class = used by many things

    tbh its aligned to the left on mine which idk if that's intentional or not
    no want it center ffs

  8. #8
    Join Date
    Dec 2008
    Location
    Feedback Forum
    Posts
    14,085
    Tokens
    28,676
    Habbo
    Wispur

    Latest Awards:

    Default

    The absolute positioning is whats causing the issues. Im not sure exactly what you're trying to achieve overall but as it stands the buttons are fixed in place which I'm assuming you don't want.

    Also try and avoid using ids all together and stick to classes. Ids are too specific and can cause a styling nightmare if things get more complex. This does a decent job of explaining it: http://oli.jp/2011/ids/

    I can fix for you tomorrow if no one else does
    Former General Manager
    Former Forum Manager
    Former Site Manager



    I've left, but I still visit sometimes!
    Like Catchy Liked

  9. #9
    Join Date
    Apr 2005
    Location
    London
    Posts
    2,994
    Tokens
    8,306
    Habbo
    Rubbish

    Latest Awards:

    Default

    Quote Originally Posted by Chris View Post
    The absolute positioning is whats causing the issues. Im not sure exactly what you're trying to achieve overall but as it stands the buttons are fixed in place which I'm assuming you don't want.

    Also try and avoid using ids all together and stick to classes. Ids are too specific and can cause a styling nightmare if things get more complex. This does a decent job of explaining it: http://oli.jp/2011/ids/

    I can fix for you tomorrow if no one else does
    I'd love you forever if you could

  10. #10
    Join Date
    Jun 2006
    Location
    England, UK
    Posts
    12,313
    Tokens
    33,472
    Habbo
    dbgtz

    Latest Awards:

    Default

    Quote Originally Posted by Chris View Post
    The absolute positioning is whats causing the issues. Im not sure exactly what you're trying to achieve overall but as it stands the buttons are fixed in place which I'm assuming you don't want.

    Also try and avoid using ids all together and stick to classes. Ids are too specific and can cause a styling nightmare if things get more complex. This does a decent job of explaining it: http://oli.jp/2011/ids/

    I can fix for you tomorrow if no one else does
    That's almost 6 years old and can hardly be described as solid evidence. There's lots of unnecessary repeated definitions because he's using two or more classes rather than splitting it into class and ids (I can only see 2 lines that are different between .button and .button2 out of 21 lines).

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •