Varying Link Colors On Same Page

Is it possible to make text links be of two different colors within the same web page in GoLive 6? In "Page Properties" I can make all text links any color I want, but I can't seem to vary only one link color without changing the color of all text links on that same page. Please help.

The page properties sets the HTML attribute for the link colors, which applies to the whole page. For more control, you'd need to use CSS to set the colors of links within a specific div/table/span, or links with a certain class assigned.
http://www.projectseven.com/tutorials/css/pseudoclasses/index.htm

Similar Messages

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

How to create links to the same page, how to create links to the same page

How to create link to the same page with iweb?
Thanks

You're referring to anchors. There are a couple of ways. These topics discuss them:
iWeb FAQ - Anchors
How do i hyperlink to certain portion...: Apple Support Communities
OT

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.

How to have 2 link colors on one page?

Learning CSS and am unable to make this happen. What am I doing wrong?
http://larrysullivandesign.com/sourceprintmedia.com/_contact.html
http://larrysullivandesign.com/sourceprintmedia.com/sourceprintmedia.css
The text links at page bottom (link-typeA) load up blue, even though the stylesheet calls for them to be gray (#E8E8E8), so they'll read on dark background.
I want blue links site-wide, and grey at page bottom, only for link-typeA
I want only one style sheet, if possible.
How do I make all the link stage (active,hover, etc) colors apply to just link-typeA ? Only way I can see is in Page Properties, which makes one single embedded style on each page. confused....
thanks!

The divs are always referenced in the body and then you assign a class to that div. You can also asign a class to a table if you are using tables.
First make a refernce to an external style sheet and place all your css in there.
make your page and then assign the classes to the divs or tables.
If you think of a div as a container then you assign a class of (footer) to the container. The reference then looks to the external style sheet of where to find that class and then finds the .footer and assigns the correct attributes to it such as the .footer a:link{color:#000;}
you can also see the styles and assign them without handcoding by going to window/CSS styles

Need help with different link styles on same page

Hello,
I'm using Dreamweaver CS4 on a PC.
I have searched through a lot of posts over the last couple of days, I've tried the projectseven.com tutorial, google'd, etc. but still can't figure it out.....
All I want to do is apply a different link colour to some links in the footer of my page. Elsewhere through the site I have set the colour to blue (for the link) and orange (for the hover) - for the footer links I want the link to be white and the hover colour to stay orange.
The problem with the projectseven tutorial is that it doesn't seem to apply to CS4 and I kept getting error messages when trying to apply a new CSS rule - there's no Class|Tag|Advanced options as per the instructions ....
I've copied the code of my page to this. The links which I want to apply a different style to are contained in the Div Tag called "Footer-Navigation-Bar" .
Could someone please give me some instructions or point me in the right direction please??
Many thanks,
Vickie
<!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=utf-8" />

<title>Subscribe to Family Australia - it's free!</title>

<link href="../family-subscribe.css" rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />


<style type="text/css">

</style></head>
<body>
<div id="container">
<div id="banner">
    <ul id="family-subscribe-menu" class="MenuBarHorizontal">
      <li><a href="../index.html">Home</a>      </li>
      <li><a href="../subscribe.html">Subscribe</a></li>
      <li><a href="../family-advertise.html">Advertise</a>      </li>
      <li><a href="../family-articles.html">Articles</a></li>
<li><a href="../family-sign-in.html">Issues</a></li>
      <li><a href="../family-contribute.html">Contribute</a></li>
<li><a href="../family-contact.html">Contact</a></li>
    </ul>
</div>
    <div id="sidebar"><a href="../family-sign-in.html"><img src="../images/launch-issue.jpg" alt="launch-issue" width="220" height="380" hspace="4" /></a>
      <div id="sidebar-image2">
        <p><img src="../images/Sleeping bag for web.jpg" width="220" height="151" alt="sleeping-bag" /></p>
        <p>Kozy Koala™ Pillow Sleeper is ideal for those summer nights when the kids want to sleep out or when you go camping. The all-in-one pillow camper consists of …. [MORE]</p>
      </div>
      <div id="sidebar-image3">
        <p><img src="../images/solrx for web.jpg" width="220" height="164" alt="sunscreen" /></p>
      SolRX® Sunscreens are very sweat and water resistant – ideal for anyone who leads an active outdoor lifestyle … whether you’re in the water or not! [MORE]</div>
</div>
    
    <div id="main-content">main content</div>
    
<div id="footer">
<div id="footer-navigation-bar"><a href="../family-about.html">about</a> | <a href="../family-advertise.html">advertise</a> | <a href="../family-contribute.html">contribute</a> | <a href="../family-contact.html">contact</a> | <a href="../family-unsubscribe.html">unsubscribe</a></div>
      <div id="footer-text">Family Australia | ABN 33150685385 | For all advertising enquiries please contact <a href="mailto:[email protected]">[email protected]</a><br />
Copyright © 2010 Family Australia. All rights reserved.
</div>
</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

The links which I want to apply a different style to are contained in the Div Tag called "Footer-Navigation-Bar" .
a:link {
color: #30C;
text-decoration: none;
a:hover {
color: #F30;
text-decoration: none;
a:visited {
text-decoration: none;
a:active {
text-decoration: none;
Hello
You can see above the CSS that applies to your links. If you have links that you want to style in a diferent way, just write the rule Like this:
#Footer-Navigation-Bar a:link {
color: red;
text-decoration: none;
Or whatever. There are other ways but this will do you as you already have those links you want styled differently in a div with its own ID. The new rule should come after the other rules in your CSS I think to make sure of the cascade although thinking about it, there's something called specificity in CSS which means that the rule that I suggest will win out anyway. All that you are doing in my suggestion is selecting the a:link that is a descendant of an element with that particular ID.
I hope that helps. I'm a bit of a novice and might have got a bit jumbled with the cascade/specficity thing but hey, I reckon that will get you where you want to go....
Martin.

Table Link on the same page in Numbers '09

I didn't word this correctly but I will try to explain what I'm trying to do.
I have a sheet of birthdays, which is only 2 columns and its sorted by date. I want to have the table continue the sorted information on the same page. For example, There are 4 pages each with 2 columns, I want to put as much information on one page like 1/1 - 5/5 on the first half of the page then continue 5/6 - 8/30 on the second half of the page, maintaining it being sorted.
I'm not sure if this made any sense, but an example would be in pages if I have 2 text boxes and link them the information will spill into the next text box.

I came up with what may be a better idea after writing all this. But rather than delete it, here is my first idea:
Numbers does not have page breaks and I can't think of a way to do what you want the way you are asking. But what you can do is use your original table as a master and have several other, smaller tables that break it up as you want. For instance, a table that has only birthdays in January 2009 could be constructed with the following formula in cell B2 (the date column) and A2 (which I am guessing is the person's name):
B2=IF(AND(Table 1 :: B2>DATE(2008,12,31),Table 1 :: B2<DATE(2009,2,1)),Table 1 :: B2,"")
A2=IF(B2="","",Table 1 :: A2)
This table should be longer than your master table. It should be longer than you think your master table will get. Otherwise the dates at the bottom of your master table, as you add to it, will not be transferred over.
After you have those formulas in columns A and B, go to the reorganize panel and choose to show rows where column B is not blank. That will hide all the blank rows. And you can sort it.
Create other tables for your other groups of dates. You'll have to sort each table separately if you add more birthdays to your master table.
You can arrange your tables on the page so several of these tables are side by side. I would not recommend arranging them with any above another.
If you want to get fancier, you can use two header cells of each table to specify the start and end dates. Then, instead of hard coding the dates into the formula, you would reference those two cells.

Link color change (beyond page properties/links or inline html mark-up)

Besides using the page properties to change all links on the page to a single color, is there a css style or some html code I can add sitewide (vs. inline mark-up for every single link) to override the blue link color and keep all links the color specified in the header and body styles?
Thanks!

Thanks bemdesign--it worked for the most part. But in my footer, the links are incorrectly changing their colors when displayed in IE. When displayed in the design view of DW, they are retaining their proper color without changing blue when I make them links.
Just before the text of the bottom row of my table, I added in the html code:
<div class="footer">
After the text, I closed it with
</div>
In my CSS, I added this code:
.footer a:link {
color: #666666;/*links under the elements with a class of footer are gray*/
.footer a:visited{
color: #666666;/*visted links are gray*/
.footer a:hover, .footer a:active{
color: #666666;/*active or hovered lover links are gray*/
While this caused the color of the link in my html in DW to be retained as gray, in IE, it displays as blue. Why is this?

Link to the same page in javascript

Hi i am developing tables in java script. If i click the row in the table i will get clicked row in the blow function.If i want to call to a graph which should be displayed in the same page how to do?
function(event, column, row){
}

Hi from the below function i get column number of the table i want to prepare some action and display output in same page with previos tables;
ie before there is only table in the web page not after taking action the web page should display table+ output;
function(event, column, row){
}

Open report link in the same page

Hi,
I have two reports in a dashboard page with a prompt. Now, I need to display one report in the compound layout and the other should appear as a link. When a user wants clicks on the link, the second report should also be displayed along with the first report with the prompt value.
I tried using Display result --> Link in the dashoard option. But then when I click on the link the first report is not displayed.
Any suggestions please.
Thanks in advance.
Ronnie.

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?

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.
>

Table of contents link on same page

Hello,
I need some advice here. I have seen this done on the web before but not sure if iWeb does it.
What I am looking to do is have a list or table of contents at the top of a webpage. I would like it if somehow a particular topic could be clicked and this would take the visitor somewhere farther down the page to the appropriate content.
In other words....kinda like making a link on the same page.
here is the page w/ what I am trying to do:
http://web.mac.com/abenningfield/iWeb/CameraObscura/Lightbox.html
iBook G4 Mac OS X (10.4.6) http://www.the-camera-obscura.com

Ariane,
Hi there. No didn't get it to work. Basically.....I have so much/many iweb aspects I am working on I get a little caught up in different areas. So I just filed the Anchor topic away at present and will get back to it later.
I am interested to see your outcome.....
Please keep me posted. I really wanna try this in the near future.
The tips are good....I just haven't had the time yet.
PS: if you figure it out...you should write up a step by step......maybe make an article or tutorial
Edit: Varkgirl is right and if you haven't tried this......good point to keep in mind!

Creating an anchor option on the same page

I'm creating a Auto Detailing website for my business and it's full of packages and options. I would like to create an anchor to link of the same page, that way I don't have my potential clients scrolling through the long webpage.
I'm very new to web design so bare with me

Anchors is not an iWeb option - it can be done but it is not simple at all - can be quite complex and means inserting text boxes and lots of linking.
If you don't want people scrolling though long web pages, don't make them long - split between several pages.
If you really want to do anchors, then search this site for Anchors and I am sure lot of posts will come up. You can also look on YouTube and put in Anchors in iWeb and something will come up there too.
If I were you, I would not bother - just keep your web pages shorter.

Hyperlinks to locations on same page

I'm creating an alumni website and want to put a list of alums at the top of a page followed on the same page by a photo and current bio of each alum (about 130 alums total, length of bio varies from short to lengthy). I want to link the name in the alum list to the appropriate bio so you don't have to scroll down the page to find it.
1. I can't find a way to create this type of hyperlink using iWeb. Can I do it? If not, do I need to create a separate page for each bio and then link to the new page? Are there any other options?
2. If it's possible to link to a specific position on the same page, will that many bios fit on one page? If I can't link to the same page, can I have an iWeb website with that many pages?
Powerbook G4 Mac OS X (10.4.8) iWeb 1.1.2

1. I can't find a way to create this type of
hyperlink using iWeb. Can I do it? If not, do I need
to create a separate page for each bio and then link
to the new page? Are there any other options?
What you are asking for is referred to as "anchors" in HTML-speak...and no, it is not possible to do this within iWeb. But I think varkgirl has posted a post-publishing method of jury-rigging this functionality into the HTML...
http://web.mac.com/varkgirl/iWeb/Anchors
2. If it's possible to link to a specific position on
the same page, will that many bios fit on one page?
If I can't link to the same page, can I have an iWeb
website with that many pages?
I'm not sure about the hard limit on page lengths in iWeb. You'll have to try it and let us know!
But sure, you could have 130 pages in iWeb. I have heard of people with many, many more pages than that.

Custom link color?

I've defined all the links, rollover links colors in the page properties but there is this one little link that I want it to be white ( in contrast to the other behing black). How do I do that? Google didnt help me much >_>

Pseudo-classes and container styles are what you need - here are some tutorials.
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm

Varying Link Colors On Same Page

Similar Messages

Maybe you are looking for