Links, positioning and sizing

+3 Cooper Cecil · August 30, 2014

Maybe this is yet to come in my training, but I would like to position my links where I want them on my page. Say my opening page is all image and I want a Big giant link in the middle of the page, say 2x6 inches that goes to page two of my web site. How can I position and size my link? If there is a tutorial for this...thanks

Post a Reply

Replies

- page 2
Oldest  Newest  Rating
+1 Aubree Keegan · September 2, 2014
<!doctype html>
<html lang="en">
<head>
<title>Castle, inc </title>
<style type="text/css">
#big_link{
    width: 1024px;
    margin: 250px auto;
}
a{
    text-align: center;
    font-size: 100px;
}
</style>
</head>
<body background="Castle logo reduced jpeg.jpg">
    <div id="big_link">
        <a href="http://google.com">Our team</a>
    </div>
</body>
</html>
+1 Cooper Cecil · September 2, 2014
I got a no go. Link still small in upper left corner.




<!doctype html>

<html lang="en">
<head>
    <title>Castle, inc </title>
    
    <style type="text/css">
    a {text-align: center;
    fontsize: 100px;
    }
        
        
        
    </style>
</head>
<body background="Castle logo reduced jpeg.jpg">
    <a href="http://google.com">Our team</a>
    
</body>
</html>
+1 Cooper Cecil · September 1, 2014
Thank you kind sir. I'll be giving it a try!
+4 Predrag Kostic · August 30, 2014
You can use:
text-align:center;

to align the link.

Example:
<!doctype html>
<html>

<head>
<title>Title</title>
<style type="text/css">
a {
text-align: center;
}
</style>
</head>

<body>
<a href="index.html">Hello</a>
</body>

</html>


It can be a div, header, paragraph etc. that you align.


Use:
font-size: 50px;

to modify the size of the text.

Example:
<!doctype html>
<html>

<head>
<title>Title</title>
<style type="text/css">
a {
text-align: center;
font-size: 100px;
}
</style>
</head>

<body>
<a href="index.html">Hello</a>
</body>

</html>
  • 1
  • 2

HTML / CSS / Web Design

124,484 followers
About

Discuss, share, ask, learn and teach HTML5 and CSS3.

Links
Moderators