HTML - Firefox Grey Outline Around Clicked Link

Hi guys,

I'm looking for a script or some code that would change the name of the link once clicked.

Say I have a link that says:

CLICK HERE TO SEE MAP

Once I click it, the link says:

BACK TO DESCRIPTION

And once I click this one, it goes back to:

CLICK HERE TO SEE MAP

Any ideas?

when i click on a link on my "test page" the div with my links in it moves up...but when i click back to the "home" page it moves back down take a look at the attached file to see what i'm talking about...is there any way of fixing this...it does this on both FF and IE 8.

can someone help me with this...if it's something that i simply have to deal with then that's fine...just thought that maybe something was wrong and could be fixed.

Hi,

i want some help regarding HTML links.

I have a table containing topic and topic id. and another table having topic_id, sequence_no and Replies columns.
I have a php + mysql script which show all the topics as html links.
Now what i have to do is when any of link is clicked it should get identified and all the corresponding Replies should be displayed sequencially.
I dont know how to identify and fetch topic_id on which i have clicked.

Please help.

Thanks,
Jaas.

Hello Guys,

I use Named Anchor to navigate within my webpage. Is there any way how one can navigate back to the clicked link from the destination? Normally the backspace works. But I would like to add a link at the destination and clicking this link would take me back to the clicked-link. Is this possible? I hope I made myself clear. If any of you can give me some advise about this issue, it would be much appreciated.

Thanks in advance,
Chuma

P.S - I read in a site that using the <li> tag can do this. I am unsure how that works either. If any of you have any idea about this, please let me know. Thanks.

Hey guys I need some help regarding a website I made from a template.
you can view the site at http://www.goosetrailbnb.com/

The problem is that when you click on the links in the bottom navigation bar, it will only show the page
for a second (not properly aligned) and then redirect back to the index.html automatically.
If you click the links on the menu up top in the flash header, the links work fine.
I am using iframe....so my pages are index.html, iframe_0.html, iframe_1.html, iframe_2.html and so on.
I have the links set as iframe_0.html etc for the links in the bottom navigation bar.

Any help would be appreciated!!!
Thanks

I have had this problem on almost all the websites I've made and I'm too picky to let it go...

When I make the navigation images/buttons for a website, I set the border to zero as usual and link each image to its respective page. But, when I click on the image to take me where it's supposed to, this pesky dotted border appears around the edge of the image after it has been clicked and it remains there until I click on something else on that page. (This also happens to text links when clicked, but I'm not too worried about the text links.)

For the websites I've made that go to an entirely new page after an image link is clicked, the dotted line appears around the linked image after it's clicked and before the next page has loaded, but then after the new page loads the dotted line is gone. But, for websites I have built that utilize frames, because the new page that loads is in an iframe, and because the page the navigation buttons are located on never changes, the dotted border stays around the image after its been clicked and, like I mentioned earlier, doesn't go away until I click on something else on that same page.

An example of this can be seen when you click the images in the navigation column along the left side of a website I built located at the following URL: http://www.djprogress1.com/

This border problem could be specific to my website browser (I use Firefox), but I am not sure. And the border could be added entirely by the browser and there may be no way to get rid of it through coding, but again, I am not sure of this. So, does anyone know if anything can be done to fix this or am I stuck with these dotted borders?

Thanks,
Jase

I'm trying to get the "topline" above the "greyline", but the more i mess with it, the greyline is always on top, even though it is below the "topline' code.

Help please. How do i code it so the greyline is right underneath the "topline", please.


here's part of the page code:


Code:

<body>
    <table width="770"
           border="0"
           cellpadding="0"
           cellspacing="0"
           id="maintable">

        <tr>
            <td id="topline"
                colspan="2"></td>
        </tr>
<tr><img src="images/greyline.gif" alt="" width="770" height

In my imaginary web page, I have a list of products. I also have a list of questions with (Yes) and (No) checkboxes beside them. If (No) is checked for question 1, the text for product 2 and 3 must change to grey instead of black. Etc. How could I do this?

You will actually have to look at the site: http://www.avenuemall.com/
I need to know how to create the gray lines around the tables. I hope that explains it well enough. Whenever I do tables there is 2 lines outlining the table (boxing it in) or I put "0" in the border and there is none. It looks like each table is outlined by gray, I need to know how to do that. I looked at the coding, but I just got more confused. Is there are a quick easy answer for this?
Thank you,
~eDee

Hello I thought my site was good to go until I viewed it on a pc. I took a look at it in IE on a pc and noticed outlines around the graphic nav. Do I need to add a bit of code somewhere? I'm attching a screenshot and below is my url to the site.

thanks!

http://www.bru.us.com


html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>BRU</title>
<link rel="stylesheet" type="text/css" href="bru.css" />




<script type="text/javascript">
var revert = new Array();
var inames = new Array('about','contact');


// Preload
if (document.images) {
var flipped = new Array();
for(i=0; i< inames.length; i++) {
flipped[i] = new Image();
flipped[i].src = "nav/"+inames[i]+"2.gif";
}
}

function over(num) {
if(document.images) {
revert[num] = document.images[inames[num]].src;
document.images[inames[num]].src = flipped[num].src;
}
}
function out(num) {
if(document.images) document.images[inames[num]].src = revert[num];
}
</script>




</head>

<body>
<div id="header">
<img src="images/global/logo_gold.gif" />
</div>

<div id="navigation">
<IMG SRC="nav/design.gif"/><br>

<a href="tg_moodboard.html"class="catlink">TowerGroup</a><br>
<a href="cbuy_moodboards.html"class="catlink">Click&Buy</a><br>
<a href="mca_home.html"class="catlink">MCA</a><br>
<a href="incretin_home.html"class="catlink">Incretin Forum</a><br>
<a href="fifa.html"class="catlink">FIFA World Cup</a><br>
<a href="psr.html"class="catlink">PSR</a><br>
<a href="baraclude_banner.html"class="catlink">Baraclude</a><br>
<a href="forest.html"class="catlink">Forest</a><br><br>


<IMG SRC="nav/other.gif"/><br>
<a href="divided.html"class="catlink">Divided</a><br>
<a href="india_photos.html"class="catlink">Photography</a><br><br>



<a href="about.html"> <img src="nav/about1.gif" name="about" onMouseOver="over(0)" onMouseOut="out(0)"> </a><br>
<a href="contact.html"> <img src="nav/contact1.gif" name="contact" onMouseOver="over(1)" onMouseOut="out(1)"></a><br>
</div>


<div id="subnav">
<ul>
<li><a href="tg_moodboard.html">Mood Boards</a></li>
<li><a href="tg_direction_a.html">Home A</a></li>
<li><a href="tg_direction_b.html">Home B</a></li>
<li><a href="tg_sublevel.html">Sublevel</a></li>
</ul>

</div>


<div id="portfolio">



<IMG SRC="images/towergroupmarketing/tw_moodboard.jpg"/>&nbsp&nbsp&nbsp&nbsp
</div>

<div id="description">
<h1>TowerGroup / Moodboard</h1>
<p>
When TowerGroup came to us and talked about what they felt differentiated them from other
financial institutions, one thing that stood out to me, was that they wanted to communicate
that they're analysts are hands-on and accessible. To express this concept in a website, I
thought mixing hand-drawn illustrations with photographs would help give the site a more personable feel.
</p>


</div>

<!--Content-->
<div style="position:absolute; top:474px; left:499px;"></div>
</body>
</html>


css:
body {
font-family: sans-serif;
background-color: #ffffff;
font-size: 11px;
margin: 0px;

}

#description {
background: #ffffff;
font-family: sans-serif;
padding: 10px;
line-height: 14px;
margin: 0px 10px 10px 20px;
}

#portfolio {
background: #ffffff;
padding: 3px;
margin: 0px 10px 10px 10px;
}


#header {
position: absolute;
top: 0px;
background-color: #ffffff;
margin: 20px;
height: 80px;
padding: 10px;
}

#subnav {
background: #ffffff;
padding: 0px;
margin: 0px 0px 0px 0px;
line-height: 10px;
}


#navigation {
background: #ffffff;

padding: 10px;
margin: 0px 10px 10px 20px;
}

h1 {
font-size: 16px;
font-family: sans-serif;
line-height: 24px;
color: #000000;
margin: -1px 0px 0px 0px;
padding:0;
}



p {
margin: 0px;
padding: 0px;
}



a:link {
font-family: sans-serif;
font-size: 11px;
color: #5b5b5b;
text-decoration: none;
line-height: 11px;
font-family: arial, serif;
}


a:visited {
font-family: sans-serif;
color: #5b5b5b;
font-size: 11px;
text-decoration: none;
line-height: 11px;
font-family: arial, serif;
}

a:hover{
font-family: sans-serif;
color:#C1A62E;
font-size: 11px;
text-decoration: none;
background-color:
line-height: 11px;
font-family: arial, serif;
}


a.catlink:link {
font-family: sans-serif;
color: #5b5b5b;
font-size: 11px;
line-height: 14px;
margin:0;
padding:0;
font-family: arial, serif;

}

a.catlink:visited {
font-family: sans-serif;
color: #5b5b5b;
font-size: 11px;
line-height: 14px;
margin:0;
padding:0;

}

a.catlink:hover {
background-color:#C1A62E;
font-family: sans-serif;
color: #C1A62E;
font-size: 11px;
line-height: 14px;
margin:0;
padding:0;

}


.navheader1 {
color: #C1A62E;
font-size: 12px;
line-height: 19px;
margin:0;
padding:0;

}


.navheader2 {
color: #5b5b5b;
font-size: 11px;
line-height:17px;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 20px 20px 30px 0px;
padding:0;

}


a1:link {
color: #5b5b5b;
font-size: 11px;
line-height:17px;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 20px 20px 30px 0px;
padding:0;

}



ul {
margin: 0 0px 0 0;
padding: 17px 10px 10px 2px;

}



li {
display: inline;
margin: 0 8px 0 0;
padding: 0 0 0 10px;
background: url(images/global/icon_asterisk.gif) no-repeat center left;
}



#description {
position: absolute;
top: 125px;
left: 140px;
width: 270px;
}


#navigation {
position: absolute;
top: 125px;
width: 110px;
}



#subnav {
height: 30px;
position: absolute;
top: 125px;
margin-left: 475px;
width: 3200px;


}

#portfolio {
position: absolute;
top: 160px;
margin-left: 475px;
width: 3400px;

}

Hi Friends,

I have placed my SWF file in my HTML page and i upload the file in server. That time i saw the outer line in my html file. I cannt click first time, if suppose click second time, that time only processing.

So how can i solve the problem. Any required JS or other some.



Vjn

Hi Friends,

I am using mailer in html but i cannot remove the outline link of the image. For example i using like this:-

<a style="outline:none; border:none; border-style:none;" href="http://www.google.com/"><img src="images/logo.png" /></a>

how can i remove the linked image outline.

i am waiting for yours reply. If do you have the solutions send me your reply this id vjn_23@yahoo.co.in

Vijayan M

How do you do an Outline that expands when u click a item?

it would look something like this

-Chapter 1
-Chapter 2
-Chapter 3

and then when you click on... lets say Chapter 1 it will expand into

-Chapter 1
-Chapter 2
-subsection
-Chapter 3

Thanks!

Hi everybody! I'm new to the community, and I need a little help. ^.^
General Version:
I am making a form and I want the submit button the be grayed out until you tick the "I agree to the ToS" Checkbox, but I also want to make sure that it turns grayed out again once you un-check it again.
My Specific Version:
Here is my site I will use it for: http://www.projectflyffinnovation.com/php.
Currently I am using some Javascript to make the link un-gray it, but I want to remove the link and make the checkbox above it do what the link does, and will uncheck it when deselected
If you want the source I am using, just go to the site and click view source.

I would really appreciate some help! Thanks in advance!

Hello I'm new to doing websites but recently I have come to understand that particularly Internet Explorer has lots of issues! I realized this after a design that I had evolved mainly testing between Firefox and Safari just went retarded in Internet Explorer, and now I'm not sure what to expect. Can anyone outline the main issues that set IE apart? And whether there is a way to circumvent them? Because for everything I've tried so far Firefox Safari and Omniweb all behave predictably and relatively the same.

Thanks-
Frustrated Fishpaws