Jump to content
JannikL

Positioning Problem

Recommended Posts

Hello people at W3Shools!I have now been looking around the forum for a few days, and my account has now been approved for posts :-)Let me get to my problem. I have a two buttons on my website, which changes the language of the side. I would like those placed at the buttom of the page, centered, in a div box with some other stuff - so I did that.I wrote the div once, and copied to the other pages, editing the names of html files, so it would stay at the same page.However on two pages, the two buttons are to the left, and on the last two, they are in the center - why is that?Link to website: www.fravaersudregner.dk/Homepage.html The two pages are Contact and Homepage

Edited by JannikL

Share this post


Link to post
Share on other sites

Can you post some code? Your link only has one button.

Share this post


Link to post
Share on other sites

Try style="text-align:center;" and let us know. I might need to be in your wrapper div. You have align="center". EDIT: I don't see any centering for that element.

Edited by niche

Share this post


Link to post
Share on other sites

Here is the code I got already on all four pages:

<div align="bottom" style="background:url(bottomline.png) repeat"> <font size="5" align="center" font="arial" color="white";><br><p align="center">Administratore på denne side er ikke ansvarlige for tastefejl.</p><a href="Regn_Det_Ud.html"><img border="0%" src="dansk.png" alt="Skift Sprog til Dansk"><a href="Calculate_it.html"><img border="0%" src="Engelsk.png" alt="Change language"></font></div>

Share this post


Link to post
Share on other sites

You are absolutely right, I had none - added center as many places as possible, however it still does not work:

<div align="bottom center" style="background:url(bottomline.png) repeat"><font size="5" align="center" font="arial" color="white";><br><p align="center">The administrators on this site are not responsible for typing errors in the calculator.</p><a href="index.html"><img src="dansk.png" border="0%" alt="Skift Sprog til Dansk"><a href="Homepage.html"><img border="0%" src="Engelsk.png" alt="Change language"></font></div><div>

Edited by JannikL

Share this post


Link to post
Share on other sites

It works for me:

<!-- W3s ques --><div align="bottom" style="background:url(bottomline.png) repeat;text-align:center;"><font size="5" align="center" font="arial" color="white";><br><p align="center">The administrators on this site are not responsible for typing errors in the calculator.</p><a href="index.html"><img src="dansk.png" border="0%" alt="Skift Sprog til Dansk"><a href="Homepage.html"><img border="0%" src="Engelsk.png" alt="Change language"></font></div>

Edited by niche

Share this post


Link to post
Share on other sites

Just a suggestion. Please consider the float property for your positioning..

Share this post


Link to post
Share on other sites

The script I sent you works in ie9 which is the one I use. Older copies I don't know.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...