Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Senior Member
    Join Date
    Apr 2005
    Location
    Hatfield, England
    Posts
    855
    Member #
    9790
    I am trying to disguise a form submit button as a link and no i cannot just use a link.

    I want it to look like this. "Posts - Recent | All"

    However its just not happening. Currently it displays more like this.

    "Posts - |
    Recent"

    My HTML and CSS are below. Help on this, as ever is greatly appreciated.

    HTML Code:
    <div class="posts"><strong>Posts -</strong> <form method="post" action="{$currentpage}"><input type="submit" name="recent" value="Recent" /></form> | </div>
    Code:
    .navigation .posts {float:left;}
    .posts form {height:30px; float:left; }
    .posts input {text-decoration:none;border:none; background-color:transparent; height:30px;}
    .posts input:hover {text-decoration:underline;}

  2.  

  3. #2
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    What you actually want is:
    Code:
    .posts form { display: inline; }

  4. #3
    Senior Member
    Join Date
    Apr 2005
    Location
    Hatfield, England
    Posts
    855
    Member #
    9790
    Ah thank you very much, i have used display:block from time to time but don't use it too often. I will have to look up that CSS tag.

  5. #4
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Yep. This is basically the opposite of display: block


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:38 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com