SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    May 2005
    Posts
    41
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Header with Floated Link

    Hey guys,

    I've got a CSS problem that's been bugging me for a while - how to establish this:



    Having a standard header like <h1> With a link inside that's floated to the right. Quite a few designs I've gotta code up have that sort of style for blocks of recent content.

    Without resorting to a div wrapped around it and floated div inside next to the header.

    Many Thanks,
    J

  2. #2
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Maybe :
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    h1 {
    	position: relative;
    }
    h1 a {
    	position: absolute;
    	top: 0px;
    	right: 0px;
    	font-size: 50%;
    	text-decoration: none;
    	color: #943404;
    }
    -->
    </style>
    </head>
    
    <body>
    <h1>H1 Header <a href="#">More Videos</a></h1>
    </body>
    </html>

  3. #3
    SitePoint Enthusiast
    Join Date
    May 2005
    Posts
    41
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks a billion Works a treat


Bookmarks

Posting Permissions

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