rollover with iframe, trying to keep rollover up afterclicking it |
rollover with iframe, trying to keep rollover up afterclicking it |
milzner |
Nov 7 2006, 01:19 PM
Post
#1
|
Group: Members Posts: 2 Joined: 7-November 06 Member No.: 735 |
Hi everybody!
Was wondering if anyone can help me? I have a little problem with keeping a roller over (mouse up, mouse over ..swap image) up so that the change of color on image link stays a different color when having a certain page viewable in the floating window. click on ICT services -- how to keep this link dark pink? http://www.duosin.com/intelium/ thank u kindly ~ m |
JamieHarrop |
Nov 7 2006, 04:49 PM
Post
#2
|
Advanced Member Group: WDG Moderators Posts: 129 Joined: 25-October 06 From: West Yorkshire, UK Member No.: 570 |
Pandy is correct. You can do this very easily with CSS.
Use a list to display the links and set the hover status. See the horizontal list examples at http://css.maxdesign.com.au/listamatic/ for some help with this. Then add conditions in the CSS to apply the pink background colour to the list item when a certain page ID is used. For example: Add an id to each body tag of all your pages. So the <body> tag in your consulting page would be <body id="ConsultingPage"> Then add an ID to each of your list items in the menu, so your link for the consulting button would look like this: <li><a href="about.php" id="ConsultingLink">Consulting</a></li> Then in your CSS, use something like this: #ConsultingPage #ConsultingLink { background: #5B97D0; color: #FFF; } That will set the link with the ConsultingLink id to whatever background colour and font colour you like *only* when the link is viewed on the page with the #ConsultingPage ID in <body> I hope that helps. If you haven't solved it by tomorrow I'll whip up a working example for you. As Pandy says, it would be wise to remove the iframes. You can include portions of code easier using PHP or SSI includes. This post has been edited by JamieHarrop: Nov 7 2006, 04:50 PM |
Lo-Fi Version | Time is now: 26th April 2024 - 11:35 AM |