Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Help with CSS, repositioning menu’s and text over an image

  • This topic is empty.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 16, 2012 at 8:18 pm #38095
    icypink07
    Member

    Hello, I need some help, I used the CSS3 code for my background image like so:

    body {
    background: url(brownbackground.gif) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-boackground-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    Now, it works just the way I wanted that too, but when I add my menu’s and such, I can style them and everything, but they end up at the bottom of the page instead of where I would like them to be. Here are my codes

    #container {
    width: 900px;
    height: 700px;
    margin: 0 auto 0 auto;
    padding: 10px;
    text-align: center;
    font-family: harrington;
    font-size: 50px;
    color: #ADD8E6;
    }

    #home {
    width: 150px;
    height: 50px;
    font: 20px harrington;
    color: #E799A3;
    text-align: center;

    }

    a:link {
    color: #E799A3;
    }

    a:visited {
    color: #ADD8E6;
    }

    #menu {
    font: 20px lucida handwriting;
    list-style: none;
    padding: 10px;
    margin: 0;
    width: 150px;
    background: #7F5A58;
    }

    #menu li a {
    display: block;
    padding: 10px;
    margin: 5px;
    border: 5px ridge #E799A3;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    }

    #menu li a:hover {
    background: white;
    color: black;
    }

    Please help me figure out why I cannot move the menu’s and words around to where I would like them!

    Thank you!

    May 17, 2012 at 7:25 am #102957
    Paulie_D
    Member

    We’d need to see a link or your HMTL. A Link would be better.

    May 17, 2012 at 10:16 am #102968
    icypink07
    Member

    Here is the HTML, when pared with the style sheet you will see my problem, or it may work for you, but with the CSS you should be able to see how I would like to style this.



    Website

    Website Example
    I’ll have more words here

    And this is suppose to be a paragraph under the menu.

    May 17, 2012 at 10:23 am #102969
    Paulie_D
    Member

    if you must post your code, please make sure that you use the ‘code’ button (that’s the 4th one from the left next to the I.

    Post your code, assuming it’s not too large between the ‘pre>’code>’/code>

    May 17, 2012 at 11:16 am #102971
    icypink07
    Member

    

    

    

    
Website
    

    

    


    
G B Accounting 
     Think outside the Block
    


    

    

    


    
Welcome to G B Accounting!
    May 17, 2012 at 11:23 am #102972
    Paulie_D
    Member

    You have closed your ‘container’ too soon. Try this: http://tinkerbin.com/XBirE745

    May 17, 2012 at 11:47 am #102973
    icypink07
    Member

    yes! This worked! Thank you!!

    May 17, 2012 at 12:07 pm #102975
    JPC776
    Participant

    Just a personal preference, but I would add

    text-decoration:none;

    to

    #menu li a {}

    so it removes the underline from the links.

    May 17, 2012 at 12:18 pm #102976
    Paulie_D
    Member

    I wasn’t going to go into the design and styling choices as I would have been here all day.

    To the OP, take a look as some other sites for similar services and see how they look. Alternatively, consider buying a template and adding your own flair to that.

    May 17, 2012 at 12:28 pm #102978
    icypink07
    Member

    Yeah, I have a couple of templates I want to work with, but I am doing this to get my feet wet first before messing around with a code already made. Because then I will actually be able to read the code when I go to mess with it :) Thanks for the advice guys and all your help!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The forum ‘CSS’ is closed to new topics and replies.