Solved

HTML code help

Posted on 2013-12-13
4
525 Views
Last Modified: 2013-12-13
Trying to place text in lower right hand corner of my page.


Have to links Contact Us and Guest Book
Want to make them buttons and place them in lower right corner

The color not working either

New to this thanks


<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

		<title>Tom's Music Site</title>

		<meta name="viewport" content="width=device-width; initial-scale=1.0" />

		<style type="text/css">
			body { background:url(images/ilm.jpg) repeat-x; } 
		</style>
	</head>

	<body>
                <font color=#DC143C>
		<h1>This site is down for maintenance</h1>

                <form>
                <input type="button" value="Show All MP3 Songs" onClick="window.location.href='music.asp'">
                </form> 

                <p><!--webbot bot="Timestamp" S-Type="EDITED" S-Format="%m/%d/%Y" startspan -->12/12/2013<!--webbot bot="Timestamp" endspan i-checksum="12626" -->
                </p>
               <p bottom right>             
                <font color=#DC143C> 
                <a href="mailto:webmaster@mydomain.com?subject=User requesting info">
                Contact US</a></p>
                <p bottom right> 
                <font color=#DC143C>  
                <a href="GuestBook.htm">Sign Our GuestBook</a></p>                              
        </body>

</html>

Open in new window

0
Comment
Question by:Thomas Grassi
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 11

Expert Comment

by:N R
ID: 39717491
Here you go.  You needed a div, not a <p>.  Also you needed to set the color on the a href the way you tried to set the font color was incorrect.
<style>
body { background:url(images/ilm.jpg) repeat-x; } 
a{color:#DC143C;}
#bottomright{float:right;}
</style>
		<title>Tom's Music Site</title>



	<body>
                <font color=#DC143C>
		<h1>This site is down for maintenance</h1>

                <form>
                <input type="button" value="Show All MP3 Songs" onClick="window.location.href='music.asp'">
                </form> 

                <p><!--webbot bot="Timestamp" S-Type="EDITED" S-Format="%m/%d/%Y" startspan -->12/12/2013<!--webbot bot="Timestamp" endspan i-checksum="12626" -->
                </p>
                <div id="bottomright">             
                    <a href="mailto:webmaster@mydomain.com?subject=User requesting info">
                    Contact US</a> | <a href="GuestBook.htm">Sign Our GuestBook</a>
                </div>

Open in new window


Here is example of it working:
http://jsfiddle.net/gallitin/8uzbK/
0
 
LVL 23

Author Comment

by:Thomas Grassi
ID: 39717556
Thanks for the fast reply.

I get the same results as you now but they are not on the bottom of the page the are just below the date field but on the right side of the page.

Would like them at the bottom.
0
 
LVL 11

Accepted Solution

by:
N R earned 500 total points
ID: 39717565
Updated:
http://jsfiddle.net/gallitin/8uzbK/1/

<style>
body { background:url(images/ilm.jpg) repeat-x; } 
a{color:#DC143C;float:right;margin-right:20px;}
#bottomright{float:right;bottom:0;position:fixed;width:100%;}
</style>
		<title>Tom's Music Site</title>



	<body>
                <font color=#DC143C>
		<h1>This site is down for maintenance</h1>

                <form>
                <input type="button" value="Show All MP3 Songs" onClick="window.location.href='music.asp'">
                </form> 

                <p><!--webbot bot="Timestamp" S-Type="EDITED" S-Format="%m/%d/%Y" startspan -->12/12/2013<!--webbot bot="Timestamp" endspan i-checksum="12626" -->
                </p>
                <div id="bottomright">             
                    <a href="mailto:webmaster@mydomain.com?subject=User requesting info">
                    Contact US</a><a href="GuestBook.htm">Sign Our GuestBook</a>
                </div>

Open in new window

0
 
LVL 23

Author Closing Comment

by:Thomas Grassi
ID: 39717587
Thanks so much
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Position Absolute Goes Beyond Parent 11 21
html form layout 4 38
.CSS HTML Help 3 31
WordPress navigation menus: how to change color when clicked 10 24
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question