EXTREME newbie needs help!

[reinvestor420]

Ok....I've been reading this board for about 4 days now, and I finally got enough nerve to register and post.

I d/l'd 1st Page last week, and have been working feverishly on my site since. The problem is....I don't know what the heck I'm doing!

The help included with 1st Page has been great, and the posts here excellent, but I'm still having problems. I've gone through the Webmonkey's CSS tutorials twice, just so you know.

My problem is with my divs. My external stylesheet sets my main body text (text1), and my image below this text (image1) at specific locations using <ABSOLUTE>. But the body text on my HTML pages are at varying lengths, which causes the placement of the image to be screwed up.

My first thought is that I need to be using <RELATIVE>, not <ABSOLUTE>, but I'm not sure how to do this. For example, if I want my image to be positioned relative to the end of (text1), what is the syntax. How do I reference what I want it to be relative to?

Thanks in advance, and I'm including my sitelink and my stylesheet. I'm sure you veterans will get a BIG laugh out of this. Remember, I'm a newbie! Weren't you all at one time? ;)

georgethe3rd.com (http://www.georgethe3rd.com)

[ByteWizard]

The best way I can explain position: relative is to position two elements WITHOUT position: relative and note how they relate to each other. If you use relative, this will move the element relative TO WHERE IT WOULD HAVE BEEN PLACED WITHOUT RELATIVE. I personally have found very little use for position:relative.

Read up on CLEAR. Without seeing the code specifically, it is hard to help solve the problem. There are a couple of good CSS tutorials on the web, Look at The Tool List (http://dev.home.mindspring.com) and have a look at the tutorial by Top Style (I believe it is the first one in the list).

Post your problem code and we will help.

Joel

[reinvestor420]

....sorry for not including it the 1st time - I thought the only thing needed was the stylesheet.

Thanks for those links, btw. I learned a little bit about positioning, I think.

If I got the concept, absolute positioning places the object at a set position relative to its parent object, whether that be the screen, a paragraph, etc. And relative positioning places the object at set position relative to where it would normally be placed if not for us trying to position it (i.e. its static position).

I hope I got that right.

The only thing I'm sorta confused about now is....how do you know what the static position is? I'm assuming that this is the position the browser would place things w/o any "outside interference", so to speak, but how do I know where that would be?

Sorry for asking such newbile questions, but it's like - I don't know what I don't know!

Thanks in advance,

rei420

[ByteWizard]

I hope I got that right

I could not have said it better meself.



The only thing I'm sorta confused about now is....how do you know what the static position is?

I wish I knew how to answer this. I can only tell you "by trial and error". Place it without any relative position and if you need to move it then give it some top & right relative positioning... and you can bet it will be treated different in different browsers.