HTML - Changing Link Colors On Mouse Hover
How can I get certain links to change color when the mouse hovers over it? I found this site: http://www.computerhope.com/issues/ch000075.htm, that explains how to do it, but my situation is a little more complicated. I only want certain links to change color, not every link on the page. Specifically, I want only those links that are members of the class "menu_links" to change color.
I have something like this: Code: <styles> a.menu_links { ... ... ... } </styles> . . . <a class="menu_links" href...>...</a> How can I integrate the notation given in the link I provided (i.e. A:link, A:hover,...) with a class name? I tried things like: Code: <styles> a.menu_links:link {...} a.menu_links:hover {...} </styles> and Code: <styles> a:link.menu_links {...} a:hover.menu_links {...} </styles> but these didn't seem to work. Any suggestions? Similar TutorialsI was wondering if anyone knew how to change link colors in tables. I currently have a style sheet that controls all my link colors on the page, but I was hoping to have different ones for a certain table. If anyone has any suggestions on how this may be done I would greatly appreciate it. Thanks!! Hello, I am wanting to change these menu colors: http://police-explorers.com/swatservers/a/ Where it says Home, Ect. To a White. This is the menu code: Code: <ul id="menu"> <li class="first"><a href="index.html">Home</a></li> <li id="menu_active"><a href="Hosting.html">Hosting</a></li> <li><a href="Features.html">Domains</a></li> <li><a href="About.html">About</a></li> <li><a href="Support.html">Support</a></li> <li><a href="http://nitro-servers.com/clients/index.php?/clientarea/">Client Area</a></li> </ul> I have a multiselect dropdown in JSP/HTML. How can i add a mouse hover information...over those dropdown values.. Thanks! Hi All, I have a quick question. I have specified colors for my links, as well as for visited, active, and hover. The mailto links work fine but not the ones linking to a web site and a pdf file in my folder. They are permanently set to the "visited" color. Hover works for all of them. Anyone know why this is happeneing? Why are the links being treated differently? Thanks. Hi! How could we do that the links on any page of a website, be different colors? Lets say you have 10 links on your site, and make them 10 different colors. BUT, in simple HTML!? It can be done in CSS, i know, but in HTML? Is here somebody who knows this? HI, I want to assign a different link color to parts of the same page. It is a standard html page and I have the typical page properties to assign the colors. However, I need to have the link colors on one part a certain color (tan link color with green bkg) and another color in another section (tan link with green bkg) is their an html script to make this so? With page properties set at one of these colors, they dissapear into the background. Also, if you know of a script to not allow visitors to copy things of a web page will be most helpful to me as well. Thanks in advance. Dawnrazor Does anyone know if there is an HTML code, were when you click at a certain point on the screen, it is a link to another document? I have a website that I'm using as a test project of sorts. The link is he http://www.RyanzLair.com/OnTheFarm/index.html What I'm wanting to do is, when the user clicks on one of the thumbnails, for there to be a dynamic text box above the image in the main window that will also change depending on the picture. Basically I'm wanting to caption my photos. Right now I'm using a php script to load the pictures into the main window (so I don't have to create a separate page for each image). I'm new to all of this, so I don't know if you need me to copy and paste any code or what not, but I can get whatever you require to help out. Thanks! How can I get rid of the jumping of page when I hover over the "I'm stopping global..." image here http://ranabtawi.com/index.htm Thanks Hello, I know if I want to direct my page to a new document all I have to do is enter this in the HTML code: <a href="http://www.hotmail.com">New link</a> But what if I wanted instead of click on the New link simply hover on top of it and directs me to www.hotmail.com. How do I do that? Hello im new here but I need a code for html how to hide the following : when i make a link in my site like this google when u hold ur mouse on "google" u see in the left corner of your browser www.how-to-hide-this.com well is there any html code so i can keep the adresslink go to www.how-to-hide-this.com but when u keep ur mouse on google , u see in the left corner www.google.com and when u click it goes to www.how-to-hide-this.com? THe site's used in this post where example site's Hi, I am a bit of a beginner with HTML, so I was wondering if someone could point me in the right direction before I end up destroying our site ; ) There is a few links that I need to change the names of (for SEO reasons mainly) but don't know how to get the rest of the website to find the new link names without going through every single page and updating individually. For example: http://www.polarflamemusic.com/trumpet-lessons.html This used to be a page for teaching trumpet, but now it is for a choir. I want this button on our site to point to http://www.polarflamemusic.com/edinburgh-choir.html but I can't seem to figure out how to do this in Dreamweaver without the hours of going through every last page. Can any one offer advice? I'd be very grateful. Thanks : ) Hi, I would like to know how I can change the gover colour of a specific link by coding the anchor tag of the link? Here's my site: Click What I want to do is change the hover colour for the Home tag. Thanks, DarkArcher Hello, I'm not sure where else to turn with this question, so I apologize if it's not forum-related. I need to add a link to an HTML doc that would open that same page in a new "printer-friendly" pop-up window. The problem is that the address of that page would always be different because it is being generated on the fly by users doing a search through our database of keyworded photos. An example of this address would be: http://ourwebaddress/netpub/server.n...here&template= results.np&field=Keywords&op=matches&value=Dallas&value=brownstone&field2=Keywords&op2= matches&search=View+Your+Search+Results This address shows images based on my search for "Dallas" and "brownstone," and because this address would change with every new search it's useless as a permanent link. Is there an HREF link command (or perhaps something else) that would simply open the existing page in a new window, no matter what the page's current HTTP address is? Any insight with this would be very appreciated! Many Thanks! Hi all, I am wondering if anyone know how to have a link, once clicked, open a popup window WHILE also changing the page in the existing window. I know how to code them separately, but I do not know how to combine the two actions. HTML Code: <A HREF="javascript:popUp('popup.html')">link name</A> My site currently uses the above code to open popup windows. Any help would be much appreciated, David the title makes it sounds really confusing. Ok im making my first website, and i need help with a code, (as you can see on www.dalekblaster.co.uk) i have got a section at the top where the images change from one to another. The code is - HTML Code: // Set slideShowSpeed (milliseconds) var slideShowSpeed = 5000; // Duration of crossfade (seconds) var crossFadeDuration = 5; // Specify the image files var Pic = new Array(); // to add more images, just continue // the pattern, adding to the array below Pic[0] = 'http://www.dalekblaster.co.uk/images/banner/dalekblasternexttime.jpg' Pic[1] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster2.jpg' Pic[2] = 'http://www.dalekblaster.co.uk/images/banner/dalekblastersjanexttime.jpg' Pic[3] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster.jpg' // do not edit anything below this line var t; var j = 0; var p = Pic.length; var preLoad = new Array(); for (i = 0; i < p; i++) { preLoad[i] = new Image(); preLoad[i].src = Pic[i]; } function runSlideShow() { if (document.all) { document.images.SlideShow.style.filter="blendTrans(duration=2)"; document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"; document.images.SlideShow.filters.blendTrans.Apply(); } document.images.SlideShow.src = preLoad[j].src; if (document.all) { document.images.SlideShow.filters.blendTrans.Play(); } j = j + 1; if (j > (p - 1)) j = 0; t = setTimeout('runSlideShow()', slideShowSpeed); Now i need help because, i want to link each picture on the slideshow to a differnet page or external site, but im not sure how. (but so they can go to different pages not the same one) can anyone help me? Hi all, I have a colour and I want to convert it to a hex color, how can I do this? Hue 138 Sat 47 Lum 201 Red 206 Green 215 Blue 222 Thanks I'm not sure where exactly to put this, but I'm trying to figure out if there is a way to make it in... I'm not sure what, the code itself is HTML, but make it so that if it detects a certain string of text it adds something... such as if there was Code: bgcolor="333333" It would change it to (by detecting the ...bgcolor="... part of it) bgcolor="#333333" I am creating a web page which has a few frames. My question is. Is it possible to have one of the frames have a different background color? Here is the particular code for the frame which I would like to have a white background for. Thank you HTML Code: <tr> <td valign="top" style="width: 242px" class="style2"> <!-- MSCellType="NavBody" --> <br> <br> <span class="style8">MY TEXT GOES HERE </td> <td valign="top" style="height: 424px; width: 1157px" class="style1"> <!-- MSCellType="ContentBody" --> <br> <br> <img alt="" src="Verse%20A%20Style1.jpg" width="400" height="296"><br> <br> <br> <br> <span class="style8">Contest rules:<br> <br> <br> Quick E-mail link: </span> <head> <style type="text/css"> .style1 { text-align: center; } .style2 { text-align: center; } .style3 { font-size: xx-large; } .style4 { font-size: x-large; } .style5 { font-size: large; } .style6 { text-decoration: underline; } .style7 { font-size: small; } .style8 { color: #FFFFFF; } .style9 { text-decoration: underline; color: #FFFFFF; } </style> </head> Hi, I should really know this... I know it's possible to create a CSS page to tell the printer to print certain content in certain colors, but you know how you have to set the browser to print bg page colors prior to printing? Is it possible with this CSS page to have the printer automatically print the background without setting the browser parameters? Thanks |