Underline when rolling over link

i have a long list of links and want to jazz it up a little,
how do i get the lines to appear under the link when the cursor
moves over it. Is it a css or something in behaviours?
Thanks

Pseudo-classes and container styles are what you need - here
are some
tutorials.
http://www.mako4css.com
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"JJohnstone67" <[email protected]> wrote in
message
news:e4c2nb$rrn$[email protected]..
>i have a long list of links and want to jazz it up a
little, how do i get
>the lines to appear under the link when the cursor moves
over it. Is it a
>css or something in behaviours?
>
> Thanks

Similar Messages

Can I get rid of the underlined hyperlink and just have roll-over links?

In iWeb 2009, can I get rid of the underlined hyperlink and just have roll-over links?

You have to put them on the server where you are publishing your site to. Where are you hosting your site? If it's a MobileMe account then you have two options:
1 - put the photos in a folder, name it "Pics" and put that folder in your iDisk/Pictures folder. Then use the following URL: http://homepage.mac.com/YourMMe_Account_Name/.Pictures/Pic/FileName (don't forget the period before Pictures).
2 - put the "Pics" folder with image files in your iDisk/Web/Sites folder and use the following URL: http://web.me.com/YourMMe_Account_Name/FileName.
If you're hosting on a 3rd party server it would depend on if you're using a domain name or not. I'm not familiar with 3rd party servers so Wyodor, Ethmoid or someone that is will need to point the way.

Linked images "jump" when rolled over

When rolling over an image being viewed on a page in IE/Mozilla, it seems to "jump" if it is linked to a larger version of the same image. Am guessing it is a setting in Page Properties, but I believe I've changed just about everything with no luck.
The actual code of an example is: <td width="250"><div align="center"><a href="http://www.meistersoftware.com/images/tmp_pkg.jpg"><img src="images/tmp_pkg_tn_f8.jpg" width="140" height="101" alt="sc tmp" /></a></div></td>
Any suggestions? Please be gentle if it's a blatantly obvious error

Would be glad to but it's not online yet. Here's the entire <div> Hopefully, it may shed some light -
<div align="center">
<table width="575" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td colspan="3" ><blockquote>
<hr align="center" height="2" width="480" />
</blockquote></td>
<td> </td>
</tr>
<tr>
<td width="17"> </td>
<td width="250"><div align="center"><a href="http://www.meistersoftware.com/images/tmp_pkg.jpg"><img src="images/tmp_pkg_tn_f8.jpg" width="140" height="101" alt="sc tmp" /></a></div></td>
<td width="16"> </td>
<td width="272"><div align="center"><img src="images/pzl_icon_r21.jpg" width="83" height="83" alt="pzl_icon_l" /> <img src="images/pzl_icon_l45.jpg" width="83" height="83" alt="cryptoquote" /></div></td>
<td width="20"> </td>
</tr>
<tr>
<td height="15
"> </td>
<td><div align="center"><strong style="color: #036; font-size: 18px;"><a href="http://www.meistersoftware.com/t_main.html" style="color: #036; font-size: 21px;">TicketMeister</a></strong><a href="http://www.meistersoftware.com/ticketmeister.html"><span style="font-size: 10px; color: #036;">©</span></a></div></td>
<td> </td>
<td><div align="center"><strong style="font-size: 18px; color: #900;"><a href="http://www.meistersoftware.com/z_main.html" style="color: #900; font-size: 21px;">PuzzleMeister</a></strong><a href="http://www.meistersoftware.com/puzzlemeister.html"><span style="font-size: 10px; color: #900;">©</span></a></div></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td height="15
" style="font-size: 12px"><blockquote>
<p align="left"> • Print<strong> Raffle Tickets</strong><br />
• Reserved Seating<br />
• Consecutive Numbering<br />
• Chinese Auction Cards</p>
</blockquote></td>
<td> </td>
<td style="font-size: 12px"><blockquote>
<p align="left">• Create and Solve Puzzles<br />
• <span style="font-weight: bold">Boggle</span>, <span style="font-weight: bold">Jumble</span>, <span style="font-weight: bold">Cryptoquotes</span><br />
• All levels of difficulty<br />
• 200,000+ word dictionary</p>
</blockquote></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><div align="center"><strong><em style="color: #036"><a href="http://www.meistersoftware.com/products/ticketmeister" style="color: #036">ONLY 29.95!</a></em></strong></div></td>
<td> </td>
<td><div align="center"><strong><em style="color: #900"><a href="http://www.meistersoftware.com/products/puzzlemeister" style="color: #900">ONLY 17.50!</a></em></strong></div></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="3" style="font-size: 12px"><blockquote>
<hr />
</blockquote></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td width="250"><div align="center"><a href="http://www.meistersoftware.com/images/bms_pkg.jpg"><img src="images/bms_pkg_tn_f8.jpg" width="125" height="107" alt="sc bms" /></a></div></td>
<td> </td>
<td width="272"><div align="center"><a href="http://www.meistersoftware.com/images/pms_pkg.gif"><img src="images/pms_pkg_tn_f8.jpg" width="152" height="115" alt="tmp tn" /></a></div></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><div align="center"><strong style="font-size: 18px; color: #f00;"><a href="http://www.meistersoftware.com/b_main.html" style="color: #F00; font-size: 21px;">BingoMeister</a></strong><a href="http://www.meistersoftware.com/bingomeister.html"><span style="font-size: 10px; color: #f00;">©</span></a></div></td>
<td> </td>
<td><div align="center"><strong style="font-size: 18px; color: #060;"><a href="http://www.meistersoftware.com/p_main.html" style="color: #060; font-size: 21px;">PrintMeister</a></strong><a href="http://www.meistersoftware.com/printmeister.html"><span style="font-size: 10px; color: #060;">©</span></a></div></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td style="font-size: 12px"><blockquote>
<p align="left">• Print <strong>Bingo Cards</strong><br />
• 1-on, 2-on, <em>ANY</em>-on<br />
• Numbers, Pictures or Text<br />
• w/ <strong>Pop-Out Bingo Clipboard</strong></p>
</blockquote></td>
<td> </td>
<td style="font-size: 12px"><blockquote>
<p align="left">• <span style="font-weight: bold">Door Hangers</span>, Envelopes<br />
• Wallet Calendars, <span style="font-weight: bold">Bookmarks</span><br />
• <span style="font-weight: bold">Post Cards</span>, Business Cards<br />
• Even a<strong> Page Numberer</strong>!</p>
</blockquote></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><div align="center"><strong><em style="color: #F00"><a href="http://www.meistersoftware.com/products/bingomeister" style="color: #F00">ONLY 24.95!</a></em></strong></div></td>
<td> </td>
<td><div align="center"><strong><em style="color: #060"><a href="http://www.meistersoftware.com/products/printmeister" style="color: #060">ONLY 19.95!</a></em></strong></div></td>
<td> </td>
</tr>
<tr>
<td height="9"> </td>
<td colspan="3"><hr /></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="3" style="font-size: 18px; color: #036;"><div align="center">
<p><strong><a href="http://www.perforatedpaperonline.com"><span style="text-align: center; font-size: 24px;">www.perforatedpaperonline.com</span></a><br />
</strong><span style="text-align: center; font-size: 14px; color: #000;">(Our sibling site)</span></p>
</div></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="3" style="font-size: 18px; color: #036;"><p style="font-size: 14px; color: #000; text-align: center;">We also manufacture<strong> <a href="images/m_paper_supplies.html">blank, pre perforated paper</a></strong> for all of our software.</p>
<p style="font-size: 14px; color: #000; text-align: center; font-weight: bold;">• <strong>door hangers • raffle tickets</strong> <strong>• post cards</strong> • <strong>bookmarks</strong><span style="font-size: 12px; color: #000; text-align: left;"> • </span>bulletins</p></td>
<td> </td>
</tr>
>
</table>
</div>

"Roll over" links

I want all my links to be black at all times except when I
roll over them, then I want them to be white,
I have changed "roll over" links to white in "page
properties", this works fine. But as soon as I change "visited
links" to a different color than standard the roll over links
won´t turn white anymore.
Is there a way to fix this ??

"ulfb?ge" <[email protected]> wrote in
message
news:gglvi7$mnm$[email protected]..
>I want all my links to be black at all times except when
I roll over them,
>then
> I want them to be white,
>
> I have changed "roll over" links to white in "page
properties", this works
> fine. But as soon as I change "visited links" to a
different color than
> standard the roll over links won´t turn white
anymore.
That means your rules are in the wrong order. All other
things being equal,
later rules override earlier rules. If you were specifying
all four link
states, you would do them in this order:
link
visited
hover
active
If you're doing things via DW's tabs and not looking at the
CSS code,
specify visited rules before specifying hover rules.
Have you worked directly with CSS at all? You need to find
your a:visited
code and move it.
You need to put this:
a:visited {
[your rules]
above this:
a:hover {
[your rules]
Be sure to cut and paste the entire rule, including the
closing curly
brackets.
Tim G.
http://www.pactumweb.com
http://www.shortordersite.com

Pb with handCursor when rolling over text embedded in a MC

Hi,
I have a little pb when creating movieClip buttons containing
a textField.
Indeed when rolling over the button, and precisely rolling
over the text contained in my button, the handCursor is replaced by
the normal arrow. How can I prevent that? I mean having the
handCursor displayed over the whole button, not only outside the
textField areas?
If you don't see what I mean, please consider the following
simple code , you will see that when rolling over "HELLO" the
handCursor disaoppears :
import flash.display.MovieClip;
import flash.text.*;
var buttonClip=new MovieClip();
buttonClip.buttonMode=true;
buttonClip.useHandCursor=true;
buttonClip.graphics.lineStyle(1,0x000000,100);
buttonClip.graphics.beginFill(0xaaaaaa,100);
buttonClip.graphics.drawRect(0,0,200,20);
buttonClip.graphics.endFill();
buttonClip.x=50;
buttonClip.y=50;
this.addChild(buttonClip);
var texte=new TextField();
texte.text="HELLO";
texte.selectable=false;
buttonClip.addChild(texte);
Thanks for your help,
Pascal

I am having a similar problem. I was using MX 2004 and the
hand cursor displayed over the whole movie, even on loaded movies.
On movies that will be loaded over the base_level are loaded the
arrow is never displayed, and is always a hand. When the movies are
viewed separately the arrow changes to hand cursor as it should.
With the exception of the base movie which is always the hand
cursor. I did find code for mx2004 to correct this, but it would
mean that i would need to add code to every instance on the stage
across 6 loadedMovies, and the base level.
Does the CS3 document class correct this action? If so, how
do i find out what code to use.

Yellow pop up box when hovering over links missing in CC?

The behavior when hovering over links in the Links Panel in CS6 was a yellow pop up box with the full path of the link displayed.
I find that is not the behavior in CC and I am really missing that.
Have I missed a setting somewhere to enable this in CC?

That was it.
Tool tips was not enabled. Enabling it brings back the yellow box. Didn't really think of that as a tool tip.
Thanks

Yellow Box when hovering over links

Hi All,
I have read a few discussions surrounding the 'yellow box' that appears when hovering over links in safari. Last I read some time ago revealed this is an intergrated 'feature' of safari. Is this still the case?? Or have enough users complained to have this 'feature' squashed (fingers crossed.....)
Thanks

You may keep your fingers crossed. Hovering produces the yellow information box.
Ciao.

Why does FF6 jump up and down when hovering over links

When the mouse cursor rolls over a link, FF6 jumps up about an inch. When I roll over again, it jumps down the same amount. It also sometimes happens on text boxes and other input items.

Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode
*https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes

Hyperlink color doesn't change when hovering over link

I create hyperlink, color I select for hovering over link works fine. But sometimes when I publish to my website the link color does not change, but the link works ok. I go back to my mac and check, sure enough the color changes just fine. I wipe out the link and reinsert new one. Works fine on the mac, but when I publish, color does not change when hovering. Help.

Welcome to the discussions. This is a long shot, but try clearing your browser's cache and reloading the page — then see if the color changes when hovering. ( In Safari, click on the Safari menu and choose +Empty Cache...+ )

Craigslist pictures do not select when rolling over

Used to be that when a craigslist ad had multiple pictures, rolling over the thumbnails would load that picture in the larger space above. Now nothing happens and if I click the thumbnail the picture loads but only the picture.
thinking it is some add on I've recently added but I can't determine which add ons have been recently added/enables.

You can try these steps in case of issues with web pages:
You can reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
*Hold down the Shift key and left-click the Reload button
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Command + Shift + R" (Mac)
Clear the cache and cookies only from websites that cause problems.
"Clear the Cache":
*Firefox/Tools > Options > Advanced > Network > Cached Web Content: "Clear Now"
"Remove Cookies" from sites causing problems:
*Firefox/Tools > Options > Privacy > "Use custom settings for history" > Cookies: "Show Cookies"
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem.
*Switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance
*Do NOT click the Reset button on the Safe Mode start window
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Line Height shrinks when hovering over linked image

Last line of text (above footer) has a small blue LinkedIn Icon as an image link.
20px line height shrinks when hovering over image.
Any workarounds will be much appreciated.
http://www.workandpartners.com/alan.php

I just get this (not a clue what it means)
traceroute to 64.74.37.37 (64.74.37.37), 64 hops max, 52 byte packets
1 * * *
2 10.14.96.1 (10.14.96.1) 12.189 ms 9.780 ms 8.065 ms
3 basl-core-2a-xe-132-0.network.virginmedia.net (80.1.81.217) 11.406 ms 13.427 ms 11.909 ms
4 brnt-bb-1a-ae10-0.network.virginmedia.net (81.96.0.145) 16.379 ms 13.749 ms 17.821 ms
5 brnt-bb-2a-ae2-0.network.virginmedia.net (62.254.42.97) 13.586 ms 13.458 ms 11.934 ms
6 * * *
7 * * *
8 teln-ic-1-ae0-0.network.virginmedia.net (212.43.163.250) 29.232 ms 21.650 ms 21.999 ms
9 m282-mp2.cvx3-a.ltn.dial.ntli.net (213.104.85.26) 19.471 ms 19.868 ms 19.467 ms
10 be2315.ccr22.lon13.atlas.cogentco.com (154.54.73.109) 19.360 ms
    be2317.mpd22.lon13.atlas.cogentco.com (154.54.73.177) 19.888 ms
    be2315.ccr22.lon13.atlas.cogentco.com (154.54.73.109) 19.905 ms
11 be2350.mpd22.jfk02.atlas.cogentco.com (154.54.30.185) 90.699 ms
    be2348.ccr22.jfk02.atlas.cogentco.com (154.54.30.169) 91.068 ms
    be2350.mpd22.jfk02.atlas.cogentco.com (154.54.30.185) 90.180 ms
12 be2358.rcr22.jfk01.atlas.cogentco.com (154.54.43.106) 93.616 ms
    be2096.ccr22.jfk02.atlas.cogentco.com (154.54.30.41) 93.825 ms
    be2358.rcr22.jfk01.atlas.cogentco.com (154.54.43.106) 92.053 ms
13 154.24.22.38 (154.24.22.38) 92.912 ms 93.622 ms
    be2356.rcr22.jfk01.atlas.cogentco.com (154.54.43.98) 93.354 ms
14 38.88.187.18 (38.88.187.18) 110.792 ms 110.920 ms
    te0-0-1-0.nr11.b001355-4.jfk01.atlas.cogentco.com (154.24.1.30) 95.400 ms
15 core1.te2-1-bbnet1.nyj001.pnap.net (216.52.95.11) 99.544 ms 97.433 ms
    core1-te2-1-bbnet2.nyj001.pnap.net (216.52.95.75) 100.225 ms
16 border8-po1-bbnet1.nym007.pnap.net (216.52.95.45) 99.988 ms
    border8-po2-bbnet2.nym007.pnap.net (216.52.95.108) 113.684 ms
    border8-po1-bbnet1.nym007.pnap.net (216.52.95.45) 104.885 ms
17 another9-9.border8.nym007.pnap.net (74.201.132.10) 104.346 ms
    border8-po2-bbnet2.nym007.pnap.net (216.52.95.108) 103.657 ms
    border8-po1-bbnet1.nym007.pnap.net (216.52.95.45) 109.178 ms
18 216.105.96.18 (216.105.96.18) 107.338 ms 107.705 ms 107.160 ms
19 64.74.37.37 (64.74.37.37) 111.865 ms !Z 130.731 ms !Z 124.707 ms !Z

Safari 7.0 problem when hovering over links

Recently updated to Mavericks and Safari 7.0. Now encountering a problem with my wordpress website www.robinmandel.net (and several other sites that use the same theme evince the same problem.) Problem is: some links, both text and images, are now jumping around when moused over, making them impossible to click and disrupting the formatting of the page. Same problem with Chrome. Firefox works fine. I've looked at my site on an older machine with Safari 6 and no problem. Thoughts?

Use another theme.

Swap another image when rolling over another one

i would like to roll over a small thumbnail and swap out a
larger image on the page. i've been trying all morning and i just
can;t seem to get it. what are the steps? i want to roll over
"thumb.jpg" and swap "text_large.jpg" with "product_large.jpg".
any help would be wonderful.

In DW we call this a disjointed (or disjoint) rollover -
here's a tut for
you........
http://www.dwfaq.com/tutorials/basics/disjointed.asp
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
==================
"divebombinc" <[email protected]> wrote in
message
news:ga620o$804$[email protected]..
>i would like to roll over a small thumbnail and swap out
a larger image on
>the
> page. i've been trying all morning and i just can;t seem
to get it. what
> are
> the steps? i want to roll over "thumb.jpg" and swap
"text_large.jpg" with
> "product_large.jpg".
> any help would be wonderful.
>

Grey Boxes when rolling over type in Illustrator CS5.5

This is driving me insane. I have to have a solution as this is a work computer and I'm a designer who has deadlines to meet.
Whenever I roll over, select, move or try to edit some type elements in Illustrator, the preview of the type flicks into grey boxes (see below).
There's no cursor and I can't see what I'm typing nor can I be precise with the text placement.
What is the problem and how do I fix it?

By dock do you mean the Swatches panel? Have you tried the Delete Unused Panel Items action from the Action panel. They can also be in Symbols or Brushes but if you run the action it will delete them in order so that the color swatches are deleted last and if they were in a Symbol, Graphic Stlye or Brush with the original gone they should delete. Also make sure that everything is visible and unlocked.

The type seems fuzzy, and when rolling over a link the underline is sharp on both ends like a javelin. Can the type be sharpened up?

I thought it was my computer that was out of wack, but it turns out it started happening when I upgraded to Firefox 5.

If you have an advanced graphics card, Firefox tries to use hardware acceleration for your fonts as well as for other graphics tasks. This isn't always pretty. You might want to turn it off for now, and keep an eye on other threads here for future developments.
orange Firefox button ''or'' Tools menu > Options > Advanced
On the Advanced tab > General sub-tab > ''uncheck'' "Use hardware acceleration when available"
Then restart Firefox. Does text look normal again?

Underline when rolling over link

Similar Messages

Maybe you are looking for