www.webdeveloper.com
Results 1 to 2 of 2

Thread: vertical alignment not working

  1. #1
    Join Date
    Apr 2005
    Posts
    1

    Unhappy vertical alignment not working

    Why can't I get the vertical alignment to work in this div tag?:

    <div id="mid"><div class="pagetitle">Page Title</div>
    </div>


    I am using this as the css:

    .pagetitle {
    text-align: right;
    vertical-align: bottom;
    }


    #mid{
    padding: 0px 0px 0px 0px;
    background-color: #CEC09A;
    height: 66px;
    background-image: url(../images/main2.jpg);
    background-repeat: no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    )




    Thanks!
    Margot

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Here's one way:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    <title>title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
    <!-- 
    h1 {
    text-align: right;
    padding: 50px 0 0 0;
    background:#CEC09A url(../images/main2.jpg) no-repeat;
    font:16px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000;
    }
    -->
    </style>
    
    </head>
    <body>
    <h1>Page Title</h1>
    </body>
    </html>
    At least 98% of internet users' DNA is identical to that of chimpanzees

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles