The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Text Alignment on an HTML page.

3 posters

Go down

Solved Text Alignment on an HTML page.

Post by runawayhorses June 14th 2012, 6:03 am

I have this HTML page I set as my "Homepage", its a small page used as a "splash" page which has a "Enter" link that when clicked takes you to a 4 second "loading page" that will load the forum index page. And I need a code that will "float" or move the text that says "Powered by forumotion.com" to the bottom right-hand side of the page. Right now it is about there using a div align tags to get it to the right side of the screen and I used some <br> breaks tags to push it down. But I don't want to use break tags because of the difference is screen sizes people have and the different browsers people use. I do not want to push the text down too far so it would create a vertical scroll-bar for some screen sizes. So my idea is if I had a code that would push the text down with percentages that would be the answer to the screen size issue, as it would automatically push the text down as far as it can go and not create a scroll-bar. My object here is to have no scroll-bars for this small page and to have that text down as far as it will go without creating a scroll bar.

So I need a code do do this with. If JavaScript is a good answer that would be fine too.

Here's my page so you can take a look at the text I am referring to:

http://runawayhorses.alldiscussion.net/


Last edited by runawayhorses on June 14th 2012, 7:32 am; edited 2 times in total
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by Sir Chivas™ June 14th 2012, 6:08 am

Hi, Hello

Can I actually get the link to the loading page? Thank you.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by runawayhorses June 14th 2012, 6:09 am

I meant to say vertical scrollbar.

Click the "Enter" button and that is the loading page. The issue is not on the loading page.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by Sir Chivas™ June 14th 2012, 6:19 am

Try this:
Code:
<div style="position: absolute; bottom: 0px;">Your copyright line or code</div>
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by runawayhorses June 14th 2012, 6:27 am

It almost worked it went down but its on the left hand side, how do I get it to the right?
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by Sir Chivas™ June 14th 2012, 6:32 am

Try this:
Code:
<div style="position: absolute; bottom: 0px; text-align:right;">Your copyright line or code</div>

Note: I edited the code, since I made an error to it.


Last edited by Sir Chivas™ on June 14th 2012, 6:36 am; edited 1 time in total
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by runawayhorses June 14th 2012, 6:36 am

No that didn't work its still on the left.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by Sir Chivas™ June 14th 2012, 6:37 am

I know I accidentally, made an error into the code. I have edited the code, in the post above you.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by runawayhorses June 14th 2012, 6:42 am

No that didn't do it.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by Sir Chivas™ June 14th 2012, 6:45 am

Try this:
Code:
<div style="position:relative; bottom:10px; text-align:center; width: 90%; margin:0 auto; height:30px; border:1px solid black;">
<p>Text goes here</p>
</div>
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by runawayhorses June 14th 2012, 6:48 am

No that put it in the middle and its not all the way at the bottom.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by Sir Chivas™ June 14th 2012, 6:50 am

try this one:?:
Code:
<div style="position:relative; bottom:0px; text-align:right; width: 90%; margin:0 auto; height:30px; border:1px solid black;">
<p>Text goes here</p>
</div>
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by runawayhorses June 14th 2012, 6:53 am

No, it went to the right but its not going down.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by Sir Chivas™ June 14th 2012, 6:54 am

Put a space between : and 0, that may be the problem. scratch
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by runawayhorses June 14th 2012, 6:58 am

No that didn't do it. The first code you posted was perfect it just needed to go to the right. That was the closest yet.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by Sir Chivas™ June 14th 2012, 7:21 am

Sorry for the drag. I'm not an expert, so I was tweaking the code. And I think I got it right Wink

Code:
<div style="position: absolute; bottom: 0px; right: 0px;">TEXT GOES HERE</div>
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by runawayhorses June 14th 2012, 7:31 am

Yes that totally worked!! Thanks so much Sir Chivas I really appreciate it!

Good job and well done.

Now I don't have to worry about scrollbars for that page, excellent.

thanks again I owe you one.. Smile
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by Sir Chivas™ June 14th 2012, 7:37 am

Your welcome mate. And thank you, for your kind words! Smile
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6964
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by SLGray June 14th 2012, 7:37 am

Topic Solved & Locked


Text Alignment on an HTML page. Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51453
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum