Hover effect without it actually being a link?

I have some text that displays more text when you click on
it, and FAQ script. To help users know that it will do something I
wanted to make it act like the other links on my page that bold
when you mouse over them. I achieved this by putting a # for a link
location. Worked great but then I realized that its now refreshing
the page bumping you up to the top and loosing your spot.
Is their away to to get the hover effect without it actually
being a link?
http://www.ewdcorp.com/services_environment.html

"c-fqgy" <[email protected]> wrote in
message
news:fqrsg8$t82$[email protected]..
> Hi Tierry,
> Well that?s disappointing to hear! I actually tried
working with your
> script
> when I first went looking for an FAQ style toggling menu
but at the time I
> couldn't get it to work. I think at the time it was just
intimidating to
> me
> because I didn't fully get it. Since working with this
other script,
> through
> trial and error I think I have a better grasp of how it
works and reading
> your
> article seems far more straight forward (not that it
wasn't before).
> Anyways I
> will take your suggestion and hopefully be able to fix
my error.
>
> Just to be clear though, do you mean I should reconsider
my sites
> construction
> because I have surrounded it with extra formatting crap
or is it actually
> the
> way the actual Javascript that I have in my head tags
that isn?t correct?
To be honnest with you I don't know about your site
construction, I only
peeked at your DT, that's why I pasted the following in my
previous post:
<dt class="text_body" style="cursor: pointer;">
<span style="font-family: monospace;"></span>
<img width="11" height="8" alt=""
src="images/Bullet.jpg"/>
<u>
<a href="#">Contaminated Site Remediation Design and
Management</a>
</u>
</dt>
The inline styles and the empty span are not "elegant", but
that's ok. The
problem is that a DT cannot contain a UL and a UL cannot be
LI-free.
Also, you have BR elements between your DTs/DDs if I recall
and that's not
kosher either.
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
Keep your markup *clean* with these DW extensions and
scripts:
http://www.divahtml.com/products/scripts_dreamweaver_extensions.php

Similar Messages

Is it possible to have an app icon on the home screen without it actually being downloaded to the device's memory?

The reason for wanting to do this, is to free up memory on my iPhone. I would like to delete apps that i don't use very often, but still have them on my home screen so that they don't get lost and forgotten about in my long list of 'purchased apps'... then when i do want to use them, they are there on my homescreen waiting to be re-downloaded.
This would be a similar concept to the way that iTunes Match works. I can either choose to see only the songs which are downloaded to my phone or see all of the music i have stored in the cloud, for download as and when i want to listen to it.
If this cannot be done, i hope it will be a feature of one of the next iOS updates.
(Currently using iOS 7.1.2 on iPhone 5S)
Thanks

TomQoncept wrote:
Thanks but I know that... That's why i'm asking whether there is any option to keep the icon after deletion.
You're welcome. The answer is no.

When i hover on stuff with my mouse, i have to double click it for it to actually work, one click to hover and another to click on the link... can someone help me ?

When i hover on stuff with my mouse, i have to double click it for it to actually work, one click to hover and another to click on the link... can someone help me ?

What system are you using?

I want to know how to reauthorize a computer without actually being on that comp.

I want to know how to reauthorize a computer without actually being on that comp.

Opps i mean deathorize not reauthorize

Why does this site have online chat when you can never actually chat - always "not available"? I was trying to get a simple question answered without calling and being on hold for 10 minutes?

Why does this site have online chat when you can never actually chat - always "not available"? I was trying to get a simple question answered without calling and being on hold for 10 minutes?

Hello flabucki,
Help is just a post away for you my friend! I can help with your questions right here. May I ask what question do you have? Both myself and the community would love to assist in any way that we can.
Thank you…
ArnettH_VZW
Follow us on Twitter @VZWSupport

Trying to do this cool hover effect with CSS only...

I've got 'img' thumbnails that are sometimes positioned
absolutely,
sometimes relatively, but aren't individually contained in
anything, like so
<a href="#">
<img src="image1.png" width="100" height="150" border="0"
class="tn" />
</a>
<a href="#">
<img src="image2.png" width="100" height="150" border="0"
class="tn" />
</a>
Now, I've already brought up the limitations of PNG on IE
(namely, even if
you "fix" PNG support on IE, IE will flatten your alpha
channels and strip
the individual pixels' transparency levels before overriding
them with a
single common attribute). This limitation makes it impossible
for me to do a
simple 90%-to-100% hover effect to "highlight" the thumbnail
on mouseover.
Micha recommended placing normal a highlighted versions of
the same
thumbnail inside and outside the viewport, and swapping them
on mouseover.
However, that would double the amount of image data being
sent to the user.
So what I thought to do, instead, is superpose a standalone
PNG of a small
spotlight, OVER the original thumbnail, on hover. Because it
would be the
same PNG being superposed over each thumb being hovered over,
the amount of
image data being sent to the user wouldn't be all that
different.
Would I need javascript for this, or can it be done with CSS
only?
Again, it would be the same spotlight.png file being
superposed on images on
mouseover, and it wouldn't be a big deal if the image bled
over surrounding
images (it would actually make it look more real).
Thanks.

say wha???
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> Nobody can disagree with that analysis, but a LOADING
page would do
nothing
> to help with this, doncha know?
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
> ==================
>
>
> "Nancy O" <[email protected]> wrote in
message
> news:[email protected]...
> > Sprite images are a tad smaller in filesize than
the sum of their
> > individual
> > parts. As you say, Murray, it's marginal. But the
real *efficiency*
> > comes
> > from fewer server requests to load multiple images.
Once the sprite has
> > loaded, there is no perceivable delay on hover - as
there often is with
> > conventional image swapping. Finally, since the
substitution effect is
> > pure
> > CSS, there's no need for JavaScripts which can add
weight to a page.
> >
> >
> > --Nancy O.
> > Alt-Web Design & Publishing
> > www.alt-web.com
> >
> >
> > "Murray *ACE*"
<[email protected]> wrote in message
> > news:[email protected]...
> >> By their nature, sprites are larger
dimensionally than the individual
> >> images, so the savings would be marginal, I
think. What I mean by that
> >> is
> > a
> >> simple rollover sprite would be the same size
as the combined up and
over
> >> images, placed adjacent to each other, no?
> >>
> >> --
> >> Murray --- ICQ 71997575
> >> Adobe Community Expert
> >> (If you *MUST* email me, don't LAUGH when you
do so!)
> >> ==================
> >>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
> >>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
> >> ==================
> >>
> >>
> >> "Nancy O" <[email protected]>
wrote in message
> >> news:[email protected]...
> >> >< Micha recommended placing normal &
highlighted versions of the same
> >> > thumbnail inside and outside the viewport,
and swapping them on
> > mouseover.
> >> > However, that would double the amount of
image data being sent to the
> >> > user.>
> >> >
> >> > Not if you use a sprite. Have a look at
this CSS Sprite Demo.
> >> >
http://alt-web.com/CSS-Sprite-Demo.html
> >> >
> >> >
> >> > --Nancy O.
> >> > Alt-Web Design & Publishing
> >> > www.alt-web.com
> >> >
> >> >
> >> >
> >> > "Mike" <[email protected]> wrote in
message
> >> > news:[email protected]...
> >> >> I've got 'img' thumbnails that are
sometimes positioned absolutely,
> >> >> sometimes relatively, but aren't
individually contained in anything,
> > like
> >> > so
> >> >> :
> >> >>
> >> >> <a href="#">
> >> >> <img src="image1.png" width="100"
height="150" border="0"
class="tn"
> > />
> >> >> </a>
> >> >> <a href="#">
> >> >> <img src="image2.png" width="100"
height="150" border="0"
class="tn"
> > />
> >> >> </a>
> >> >>
> >> >> Now, I've already brought up the
limitations of PNG on IE (namely,
> >> >> even
> >> >> if
> >> >> you "fix" PNG support on IE, IE will
flatten your alpha channels and
> >> >> strip
> >> >> the individual pixels' transparency
levels before overriding them
with
> > a
> >> >> single common attribute). This
limitation makes it impossible for me
> >> >> to
> >> >> do
> >> > a
> >> >> simple 90%-to-100% hover effect to
"highlight" the thumbnail on
> >> >> mouseover.
> >> >>
> >> >> Micha recommended placing normal a
highlighted versions of the same
> >> >> thumbnail inside and outside the
viewport, and swapping them on
> >> >> mouseover.
> >> >> However, that would double the amount
of image data being sent to
the
> >> > user.
> >> >>
> >> >> So what I thought to do, instead, is
superpose a standalone PNG of a
> >> >> small
> >> >> spotlight, OVER the original
thumbnail, on hover. Because it would
be
> > the
> >> >> same PNG being superposed over each
thumb being hovered over, the
> > amount
> >> > of
> >> >> image data being sent to the user
wouldn't be all that different.
> >> >>
> >> >> Would I need javascript for this, or
can it be done with CSS only?
> >> >>
> >> >> Again, it would be the same
spotlight.png file being superposed on
> > images
> >> > on
> >> >> mouseover, and it wouldn't be a big
deal if the image bled over
> >> > surrounding
> >> >> images (it would actually make it look
more real).
> >> >>
> >> >> Thanks.
> >> >>
> >> >>
> >> >
> >> >
> >>
> >
> >
>

Can the aTV read files from an iTunes library on my nas drive without my computer being on

I have my itunes library on a My Book Live nas drive that contains all of my digital movies and TV shows. I want to be able to watch my movies from the library without a computer running. I understand that Apple has chosen to chain you to the computer and your itunes account through Home Sharing but I can not see why they couldn't allow you to access a nas drive without a computer running because your aTV is tied to your itunes account also so why do they force you to run a computer 24/7 365 in order to access the files you have bought and paid for.
I have a love/hate for Apple because I love the quality of the products they make but I hate how they make all of the digital files you purchase only accessible through a computer running Home Sharing even though the files are not stored on the computer.
I have tried several things to get this to work without a computer but no luck. The only way I have found to be able to do this is to Jailbreak your aTV and install 3rd party software (which I don't want to do) that will allow you to by pass the computer and Home Sharing (which is dumber than ****) because that is all I want to do is eliminate the need of a computer running wasting electricity (I thought Apple was supposed to be an enviro friendly company, guess not). I am not trying to steal or give someone else my purchased movies and using the aTV and an internet connection they could still be able to tie your media to your itunes account so I just don't get there thinking, or lack of thinking I should say.
Is their a way to do this without Jailbreaking or modifying your aTV?
If not is Apple ever going to wake up and allow there customers to actually USE the media they purchase from them without Home Sharing and a computer running?

_Skull wrote:
Can the aTV read files from an iTunes library on my nas drive without my computer being on
no it can't. you need itunes open and running

PSE9 - How to undo Effect without undoing other actions

I've been wondering this for a while, but keep forgetting to post - Sometimes when creating a project, I'll add an "effect," such as a drop shadow, to a layer, but later decide to change it.
How do I undo that effect without undoing all the other actions that i have applied between when I initially applied the drop shadow, and when I decide to change it?
Is there a way to choose "no effect" in the Effects? If not, it would be helpful to have that option in this case.
Thanks for any help!

Well, a layer style is not an effect. If you really mean layer styles (like the drop shadow you mentioned), just go to Layer>Layer Style>Clear Layer Style. That works any time, even after you've saved and closed the file.
Actual effects are actions, and you can only back out of those with the undo commands/undo history. Once you pass the number of history states you're saving, or once you close the image, that's it. No going back.

Hover effect... made larger

Hi... not the biggest web genius but know a little. I've set up a hover effect on some links to show a blue background when you roll over. The 'blue' surrounds the type pretty tight... the highlight colour surrounds the text above and below but not the sides. This may not make much sense but if i direct you to this site:
http://www.maaku87.co.uk/
... and tell you that when you hover over a link the surrounding grey box is a lot larger than the text. My hover effect doesn't produce a box as large as this. There is no colour bleed to the sides of the type just above and below.
Can anyone tell me how i can produce the same result as this site?
thanks

Add some padding, line-height, width in ems and display:block to your menu code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Vertical List Menu</title>
<style type="text/css">
#vertical li {
list-style: none;
font-size: 14px;
text-align:center; /* adjust as desired */
#vertical li a {
display: block;
text-decoration: none;
font-weight:500;
width: 8em; /* adjust as needed */
line-height: 3em; /* adjust as needed */
padding: 5px; /* adjust or omit */
/* optional borders & colors */
border: 1px solid #AAA;
background: #DDD;
color:#333;
/**menu style on mouse-over/focus**/
#vertical li a:hover,
#vertical li a:focus,
#vertical li a:active {
background: #666;
color: #FFF;
</style>
</head>
<body>
<h3>Vertical List Menu</h3>

<ul id="vertical">
<li><a href="#">Item One</a></li>
<li><a href="#">Item Two</a></li>
<li><a href="#">Item Three </a></li>
<li><a href="#">Item Four</a></li>
<li><a href="#">Item Five</a><li>
<li><a href="#">Item Six </a></li>
</ul> 
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Mouse hover effect issue

I real like the picture hover effect on the template site.
http://www.templatemonster.com/flash-templates/28092.html
But I don't ability to create a same one.
Please give some advance.

Can we give hover effect to image in html file? actually i want to add 2 buttons with different background image that should act like a hover effect, i took help from many sites
http://www.wordpresstemplates.net/
Thanks in adv.
Syed

Tutorial: Custom CSS and hover-effects in Adobe Muse CC

Hi everyone,
Today I figured out how to work with custom CSS in Muse, being able to apply styles to elements on the page according to their class names. In case it would help others, I've done a write up of how I did this with hover effects using the hover.css library. You can read the tutorial over on my Medium blog:
Tutorial: Hover effects in Adobe Muse
Hope someone finds it useful!

It's so cool

CSS mouseover image hover effect in iWeb?

I've been trying to create an image hover effect when placing the mouse over an image or clicking on the image on my website made in iWeb. The only problem is that the HTML widget doesn't allow the image hover effect to only activate when the mouse is over the widget and not the image. If anyone know some simple code I could put into my website's HTML file, it would be great. It actually doesn't have to be a hover effect, the image just has to change on mouseover.
My website is temporarily located here: http://dl.dropbox.com/u/19707357/Website/Chocoa/tavlen.html

I referred you to that page to see if the effect was what you wanted! The examples use javascript.
You originally asked for CSS and its better to use this since the browser only has to load one image instead of two.
Here's an example of a rollover using CSS and a sprite...
http://www.iwebformusicians.com/iweb-snippets/sprite.html

I find it ABSOLUTELY unacceptable that since recently safari opens up random "commercial websites" without me clicking on any link. And it does that without allowing me to go (back) to the site I really clicked on. STOP THAT!!!!!!

I find it ABSOLUTELY unacceptable that since recently safari opens up random "commercial websites" without me clicking on any link. And it does that without allowing me to go (back) to the site I really clicked on. STOP THAT!!!!!!

There is no need to download anything to solve this problem. You may have installed a variant of the "VSearch" ad-injection malware. Follow Apple Support's instructions to remove it.
If you have trouble following those instructions, see below.
Malware is always changing to get around the defenses against it. This procedure works as of now, as far as I know. It may not work in the future. Anyone finding this comment a few days or more after it was posted should look for a more recent discussion, or start a new one.
The VSearch malware tries to hide itself by varying the names of the files it installs. To remove it, you must first identify the naming pattern.
Triple-click the line below on this page to select it, then copy the text to the Clipboard by pressing the key combination command-C:
/Library/LaunchDaemons
In the Finder, select
          Go ▹ Go to Folder...
from the menu bar and paste into the box that opens by pressing command-V. You won't see what you pasted because a line break is included. Press return.
A folder named "LaunchDaemons" may open. Look inside it for two files with names of the form
          com.something.daemon.plist
and
           com.something.helper.plist
Here something is a variable string of characters, which can be different in each case. So far it has always been a string of letters without punctuation, such as "cloud," "dot," "highway," "submarine," or "trusteddownloads." Sometimes it's a meaningless string such as "e8dec5ae7fc75c28" rather than a word. Sometimes the string is "apple," and then you must be especially careful not to delete the wrong files, because many built-in OS X files have similar names.
If you find these files, leave the LaunchDaemons folder open, and open the following folder in the same way:
/Library/LaunchAgents
In this folder, there may be a file named
          com.something.agent.plist
where the string something is the same as before.
If you feel confident that you've identified the above files, back up all data, then drag just those three files—nothing else—to the Trash. You may be prompted for your administrator login password. Close the Finder windows and restart the computer.
Don't delete the "LaunchAgents" or "LaunchDaemons" folder or anything else inside either one.
The malware is now permanently inactivated, as long as you never reinstall it. You can stop here if you like, or you can remove two remaining components for the sake of completeness.
Open this folder:
/Library/Application Support
If it has a subfolder named just
           something
where something is the same string you saw before, drag that subfolder to the Trash and close the window.
Don't delete the "Application Support" folder or anything else inside it.
Finally, in this folder:
/System/Library/Frameworks
there may an item named exactly
            v.framework
It's actually a folder, though it has a different icon than usual. This item always has the above name; it doesn't vary. Drag it to the Trash and close the window.
Don't delete the "Frameworks" folder or anything else inside it.
If you didn't find the files or you're not sure about the identification, post what you found.
If in doubt, or if you have no backups, change nothing at all.
The trouble may have started when you downloaded and ran an application called "MPlayerX." That's the name of a legitimate free movie player, but the name is also used fraudulently to distribute VSearch. If there is an item with that name in the Applications folder, delete it, and if you wish, replace it with the genuine article from mplayerx.org.
This trojan is often found on illegal websites that traffic in pirated content such as movies. If you, or anyone else who uses the computer, visit such sites and follow prompts to install software, you can expect more of the same, and worse, to follow. Never install any software that you downloaded from a bittorrent, or that was downloaded by someone else from an unknown source.
In the Security & Privacy pane of System Preferences, select the General tab. The radio button marked Anywhere should not be selected. If it is, click the lock icon to unlock the settings, then select one of the other buttons. After that, don't ignore a warning that you are about to run or install an application from an unknown developer.
Then, still in System Preferences, open the App Store or Software Update pane and check the box marked
          Install system data files and security updates (OS X 10.10 or later)
or
          Download updates automatically (OS X 10.9 or earlier)
if it's not already checked.

Simple icon hover effect

Hi All,
I am using simple icon hover effects from codrops but they have limited icons ie i am using another font icon with same format but font is missing.
Please help for the same
WEBLINK
Reference LINK
Simple Icon Hover Effects | Codrops
http://astronautweb.co/snippet/font-awesome/

I don't know if this helps but on Line #9 of your HTML code, you have a <head> tag that belongs on line #3.
Nancy O.

I need to create a mouse hover effect on this map?

I need to create a mouse hover effect on this map.
Where the areas in (yellow or blue) will highlight or change color as the mouse lays on top. I have tried many things I dont seem to get it to work. Can someone help me?
Link: http://sawpm.businesscatalyst.com/plan-de-ventas.html

Hi there.
You'll need to place something on top of it and play with opacity.
- Imagine you have an inverted color version of your building A in a clipped-transparent PNG - it has to be the exact size, so it fitts nicely
- Then you put that PNG on top of your map on the exact location of your building A
- Convert it to a symbol
- Inside the symbol:
- Put a trigger at 0ms and 500ms with the following code: sym.stop();
- Create an animation (with your building A image) with, say, 250ms, were it begins at 125ms with 0% opacity and at the end - 375ms - with 100% opacity. Put a label in the begining (250ms) saying mouseover and another at the end (350ms) saying mouseout
- Click on the actions of the building A image (the one with the inverted color or something similar) and choose "mouseover". write the following code: sym.play('mouseover');
- Go to the actions again, choose "mouseout" and write the following code: sym.play('mouseout');
That's basically it.
pmfr

Hover effect without it actually being a link?

Similar Messages

Maybe you are looking for