firecrackerannie Posted March 4, 2007 Share Posted March 4, 2007 I'm a novice at web design, totally self-taught, and struggling with CSS as an alternative to tables. This topic has probably been addressed on here many times, but I can't seem to find my specific problem and I'm getting frustrated. I feel like a first-grader attending class at Oxford on this forum! I would really appreciate anyone's help! I am trying to move my body text to the top of the page, but it insists on staying way down the page. I've played around with the margins and container variables, to no avail. Please help! The url of the page is http://www.eurekainvestigations.com. This is the CSS code... body { font: 9pt/17pt georgia; color: #555753; background: #eedfcc url(Images/PI.jpg) no-repeat top left; margin-left: 0px; margin-top: 0px; }p { font: 11pt/17pt "Times New Roman"; margin-top: 0px; text-align: justify; }h1 { letter-spacing: 1px; margin-top: 0px; text-align: center; color: #555753; margin-bottom: 35px; }h2 { letter-spacing: 1px; margin-bottom: 0px; text-align: left; color: #7D775C; margin-bottom: 8px; }a:link { font-weight: bold; text-decoration: none; color: #B7A5DF; }a:visited { font-weight: bold; text-decoration: none; color: #D4CDDC; }a:hover, a:active { text-decoration: underline; color: #9685BA; }#container { background: #eedfcc; padding: 10px 20px 10px 30px; margin-left: 260px; margin-top: 0px; }#footer { text-align: center; margin-top: 50px; }#footer a:link, #footer a:visited { margin-right: 20px; }#linkList2 { margin-left: 0px; position: left; top: 0px; right: 0px; font: 15px verdana, sans-serif; color: #555753; margin-top: 375px; width: 250px; }#linkList2 li { line-height: 2ex; padding-top: 5px; margin-bottom: 5px; list-style-type: bullet; }#linkList2 li a:link { color: #555753; text-decoration: none; }#linkList2 li a:visited { color: #c0c0c0; text-decoration: none; }#linkList2 li a:hover { color: #000000; text-decoration: none; } Link to comment Share on other sites More sharing options...
Xenon Design Posted March 4, 2007 Share Posted March 4, 2007 Simple :)Just add: float: left;To the CSS for #linkList2 and #containerWorked in my Firefox Link to comment Share on other sites More sharing options...
firecrackerannie Posted March 4, 2007 Author Share Posted March 4, 2007 Simple :)Just add:To the CSS for #linkList2 and #containerWorked in my Firefox Eureka! It worked. Bless you young man! You just made an old woman very happy. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now