Problems with positions of blocks

Hello everybody,

I’m now designing my website. I have put the heading on all my pages. Now I’m concentrating on my front page. I tried to put a picture on top of my text. Now the picture was a little too far from the top heading and I wanted it just below it.
I finally could do it using the position absolute. The problem when I got the picture where I wanted it to be, the top of my text went underneath!:frowning: I tried playing around with positions, it got worse!

This is my Css code:

a {
font-style: italic;
}
a:link {
color: gray;
}
a:visited {
color: green;
}

a:hover {
text-decoration: none;
color: white;
background-color: navy;
}
a:active {
color: aqua;
background-color: navy;
}
.menu
{
width:150px;
height:350px;
border: 2px #7fffd4;
margin:25px;
padding:25px;
padding-left:10px;
background-color: #ffffe0;
position: absolute;

}
#corps
{
width: 350px;
margin: auto;
margin-top: 20px;
margin-left: 200px;
text-align: justify;

}

h1
{
font-family: Arial, Georgia, Verdana, Serif;
color: #daa520;
text-align: center;
}
h2
{
font-family: Arial, Georgia, Verdana, Serif;
color: #daa520;
text-align: center;
}
blockquote
{
font-style: italic;
}
#toppic
{
margin-top: 0px;
position: absolute;
top: 0px;
}

p
{
position: absolute;
top: 150px;
}

Thanks in advance for your help:)

First of all, this probably belong in the CSS Forum.

Second, you’re going to need to include a link to the page in question or at least include the markup.

Third, you should also wrap all of your code in the BBCode code tags.

Fourth, without the markup I can’t be sure but using absolute positioning in that manner is most likely improper.

Hi Alex,
I didn’t know there was a Css forum for beginners. I thought this forum was for webdesign starters regardless of whether it’s Css, html or something else… I’ll check it out and try to post my thread there.
I don’t know what BBCode code tags are?
Thank you for the quick reply:)