?
Solved

HTML code help

Posted on 2013-12-13
4
Medium Priority
?
549 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
  • 2
  • 2
4 Comments
 
LVL 12

Expert Comment

by:Nathan Riley
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 12

Accepted Solution

by:
Nathan Riley earned 2000 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: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

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

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
CTAs encourage people to do something specific to show interest in your company, product or service. Keep reading to learn why CTAs should always be thought of as extremely important, albeit small, sections of websites.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
Suggested Courses

840 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