Which is the Best iPage web hosting Website?

Click Here To View All Answers...

My first question is Which is the Best iPage web hosting Website? Thanks for any response. My 2nd question... Okay I'm having a little trouble with "relative" positioning of a picture. I positioned the background so that it repeats vertically straight in the middle no matter what resolution that you're viewing it in and I used this code in my CCS:.

Body {background-image: url(coldback.jpg); background-repeat: repeat-y; background-position: top center; background-color: #000000;}.

So how do I line up my main image (not in the background) in the center as well? I want it to be "top center" too but I can't figure out the code. Whenever I try I always get a gap right above the picture and I don't want that. I want it to be 0px from the top. I hoping I'm explaining this well..


Comments (3)

That's a good question. I'm not sure what is the answer to that question. I'll do some Googling and get back to you if I bump into an anything. You should email the people at iPage as they probably can help you..

Comment #1

Okay it's right here:.


That's what it looks like now but I want the main image to line up with the background regardless of the resolution. I want some way to have the "main" image be "top center" just like I have the background...

Comment #2

Your code makes no sense to me at all. First, CSS must go in the head (unless it is inline)..

Make sure that you follow that basic outline..

Second, your CSS isn't even close to valid..

As far as I know, you cannot nest CSS statements. You are also missing the "#" in front of some of the colors, but not all of them. The "#".


Be there. If you declare the font family and size in the body, it will be inherited by all elements within the body, so you only need to specify the "p" and "td" fonts when they are different from the body. So the above can be cleaned up to look like this:.

In your "a" elements, you have some funky stuff, too. Again, you must have the "#" in front of the hex number that represents a color. I've never heard of the filter attribute, but I'll leave that alone. In your height attributes, you have a value of "1". One what? px, em, or pt? You need to specify. A:hover is missing the "cursor:" in front of the word "default;" So:.

After the "a" elements, you have another body element. That should be combined with the previous body. You also need to put the url in quotes..

Putting it all together, your CSS now looks like this:.

Now, for some reason, in your body tag, you have specified a background color. That will over-ride your CSS, so take it out..

To position your image absolutely, but still make it move on a screen resize, you can use percentages. Oh, and get rid of those "font" tags. Please, please, please do not use those when you are already using CSS. It defeats the purpose. You should also move those inline styles up to the style in the head and call them with a class or id...

Comment #3

I have used the css of doogxela.

And the margin set to 0px.

See the attachment..

No gap at the top..

//// take this part out of my code.


(it is a dir on my computer).


Comment #4

This question was taken from a support group/message board and re-posted here so others can learn from it.