Different CSS link effects on the same page?

I have a CSS menu that looks good and works using the a:hover
and a:link rules. I want to have the links on the rest of the page
act differently. Can someone help me understand how to create
different CSS rollover effects for different links on the same
page? Pleas be specific, I’m not great with CSS or code in
general.

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
==================
"edwheels" <[email protected]> wrote in
message
news:ej2e5g$i4p$[email protected]..
>I have a CSS menu that looks good and works using the
a:hover and a:link
>rules.
> I want to have the links on the rest of the page act
differently. Can
> someone
> help me understand how to create different CSS rollover
effects for
> different
> links on the same page? Pleas be specific, I?m not great
with CSS or code
> in
> general.
>

Similar Messages

How to remove links pointing to the same page?

I have PDF documents with Links which point to sections referenced (e.g. link of text "Section 2.2" points to the actual page number of "Section 2.2"), but as the links are created from cross-references during rendition from Word to PDF, there are cases that the destination page number and source page number of the links are the same (e.g. links of text "Section 2.2" on page 9 are created with the destination of page 9 which is the actual page number of "Section 2.2"), I want to remove all these links, but I don't know how to get the destination page, I check the API reference and find that "PDLinkAnnotGetAction" may work , but I don't know how to use it, could you check me codes below and advise ? Your help is really appreciated!
PDPage page;
ASInt32 i,i2;
AVDoc avDoc = AVAppGetActiveDoc();
PDDoc pdDoc = AVDocGetPDDoc (avDoc);
int pageNum = PDDocGetNumPages(pdDoc);
for (i = pageNum - 1; i >= 0; i--)
page = PDDocAcquirePage(pdDoc, i);
int annotNum = PDPageGetNumAnnots(page);
for (i2 = annotNum - 1; i2 >= 0; i2--)
if...
PDPageRemoveAnnot(i, i2);
My Product Information:
Acrobat Pro 8.1.6, Windows

Start by reading the PDF standard (ISO 32000-1) to understand Actions vs. Destinations.
Then for each annot, you'll want to see which it has (and in the case of an Action, if it has more than one). Then you need to parse the action or dest to see what it is and where it goes. If you don't like it, then you'll delete it.
From: Adobe Forums <[email protected]<mailto:[email protected]>>
Reply-To: "[email protected]<mailto:[email protected]>" <[email protected]<mailto:[email protected]>>
Date: Tue, 25 Oct 2011 09:25:32 -0700
To: Leonard Rosenthol <[email protected]<mailto:[email protected]>>
Subject: How to remove links pointing to the same page?
How to remove links pointing to the same page?
created by OALD<http://forums.adobe.com/people/OALD> in Acrobat SDK - View the full discussion<http://forums.adobe.com/message/3989576#3989576

How do create different link attributes on the same page

I am using CSS links for my menu. The links are white, large and bold, but I want an email link to be a different color, font and smaller in size. How can I do this?

Yow 400 somthing views and no one to help this guy...wow you people are mean....
Ok just use a class for the email link....
put a span around that email link
<span class="class_name"><a>email link</a></span>
then in the css place the class
.class_name{
color:red;
If this doesnt work then that means the class needs to be more specific example
span .class_name{
color:red;

How do I make dreamweaver links open on the same page?

Hi all,
I've created a site that has div tags for Header, navbar, main content, and footer. I am using a sprybar menu and I want the content of the hyperlink to display in the main content area. I know this was previously accomplished with frames and I could select the target as the main frame, but I hear that is bad practice or is becoming more obsolete with CSS. I have some intermediate knowledge with CSS. Does anyone know how I can accomplish this? I am using Dreamweaver 6

One page websites aren't really a good idea as far as search engine optimization goes. It's better to have multiple pages with the same design that your menu moves to when clicked.
That being said, you could do what you're talking about using javascript to change the display css of content <div> tags where, to start, there is a general info <div> and when one of the menu items is clicked, that <div> has its display property set to none, while another has it's display:none changed to display:block (so it appears). Each link would turn off all of the containers that aren't specific to the link itself, while turning on that one container that is.
I use a script like this normally...
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Quick, Little Show/Hide Script</title>
<style>
#one, #two {
    display:none;
</style>
<script type="text/javascript">
    function turnoff(id)
    {document.getElementById(id).style.display = 'none';}
    function turnon(id)
    {document.getElementById(id).style.display = 'block';}
</script>
</head>
<body>
<div id="one">some text</div>
<div id="two">some other text</div>
<div id="three">yet more text</div>
<a href="#" onclick="turnoff('two'); turnoff('three'); turnon('one');">One</a> | <a href="#" onclick="turnoff('one'); turnoff('three'); turnon('two');">Two</a> | <a href="#" onclick="turnoff('one'); turnoff('two'); turnon('three');">Three</a>
</body>
</html>
In the above example, divs one and two are turned off by default in the css. Div three shows when the page is loaded. The javascript tells a chosen id to change its display css to block or none depending on the function called in the onclick of a link. The link for "One" uses turnon('one') and turnoff('two') and turnoff('three') so, when it's clicked, two and three are set to display:none and one is set to display:block no matter what they were at to begin with.

How do you get 2 different link colors on the same page in DW CS4

Hi
After creating a white link called “white link test” in a blue background, I need to create a blue link called “blue link test” in a white background. How do I accomplish this task In DW CS4? I would greatly appreciate any feedback. Thank you
<style type="text/css">

</style>
</head>
<body>
<div id="apDiv1"><a href="file:///C|/wamp/www/laserzone/public_html/add_maintenance.php">white link test</a></div>
<p> </p>
<p>blue link test</p>
</body>
</html>

Nothing has changed. A stylesheet is still a stylesheet. And pseudo-classes are still pseudo-classes.
You need to define a set of link states (link, visted, hover, active) for each ID or class name required.
Let's say you want to have red links in your #header and white links in your #footer.
CSS:
#header a {text-decoration:none}
#header a:link {color:red} /**unvisited**/
#header a:visited {color:gray} /**visited**/
#header a:hover, /**on mouse over**/
#header a:active, /**on click**/
#header a:focus {text-decoration:underline}
#footer a {text-decoration:none}
#footer a:link {color:white}
#footer a:visited {color:yellow}
#footer a:hover,
#footer a:active,
#footer a:focus {text-decoration:underline}
HTML:
<div id="header">
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
</div>
<div id="footer">
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
</div>
For more on CSS pseudo classes:
http://www.w3schools.com/css/css_pseudo_classes.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Header Information Repeating in the Same Page

Hi Buddies,
I have an issue with PO Print Report. I am trying to reapet the header information by using <?start:body?> after the header informaiton and <?end body?> before the footer informaiton.
If i have two different headers, it displayed in the same page. For e.g I have po header details for PO 30124 and PO 30124-1. These two headers information displaying in all the pages and main body and footer informations goes to the next page.
pls guide me how to solve this one?
Regards
Prabu

Hi,
Are you saying that you need conditional headers? If so, then use <?IF ...> statements.
If your footer is not working correctly make sure your syntax is correct?
Regards,
Gareth
Blog: http://garethroberts.blogspot.com/

How to create links to different files on the same page?

Good day to all again,
can someone please guide me through creating several links to different files on the same page. In other words, I am creating a photo page where my links are called Gallery 1, Gallery 2, etc... I would like to create links so when the User clicks on Gallery 1, they see Gallery 1 slide show in the frame; when the user then clicks Gallery 2, then they see Gallery 2 slide show in the window.
My slide show files are done and I am using GoLive CS2. I have no knowledge of JavaScript or ActionScript/Flash.
Any suggestions are highly appreciated.
Thank you
Alek

Hi Diana,
I'm a professional photographer and in the process of getting
my finished site published. I used Coffeecup Photo Gallery. You can
create multiple albums on the same page. Do a Google search for the
address. It's easy, inexpensive, and it works. I tried to do this
with the Photo Gallery in DW and FireWorks--but couldn't get it
right. CC uses Flash and Javascript.
Good Luck

Can you create an image map that will link to a different element on the same page?

I have used image maps before and know how to create an image map to link to a new page. In this case, however, I want to be able to click on my image using an image map and load a new image with text on the same page as the image map. Is this even possible? Is there some sort of behavior that allows you to create same-page links, perhaps using AP divs? I want the end result to be a type of gallery that loads different images depending on where you click on the main image.
Again, I don't even know if this is possible. Any suggestions on how to make this work would be greatly appreciated.
Thank you!

Go to this site and mouse over the image map of South America.
http://alt-web.com/testing.html
Is that what you are looking for?
Insofar as linking to a position on the same page, do a Help search (F1) in DW for "named anchors."
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

How to make a link in a report open a Form in a different region of the same page ?

Hi,
I developped a report and a form for the same table. I also created a link and used it in my report so that when I click on the link of one record, the form is opened and display this record.
My problem is that when I include my report as a portlet and I click on a link, the form is opened in full screen mode by replacing the page containing my report.
What should I do in order to open this form in another region of the same page ?
Thanks a lot

I presume that the two regions are working fine with their individual buttons and your issue is how to make them both save with one button.
Here is how
a. You will have 2 ApplyMRU and 1 ApplyMRD processes for each of the regions. Right? Lets say you have 2 "Save" (i.e. label=Save) buttons, one has name SUBMIT and the other SAVE ( SUBMIT and SAVE being the requests that will be sent when they are clicked , respectively)
b. Make the Display condition on one of the buttons 'Never'. Now it won't show when you run the page. Lets say you made SAVE's conditional Display 'Never'
c. Go and change the condition on all ApplyMRU and ApplyMRD processes from "When Button Pressed" to "Request is contains in Expression1". In Expression1 enter SUBMIT,SAVERegards

How can I make a link a different color than the other links according to the current page?

Hello. I have created a navigation bar. And I would like to style the links to have the current page link a different color than the other links. For example, if all of the links have a black background, I would like to have the current page link to have a white background. The reason that I would like to style them this way is so that the visitor knows what page is being visitied.
I tried different ways but all of them did not show to make any change to the links. This is what I have so far. The links work, but all of them have the same color and background. When on the home page, I would like to have the home page link to have a white background with black letters. I would appreciate your advice.
<head>
ul {
    list-style-type: none;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 6px;
    padding-right: 10px;
li {
    display: inline;
a:link {
    color: #FFF;
    background-color: #000;
    text-align: center;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 7px;
    text-decoration: none;
a:visited {
    color: #FFF;
    background-color: #000;
    text-decoration: none;
a:hover {
    color: #000;
    background-color: #FFF;
    text-decoration: none;
a:active {
    color: #FFF;
    background-color: #000;
    text-decoration: none;
a.menu:link {
     color: #000
     background-color: #FFF;
     text-decoration: none;
</head>
<body>
<div class="navigation">
    <ul>
        <li class="menu"><a href="index.html" target="_self">HOME</a></li>
</body>
Thank you very much.

http://www.itworld.com/development/351097/setting-active-menu-item-based-current-url-jquer y

Auto collapse a mobile accordion menu when clicking links to anchors on the same page

I'm building a mobile site, with the accordion widget containing the a menu widget, pinned to the top (i added custom css to pin it to the top).
its a single page site, so all the links are to anchors in the same page.
how can I make the accordion close when clicking the links in the menu?

You can try the suggestion mentioned here :
http://stackoverflow.com/questions/21649839/make-accordion-close-on-second-click-jquery
http://stackoverflow.com/questions/9260068/collapse-jquery-accordion-on-click
Thanks,
Sanjit

How to apply different styles to Portlets on the same Portal page?

How do you apply different styles to Portlets on the same Portal page?
I'm new to this kind of thing, but understand that something called "cascading style sheets" can help here?
What are these, how do you use them, and can you make different Portlets (all types - PL/SQL, Java, Applications, etc) on the same Portal page have different styles assigned?
Thanks!

Jeff,
Apply Oracle Portal styles at the region level. Your portlets within each region will inherit the style defined for the region.
You may want to check out Report #40050 at portalcenter.oracle.com, "Design an Attractive and Compelling Portal Interface" for a good overview of the various design features of Oracle Portal.
Here is the link:
http://portalcenter.oracle.com/pls/ops/docs/FOLDER/COMMUNITY/OTN_CONTENT/MAINPAGE/OWSF_2003_PAPERS/40050_STOVER.PDF
Regards,
Jay

Create A Link to More Text on the Same Page?

I want to know how to make a link that says "MORE" that will reveal additional text on the same page.
I am NOT referring to a link that will scroll the user to a different part of a page.
I am talking about a page with a lenghty amount of text that is kept hidden, until the user clicks on the word "MORE" to expand it. (Or, I usppose, "LESS" to make it disappear again.)
Thanks in advance.

Have you looked at Spry Widgets? Accordion or Collapsible panels might work.
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html
http://labs.adobe.com/technologies/spry/samples/collapsiblepanel/CollapsiblePanelGroupSamp le.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

When going to a # link in the same page, Firefox 4 seems to jump to the wrong spot, and I have to scroll to find the actual anchor, usually one screen down.

Visiting the Apple developer site, pages have a task list at the top of a very long page. When I click on a task which is linked to an anchor on the same page, the screen briefly flashes up the intended topic, then redraws content about a screen above what I wanted, so I have to scroll down to the topic I wanted to read.

It happens when I open the topic in a new tab. There's a sidebar that's not drawn when the initial flashup happens. Then the sidebar draws and the content gets pushed down so the topic I wanted is now below the visible screen.
When I jump to the anchor in the original tab, the sidebar is already there, and it goes to the right topic.

JEditorPane HTML link in the same page

Hi,
I want to show an HTML page in JEditorPane.
The HTML page have <a> tags that link to a bookmark in
the same page, but I can�t show this because I get an error
like this:
MalformedURL or similiar.
I try to do somethig like this:
public void hyperlinkUpdate(HyperlinkEvent ev)
...Editor.setPage(ev.getURL());
or
...Editor.setPage(ev.getDescription());
without results.
How can I listen for hyperlinksEvents than link in the same page.
Thanks

they dont want to see the first report.
Is there a way in which the Prompts are also display along with the second report?Then create the same prompt on the second report also.
Cheers
Nawneet

Different CSS link effects on the same page?

Similar Messages

Maybe you are looking for