|
HTML - Firefox Pink Outline For Nofollow Tags
I'm sure a lot of you know about the css hack for FF to show nofollow links on a page. I have a question about it. On my site I have some links with two "rel" tags, one of which is a nofollow tag. For some reason the firefox doesn't show the nofollow tag.
Does anyone know anything about this? It is ok to have two rel tags? I want to know that my nofollow links are working! Similar TutorialsI have a set of images on my webpage in a grid that are links to other pages. ON safari these images apear 'normal', but on firefox they have a grey outline them, it's something to do with them being links but i'm not sure how to sort it out. Any ideas? Thanks Dyfrig I have a set of images on my webpage in a grid that are links to other pages. ON safari these images apear 'normal', but on firefox they have a grey outline them, it's something to do with them being links but i'm not sure how to sort it out. Any ideas? Thanks Dyfrig Website - http://www.jakobmetzger.com/misc/sites/kindlingeffects/ CSS - http://www.jakobmetzger.com/misc/sit...stylesheet.css The CSS that is related to the rollover images in under /*-- Features Rollover Image--*/ Whenever someone clicks one of the features on that page in firefox it leaves a grey box around it. Is there a way I can remove that box or somethign I can do to hide it? Hello. Always when I am writing a link on my website I writes: <a href="Tune Up 2010 serial.txt">Tune Up 2010 serial</a> But then the link is blue and if I have been at the link before it is pink. Can I use another code to get links being black? (or NOT PINK) tx Hi there, I would like to recreate the image alt tag from ie in firefox.... well actually to be more specific create text to appear like that, when mouse over an image thats a button for a magnifyer. I expect its really simple, Ive been browsing the web for an answer but expect its too simple to be listed. Can someone give me the html code? can I slot it into the code below? <td height="547" colspan="3"> <div><a href="bic-vbig3.jpg" class="MagicMagnify" rel="disableAutoStart:true; size:200px;"><img src="images/paint/bic-big2.jpg" border="0"/></a></div></td> thankyou from a newbiee Hello Guys I have serious problem.. There are some blogs who are not accepting only nofollow links..and i wanted to use dofollow in this... Tell me how can i remove nofollow from that links... and put dofollow....? Below are the example of coding which i am using.. <a rel="dofollow" href="example url">example text</a> If i will submit this it automatically takes "nofollow".. and i am fed up with this nofollow as i require only dofollow.... Tell me what coding i need to use in this.. Regards John Hi I would like to link dynastycars.com with my website, but i want to make it a no follow link. How do i do this? What is the code to add to the link to make it a nofollow link for google. Thanks for help! I just started my site and I been reading lots of forums on how everything works. I am still a noob at HTML. I have basic understanding but not enough. Now I been reading that having a Home link on your navbar that is a follow link it can cost you in the long run. So I was wondering if someone can take a look at this code and set the Home Link as no follow or tell me how. Or if its already set to no follow let me know. HTML Code: <style type="text/css">
div.menubar{
color :#000000;
background-color :#000000;
width :100%;
padding :5px }
a.menu{
width :100px;
text-align : center;
font-family: Verdana;
font-style : normal ;
font-size : 9pt;
font-weight :bold;
color : #5CB3FF;
text-decoration : none;
background-color :#153E7E;
padding :3px;
border-style : outset ;border-color :#153E7E; ;border-width : largest }
a.menu:hover{
color :#153E7E;
background-color :#5CB3FF;
border-style :inset ;border-color :#153E7E;border-width :medium }
</style>
<div class="menubar">
<a class="menu" href="http://www.matrixanime.net">Home</a>
<a class="menu"
href="http://www.matrixanime.net/p/dubbed-anime.html">Dub Anime</a>
<a class="menu"
href="http://www.matrixanime.net/p/subbed-anime.html">Sub Anime</a>
<a class="menu"
href="http://www.matrixanime.net/p/games.html">Games</a>
<a class="menu"
href="http://matrixfanfic.blogspot.com/">Fan Fic</a>
<a class="menu" href="http://thematrixanime.proboards.com">Forum</a>
<a class="menu"
href="http://www.matrixanime.net/p/contact.html">Contact</a></div>
If I have the following code: <a href='page.html'><font color='green'>a link</font></a> The text link shows up as all green in Internet Explorer (good), however in Firefox the UNDERLINE color is NOT green, and it should be!! The underline color shows up different to the colors of the lettering. Does anyone know how to get around this? Thank you 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 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 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"/>     </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; } 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 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 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 I have a problem that is driving me crazy. I am not an expert by any means with html, but I can usually figure these things out, and this one has stumped me. For my site, I have an .png image that is an outline for what I want my advertisement to be located within. Below is the banner: location: Code: http://www.topsocomsites.com/skins/darktheme/ad-outline.png How do I use HTML to insert my javascript ad code that displays my banners to be located in the empty space of the above outline? Thanks in advance for your help! i'm looking for a cheap way out of making collapse/expand code. i've learned a lot of 'ghetto' techniques n thought mayb i can use something similar to the html tricks i've learned in the past. the theory i have is.. i use the title of the collapse/expand text as a link to the text below it to open and close by using the navigating tags: Code: <a name="content">opening/closing text here</a> and the title above the content: Code: <a href="#content">Title</a> to open the area of text. now my idea of a shortcut around the whole css/html/javacript combo is to make the text below it use a Code: <font size=0>content</font> at default and have the href title link change the font size to the default 9pt but I don't know if that's even possible. Is it possible with the Code: <div> tags? and if so, using that, would i still b able to make a link like that? Is it possible to trigger the action of a form with a submit button that's outside the form tags? If so, how should this example be rescripted to make the input tag work outside the form tags? [/code] <html> <body> <form name="input" action="html_form_action.asp" method="get"> First name: <input type="text" name="FirstName" value="Mickey" /><br /> Last name: <input type="text" name="LastName" value="Mouse" /><br /> <input type="submit" value="Submit" /> </form> </body> </html> [/code] Hi I'm currenty learning how to use div tags I was wondering if anyone had any resources on the attributes of the div tag, havent came across anything that relates to the code i am currently working on. HTML Code: <div style = "z-index:2;left:40px;top:100px;position:absolute;color:red;text:white;font-size:30pt;border:groove">
<p> Division 1 </p>
</div>
<div style = "z-index:2;left:00px;top:250px;position:absolute;color:red;text:white;font-size:30pt;border:groove">
</div>
Does div tags generally just handle borders or can u fill a division with colour as in make a rectangle or whatever? Heres some code i have been presented by my lecturer, I can read the attributes well i think but if someone could explain it i would be greatfull just to check my understanding Thanks CW First post on here, but I'm not really new to HTML. I just have a problem with the placing of a picture on a page. My website is www.fcumania.co.uk, which was created mainly with the use of a website designer - though these days I just edit it through Notepad. I have a problem whereby I need to add a small picture in the box where the crude "Hi-Resolution pictures" form is located. I can't seem to be able to edit the code, and the div tags in order to do this. I know it has something to do with the CSS, and so presuming you can view the source code on the main site, the CSS files are located he www.fcumania.co.uk/index_p.css www.fcumania.co.uk/index_g.css I'm sure all of you on here will be able to resolve this, and TIA if you can. Alastair. |
|||||||