How to put text at the top and bottom of a page?
I'm having trouble putting some text at the top and bottom of a page, i am very new to this and i am only working on a welcome page at the moment but i need to have things laid out like below if possible.
Please wait a moment and you will be redirected to the forums.
Do you want the bottom text right at the bottom of the page, or just below the image?
Absolutely positoning something at the bottom will cause it to overlap the image if the user's browser window is too small.
If you just want the text above and below the mage, then simply wrapping each text section in paragraph tags ( <p> </p> ) wll do that.
Sorry for the late reply, i need the text to be absolutely central and at the very bottom.
I am trying to make a very simple welcome/home page that redirects people to the forums, but i've not tried anything like this before so it's a little crazy jumping in and running before i can walk
I did try text above and below the image but it doesnt look right so i was hoping for a neater absolute top and bottom bit of text like in the first post if possible.
should position the lower text at the bottom.
<p style=" position: absolute; bottom: 0; left: 0; width: 100%; text-align: center;">Please wait a moment and you will be redirected to the forums.</p>
Amazing how something that looks so simple can be so hard to do
thank you that works perfectly and i do see what you mean about the text overlapping if the screen is too small but thats a small price for a neat looking page.
Hi, I have followed the advice given in this forum to put the code: <div style="position: relative;background-color: blue; width: 600px; height: 800px;">
<div style="position: absolute; bottom: 5px; background-color: green">
However my page has now disappeared and all I am left with is a blue box.
Please can someone help me to get my page back? Thanks
Users Browsing this Thread
There are currently 1 users browsing this thread.
(0 members and 1 guests)