The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Text Alignment on an HTML page.

View previous topic View next topic Go down

Solved Text Alignment on an HTML page.

Post by runawayhorses on 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

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
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™ on June 14th 2012, 6:08 am

Hi, Hello

Can I actually get the link to the loading page? Thank you.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by runawayhorses on 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.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
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™ on June 14th 2012, 6:19 am

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



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by runawayhorses on 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?

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
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™ on 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



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

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

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

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
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™ on 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.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

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

No that didn't do it.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
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™ on 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>



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

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

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

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
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™ on 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>



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

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

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

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
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™ on June 14th 2012, 6:54 am

Put a space between : and 0, that may be the problem. scratch



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by runawayhorses on 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.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
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™ on 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>



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

Post by runawayhorses on 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

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
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™ on June 14th 2012, 7:37 am

Your welcome mate. And thank you, for your kind words! Smile



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Text Alignment on an HTML page.

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

Topic Solved & Locked


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


SLGray
Administrator
Administrator

Male Posts : 35606
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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