- This topic is empty.
-
AuthorPosts
-
May 16, 2012 at 8:18 pm #38095icypink07Member
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 #102957Paulie_DMemberWe’d need to see a link or your HMTL. A Link would be better.
May 17, 2012 at 10:16 am #102968icypink07MemberHere 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 hereAnd this is suppose to be a paragraph under the menu.May 17, 2012 at 10:23 am #102969Paulie_DMemberif 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 #102971icypink07Member
Website
G B Accounting
Think outside the Block
Welcome to G B Accounting!
May 17, 2012 at 11:23 am #102972Paulie_DMemberYou have closed your ‘container’ too soon. Try this: http://tinkerbin.com/XBirE745
May 17, 2012 at 11:47 am #102973icypink07Memberyes! This worked! Thank you!!
May 17, 2012 at 12:07 pm #102975JPC776ParticipantJust 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 #102976Paulie_DMemberI 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 #102978icypink07MemberYeah, 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!
AuthorPostsViewing 10 posts - 1 through 10 (of 10 total)- The forum ‘CSS’ is closed to new topics and replies.