Account Options

  1. Sign in
The old Google Groups will be going away soon.
Switch to the new Google Groups.
Google Groups Home
« Groups Home
Hiding the tag box
There are currently too many topics in this group that display first. To make this topic appear first, remove this option from another topic.
There was an error processing your request. Please try again.
flag
  6 messages - Collapse all  -  Translate all to Translated (View all originals)
The group you are posting to is a Usenet group. Messages posted to this group will make your email address visible to anyone on the Internet.
Your reply message has not been sent.
Your post was successful
 
From:
To:
Cc:
Followup To:
Add Cc | Add Followup-to | Edit Subject
Subject:
Validation:
For verification purposes please type the characters you see in the picture below or the numbers you hear by clicking the accessibility icon. Listen and type the numbers you hear
 
LoB  
View profile  
 More options Jan 24 2008, 9:13 am
From: LoB <lordofbones...@gmail.com>
Date: Thu, 24 Jan 2008 06:13:23 -0800 (PST)
Local: Thurs, Jan 24 2008 9:13 am
Subject: Hiding the tag box
Hello again,

How do I go about making the tag box invisible unless it's hovered
over?

Thanks,

Eric


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
FND  
View profile  
 More options Jan 24 2008, 9:33 am
From: FND <Ace_No...@gmx.net>
Date: Thu, 24 Jan 2008 15:33:52 +0100
Local: Thurs, Jan 24 2008 9:33 am
Subject: Re: [tw] Hiding the tag box

> How do I go about making the tag box invisible unless it's hovered
> over?

Well, making it only appear when the mouse pointer is over the invisible
box might be tricky (and not very user-friendly).

However, you could make it disappear when the mouse pointer is not
hovering over the respective *tiddler* - try adding the following code
to your StyleSheet (shadow) tiddler:
     .tiddler .tagged {
         visibility: hidden;
     }
     .selected .tagged {
         visibility: visible;
     }
(You could also try "display: none/block;" instead of "visibility:
hidden/visible;" - this usually doesn't make much of a difference though.)

HTH.

-- F.


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Eric Shulman  
View profile  
 More options Jan 24 2008, 10:18 am
From: Eric Shulman <elsdes...@gmail.com>
Date: Thu, 24 Jan 2008 07:18:32 -0800 (PST)
Local: Thurs, Jan 24 2008 10:18 am
Subject: Re: Hiding the tag box

> (You could also try "display: none/block;" instead of "visibility:
> hidden/visible;" - this usually doesn't make much of a difference though.)

"visibility" only affects the display of the element, but not the
layout surrounding it... "display", on the other hand, not only hides
the element, it also re-flows the content surrounding it to re-use the
space that element occupies.

-e


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
LoB  
View profile  
 More options Jan 24 2008, 1:04 pm
From: LoB <lordofbones...@gmail.com>
Date: Thu, 24 Jan 2008 10:04:53 -0800 (PST)
Local: Thurs, Jan 24 2008 1:04 pm
Subject: Re: Hiding the tag box

> However, you could make it disappear when the mouse pointer is not
> hovering over the respective *tiddler* - try adding the following code
> to your StyleSheet (shadow) tiddler:
>      .tiddler .tagged {
>          visibility: hidden;
>      }
>      .selected .tagged {
>          visibility: visible;
>      }
> (You could also try "display: none/block;" instead of "visibility:
> hidden/visible;" - this usually doesn't make much of a difference though.)

> HTH.

> -- F.

So I should add the following to my stylesheet?:

.tiddler .tagged {
display: none;

}

.selected .tagged {
display: block;


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
FND  
View profile  
 More options Jan 24 2008, 1:30 pm
From: FND <Ace_No...@gmx.net>
Date: Thu, 24 Jan 2008 10:30:29 -0800 (PST)
Local: Thurs, Jan 24 2008 1:30 pm
Subject: Re: Hiding the tag box

> So I should add the following to my stylesheet?: [snip]

Yup, that should do it.

I initially used the visibility property because that would make it
possible (though not easy, because IE6 doesn't support the ":hover"
pseudo-class) to only show the tags box when the mouse pointer is over
that particular box. (As Eric has explained, "display: none;" removes
the element from the document flow - so the mouse pointer can never be
over that box.)
Anyway, I don't think you have to worry about that.

-- F.


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
LoB  
View profile  
 More options Jan 24 2008, 2:09 pm
From: LoB <lordofbones...@gmail.com>
Date: Thu, 24 Jan 2008 11:09:20 -0800 (PST)
Local: Thurs, Jan 24 2008 2:09 pm
Subject: Re: Hiding the tag box
Worked like a charm! Thanks!

On Jan 24, 1:30 pm, FND <Ace_No...@gmx.net> wrote:


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
End of messages
« Back to Discussions « Newer topic     Older topic »