Css link hover color not applied to last letter in safari

Im only seeing this in safari. Here is my site:
http://smartpeopletalkfast.co.uk/oo2/
If I click on the contact page its highlihgted as it should be. However if im not on the contact page and I hover over the contact link, the last bit of the 't' is not highlighted. How can I fix this?
Im assuming becuase its italic the last bit is outside of the div, and for some reason the hover color isnt shown. Ive tried applying both a:hover css aswell as li:hover a.
Thanks

I'm seeing it in FF 3.6.13 as well on the PC.
Validate your page either throuth DW or the W3C. For one thing, you've got div tags inside li tags. Don't split up your styling . . . add the italic styling to the main styline for the li tag.
If fixing the coding doesn't work, try adding some padding to the right of that container -- a couple of pixels ought to do it.

Similar Messages

Dynamic text link hover color change.

I have some dynamic text in Flash and I have a link with the text. Is there a way I can change the hover color without CSS? Here is my code.
thanks.
data=EASTERN CANADIAN DISTRICT <a href='mailto:[email protected]'>Mike Linnen</a> 905-430-0955 Cell: 905-409-7159

Disable the "Show border around text" option of your dynamic
text field.
Draw a rectangle with the color you want, & locate it
behind your dynamic text field.

Why is the background color not applied in one case?

Hi,
I'm using RH 7 and WebHelp.
I apply a TableHeading style to the first row of my tables. The TableHeading style is supposed to fill the cells of the first row with a background color of blue, and the text is in white. It works fine except for one table. I think TableHeading style was not applied in the Word document when I imported this topic. I tried to apply the TableHeading style to the first row, and it says it is applied in the HTML. But, the background blue does not fill the cells.
Here is what I am trying to achieve:
Here is my problem table:
I can see in the HTML that the background color is not present in the code. Here is the code for the example that is correct:
Chapter</td>
<td style="border-left: none; border-right: solid #000000 1.0px; border-top: solid #000000 1.0px; border-bottom: solid #000000 1.0px;
 width: 279.4pt; padding: 0in 5.4pt 0in 5.4pt; background-color: #003399;"
bgcolor=#003399 width=279.4pt>
Description</td></tr>
<tr><td style="x-cell-content-align: top; border-left: solid #000000 1.0px; border-right: solid #000000 1.0px; border-top: none;
 border-bottom: solid #000000 1.0px; width: 182.85pt; padding: 0in 5.4pt 0in 5.4pt;
 padding-left: 0px; padding-top: 0px; padding-right: 0px;
 padding-bottom: 0px;" valign=top width=182.9pt>
Here is the code for my problem table:
Activity</td>
<td style="border-left: none; border-right: solid #000000 1.0px; border-top: solid #000000 1.0px; border-bottom: solid #000000 1.0px;
 width: 168.0pt; padding: 0in 5.4pt 0in 5.4pt;" width=168pt>
Keyboard Shortcut</td></tr>
<tr style="x-cell-content-align: center;" valign=middle>
<td style="width: 374px; x-cell-content-align: top; border-left: solid #000000 1.0px; border-right: solid #000000 1.0px;
 border-top: none; border-bottom: solid #000000 1.0px; padding: 0in 5.4pt 0in 5.4pt;
 padding-left: 0px; padding-top: 0px; padding-right: 0px;
 padding-bottom: 0px;" valign=top width=374px>
Here is the code from the CSS:
p.TableHeading {
background-color: #003399;
punctuation-wrap: simple;
text-autospace: none;
font-size: 10.0pt;
font-weight: bold;
color: #ffffff;
font-family: Verdana, sans-serif;
margin-left: 3pt;
margin-right: 3.0pt;
line-height: 120%;
margin-top: 0pt;
margin-bottom: 0pt;
LI.p-TableHeading {
punctuation-wrap: simple;
text-autospace: none;
font-size: 10.0pt;
font-weight: bold;
color: #ffffff;
font-family: Verdana, sans-serif;
line-height: 120%;
Any suggestions?
Thanks,
Julie
I don't understand why the TableHeading style is not applying the background color for the one table. I'm guessing I could just add it to the code using the HTML editor. However, I wasn't sure if that was the best way to fix this problem or if I would create another problem.

Hi Willam,
Thanks for your answer, and I will go ahead and add the background color to the problem table.
However, I am still puzzled as to why the background color is applied to the cells in the other tables and not the problem table. I'm not sure what I did to cause the problem - how I applied the TableHeading to the table cell in one case and not the other. Any ideas how I can avoid this problem?
I will not use the Word documents going forward and will only make changes with the RH editor.
Thanks again,
Julie

Hover color not changing

http://www.jdcdemo.com/seark/test.html
I alledgedly set up the style for the links to change background color on the top menu. For some reason which I have not been able to plumb, that ain't happenin' Can someone who knows more that I tell me where I went astray?
Thanks,
Joe

lol, here is yoru selector for hover:
#nav1 li a:hover {
It's empty!
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

CSS background container color not "showing through" ?

Hi all-
I know this may be a basic CSS question but as I'm just now getting into doing it by hand, I'm looking more closely at how things work (or don't seem to) and can't figure this one out.
Here's the example:
http://www.turnerdesign.com/testsite/
and the css:
http://www.turnerdesign.com/testsite/test.css
I have #container as a green color, but it doesn't show in the gap to the right of #rightColumn.
I think it has something to do with the way floats work... uh... or something
Any help appreciated!
thanks,
Andrew

Wow, thanks guys.
Looks like I have some reading to do. Odd thing is, I don't see where the "overflow" is actually occurring. Maybe I'm misinterpreting the definition.
But I have to read it a few more times...
I'm trying to choose which one "solved" this!
thanks again,
Andrew

Hover style not applying on text

Hello,
I have created a manual menu (not the one that muse creates automatically) and tried to apply hyperlink styles to it.
Not working at all. I have done this before without issues. Would appreciate any help.
On the other hand I just wanted to ask if it is normal from adobe support chat to ask about sharing my screen.
I was chatting yesterday and was asked to do so, which I didn't. Was asking the same question, but chat suddenly was canceled
and didn't have any answer.
Thanks for any help,
Ignacio

Hi
First of all apologies for the inconvenience you faced on the chat.
To confirm you with the screen sharing option, our technical team members may seek for your permission to take control of the screen ( via adobe connect session) so that they my look into the issue you facing with the Adobe Muse application. In this case, we always recommend the customers to remain in front of the screen while the technical team member is working/investigating the issue.
Please note that due to security reasons none of the technical team member is authorized to take control of the screen without customer's permission or work in customer's absence.
Coming to the issue you have reported, Could you please elaborate the query in detail? Also please share the screenshot of the settings you have made for the menu along with the site URL , so that I may look into the issue.
Looking forward to your reply
Regards

.Xdefaults Xcursor.theme not applying since last update

I'm using Openbox. Since last system update about 10 days ago this is not working. To be more exact it is loaded, but inmediatelly unloaded and reverts to default cursor theme.
At work, I have Archlinux too, but I haven't updated yet, and this is working perfectly. I could post software versions, but I don't know what programs could be important for this situation.
Thanks in advance.
NeOnsKuLL

Hm, I use xcursor-neutral from the repos and I activate it only via .Xdefaults with this line
Xcursor*theme: Neutral
I name it "Neutral" because the folder is /usr/share/icons/Neutral, so just look, in which folder your theme is in and change it for yours.
That's all, my system is absolutely up to date incl [testing]
Last edited by Army (2009-06-17 16:17:15)

Layer Background color not support on AP Element

Hi I am new to dreamweaver. I just started learning how to
use it, and I can't figure out why when I am validating the
browser, I kept on getting a message that the layer background
color is not supported in the AP element. I looked at my code and
it seems fine. All I did was just insert the AP layer and I change
the background color. Is there something I am doing wrong?

Thank you. That's telling you that layer-background-color is
NOT supported
in those browsers (in fact, it's invalid HTML, being
supported only in IE5
and earlier). You should use CSS to specify colors, not the
Property
inspector, and you will avoid such traps. In fact, in CS3,
when you use the
Property inspector, the proper CSS is written in the
stylesheet for you.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"moonstar2005" <[email protected]> wrote in
message
news:ff315r$rvv$[email protected]..
> HI Murray,
>
> My code in the AP element:
>
> Layer-background-color: #ccccc
>
> The message I got when I compare the browser
compatibility is:
>
> "Unsupported property: layer-background-color
>
> Affects: firefox 1.5; internet explore 6.0, 7.0;
internet explore for mac
> 5.2,
> netscape 8.0; opera 8.0, 9.0 safari 2.0 "
>
>

CSS - Visited Link format won't apply

Hello,
The following is a column that I have in a table, and its cells are all hyperlinks that trigger some AJAX. The hyperlink works great. However, I would like the background color to turn white after the link has been clicked. It seems like this could be easily done with CSS, but it's not working as I would expect. Here is the code I have for the column:
print "<td class='ballot'>".''.'<a href="javascript:;" class="cell1" id="'.$row['id'].'">'.Vote.'</a>'.''."</td>";
I have the following CSS applied to the column:
table.navbar td a.cell1:link {
 color: #000;
 background-color: #A7E6FE;
 text-decoration: none;
 text-align: center;
 vertical-align:middle;
 height: 14px;
table.navbar td a.cell1:visited {
 color: #fff;
 background-color: #fff;
 text-decoration: none;
 text-align: center;
 vertical-align:middle;
 height: 14px;
.ballot { width: 40px;
a.ballot:visited {
 color: #FFFFFF;
 background-color: #FFFFFF;
I would expect this CSS to make the column turn white (color #FFFFFF) after its link has been clicked, but it's not happening. Any ideas why my CSS is not working?
Thanks in advance,
John

OK, below I listed the entire table, and all of the CSS that applies. The table has three columns, everything works great, but I want the background of the cells in third column to turn color #FFFFFF after they are clicked. I do not want the background of the cell in the first column to change color when it is clicked. Thanks.
if(mysql_num_rows($result)>0){
while($table=mysql_fetch_row($result)){
print "$table[0]\n";
$r=mysql_query("SELECT * , votes_up - votes_down AS effective_vote FROM `$table[0]` ORDER BY effective_vote DESC")
print "<table class=\"navbar\">\n";
while($row=mysql_fetch_array($r)){
$effective_vote = $row['votes_up'] - $row['votes_down'];
print "<tr>";
print "<td>".'<a href="http://'.$row['site'].'" class="links2">'.$row['site'].'</a>'."</td>";
print "<td class='votes'>".''.number_format($effective_vote).''."</td>";
print "<td class='ballot'>".''.'<a href="javascript:;" class="cell1" id="'.$row['id'].'">'.Vote.'</a>'.''."</td>";
print "</tr>\n";
print "</table>\n";
else{
print "None found";
CSS:
.topic
 width:500px;
 margin-left:250px;
 margin-top:30px;
 text-align: left;
 margin-bottom:3px;
 padding:0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 25px;
 font-weight: bold;
 color:#000000;
table.navbar {
 margin-left:250px;
 margin-top:30px;
 text-align: left;
 font-family: Arial, Helvetica, sans-serif ;
 font-weight: normal;
 font-size: 12px;
 color: #000000;
 width: 550px;
 background-color: #A7E6FE;
 border: 1px #FFFFFF;
 border-collapse: collapse;
 border-spacing: 4px;
 padding: 4px;
 text-decoration: none;
table.navbar td {
 border: 2px solid #fff;
 text-align: left;
 height: 20px
table.navbar td a{
 display: block;
 padding: 3px;
a.links2:link {
 color: #000000;
 text-decoration: none;
 text-align:left;
 margin-top:5px;
 margin-bottom:2px;
 margin-left:2px;
 padding:0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 width: 150px;
 height: 14px;
 vertical-align:middle;
a.links2:visited {
 color: #000000;
 text-decoration: none;
 text-align:left;
 margin-top:5px;
 margin-bottom:2px;
 margin-left:2px;
 padding:0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 width: 150px;
 height: 14px;
 vertical-align:middle;
a.links2:hover {
 color: #000000; text-decoration: underline;
 text-align:left;
 margin-top:5px;
 margin-bottom:2px;
 margin-left:2px;
 padding:0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 width: 150px;
 height: 14px;
 vertical-align:middle;
a.links2:active {
 color: #000000;
 text-align:left;
 margin-top:5px;
 margin-bottom:2px;
 margin-left:2px;
 padding:0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 width:150px;
 height: 14px;
 vertical-align:middle;
.votes { width: 125px;
.ballot { width: 40px;
a.ballot:visited {
 color: #FFFFFF;
 background-color: #FFFFFF;
table.navbar td a.cell1:link {
 color: #000;
 background-color: #A7E6FE;
 text-decoration: none;
 text-align: center;
 vertical-align:middle;
 height: 14px;
table.navbar td a.cell1:visited {
 color: #fff;
 background-color: #FFFFFF;
 text-decoration: none;
 text-align: center;
 vertical-align:middle;
 height: 14px;
table.navbar td a.cell1:hover, table.navbar td a.cell1:active {
 border: 0px solid #fff;
 color: #000;
 background-color: #00F0F0;
 text-decoration: none;
 text-align: center;
 height: 14px;

Spry Menu Bar link colors not consistent

I have a horizontal Spry menu bar set up with 4 items in it.
The first item is the Home link and does not have a submenu, but
the other 3 items do. What I want is when you roll over the main 4
items the text link color will be purple (#583399). When an item
has a submenu the rollover text link on the submenu links will be
green (#89b11a).
My current code almost works, but the problem I am having is
that the Home link
without the submenu changes to a green color instead of
purple like the other 3 main links. If I add a test submenu to the
Home link then it turns purple like the other links. How can I get
the Home link to change to purple like the others without having a
submenu attached to it?
Here is my html code that refers to the menu:
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html"
class="MenuBarItemSubmenu">HOME</a></li>
<li><a href="about.html"
class="MenuBarItemSubmenu">ABOUT</a>
<ul>
<li><a
href="services.html">services</a></li>
<li><a
href="bios.html">bios</a></li>
<li><a
href="news.html">news</a></li>
</ul>
</li>
<li><a href="work.html" class="MenuBarItemSubmenu"
>WORK</a>
<ul>
<li><a href="design.html">design</a>
</li>
<li><a
href="advertising.html">advertising</a></li>
<li><a href="casestudies.html">case
studies</a></li>
</ul>
</li>
<li><a href="contact.html"
class="MenuBarItemSubmenu">CONTACT</a>
<ul>
<li><a href="#">.</a></li>
<li><a
href="location.html">location</a></li>
<li><a
href="opportunities.html">opportunities</a></li>
</ul>
</li>
</ul>
Here is the Spry CSS code that pertains to the links:
/* Menu items are a light gray text with padding and no text
decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #666666;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
/* Menu items that have mouse over or focus have green text
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #89b11a;
/* Menu items that are open with submenus are set to
MenuBarItemHover with purple text */
ul.MenuBarHorizontal a.MenuBarItemHover,
color: #583399;
/* Menu items that are open with submenus are set to
MenuBarItemHover with purple text */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal a.MenuBarSubmenuVisible
color: #583399;
And
here
is a link to my test file so you can see what I am talking
about.
Thanks for any help and let me know if you need anything else
to help with it.

Anyone??

Why is my CSS style not applied to my HTMLB page ?

Hello !
I'm using a css file to define the layout of my htmlb page... but the layout is not applied.
When I specify the layout CSS in a common html page the layout is applied but not for an htmlb page.
Could someone let me know where I'm wrong ?
EG :
My htmlb page :
<%@page language="abap" %>
<%@extension name="htmlb" prefix="htmlb" %>
<htmlb:content>
<htmlb:page title=" " >
 <html>
 <head>
 <link href="style.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 text1
 <htmlb:form>
 text2
 </htmlb:form>
 </body>
 </html>
</htmlb:page>
</htmlb:content>
My css file style.css :
<%@page language="abap"%>
body {
 background-color: #990000;
 font-family: Verdana;
 font-size: 32x;
 line-height: 32px;
 color: #666666;
As a result, I have a blank page (and not red) with the text "text1" and "text2" written.

This code you have is unfortunately completely bogus. It is just not going to work. Writing HTMLB tags are easy. It takes but minutes to make the magic appear in the browser. But, you have also have to understand a little about what is happening.
At a very first, I would like to recommend this link: <a href="/people/brian.mckellar/blog/2004/06/11/bsp-trouble-shooting-getting-help">Getting Help</a>. You are specifically interested in the section that shows you how to get help about specific tags.
As a next step, look at the help for the <htmlb:page> tag. It is the first important one. See how it is a collection of other <htmlb:document*> tags.
Thereafter, look at SBSPEXT_HTMLB/document.BSP for an example on how to replace the <htmlb:page> sequence in your application.
Once this is done, place you "<link ...>" sequence directly after the <htmlb:headInclude> tag that you have now on your page.
Compile, test, assign 10 points.

Some CSS Links not displaying correctly

Hi folks,
I've been building a new site, but am having problems with some of the CSS links.
The normal links are working fine.
However, I've created a class that should display some of the links in bold - but it doesn't work!
This is the CSS:
.bold-larger a:link {
font-weight: bold;
color: #4E8AD2;
font-size: 16px;
.bold-larger a:visited {
font-weight: bold;
color: #4E8AD2;
font-size: 16px;
.bold-larger a:hover {
font-weight: bold;
color: #F47C01;
font-size: 16px;
text-decoration: none;
.bold-larger a:active {
font-weight: bold;
color: #4E8AD2;
font-size: 16px;
And this is the code as it appears on the page:
You can buy cool and interesting decorations and accessories from <a href="http://www.test.com">PartyBox</a>.
It doesn't display them in bold though!
The test page is here:
http://www.iainmoran.com/40/40th-birthday-gift-ideas.html
Any idea why this might not be working please? I'm sure it's very simple, but I can't seem to work what it is!
Many thanks,
Iain.

Thank you both so much for your quick replies!
I'm pleased to say the links are now working correctly, so no more tearing my hair out is required!
Thanks again,
Iain.

Visited link color not working

I have my pages set to "do not show color change" on a link
that has been visited, but it is defaulting to blue. I checked the
css on all my pages, and it looks right. Why could this be
happening?
Please visit a few pages then return to any of them to see
what I mean. Mouse over should be yellow, normal text grey.
http://ova-media.com/kcptest/index.html
Check the code in the css to verify....but here it is...
a:visited {text-decoration: none;}
Any assistance anyone can provide would be greatly
appreciated.

I know..I really overkilled there. D'oh!
"Murray *ACE*" <[email protected]> wrote
in message
news:fsji8s$k9c$[email protected]..
>> If it's still a problem, you can add the link color
to the visted rule:
>>
>> a:visited {
>> color : #999999;
>> text-decoration: none;
>> }
>>
>
> If that would be necessary, my earth would stop
spinning! 8)
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
> ==================
>
>
> "TC2112" <[email protected]> wrote in
message
> news:fsjgb9$i0h$[email protected]..
>> Hello,
>>
>> Your link order is incorrect.
>> Should be Link, Visited, Hover, Active. (LoVe HAte)
>>
>> Change to:
>>
>> a:link {
>> color: #999999;
>> text-decoration: none;
>> }
>> a:visited {
>> text-decoration: none;
>> }
>> a:hover {
>> color: #FFFF00;
>> text-decoration: none;
>> }
>> a:active {
>> text-decoration: none;
>> }
>>
>>
>>
>> If it's still a problem, you can add the link color
to the visted rule:
>>
>> a:visited {
>> color : #999999;
>> text-decoration: none;
>> }
>>
>> Take care,
>> Tim
>>
>

CSS link not working as it should...

Hi
i'm having problem getting my links to appear as I want them through CSS. Anythingg obvious in the code? thanks
<td> 
 <a href="accompaniments.html">Accompaniments</a> 
 
 </td>
.anchor-links {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 15px;
 font-weight: bold;
 color: #680800;
 text-align: center;
 a:link {color:green;}
a:visited {color:green;}
a:hover {color:red;}
a:active {color:yellow;}

Try this -
.anchor-links a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 15px;
 font-weight: bold;
 color: #680800;
 text-align: center;
a:link {color:green;}
a:visited {color:green;}
a:hover {color:red;}
a:active {color:yellow;}
or this (depending on how you want them to look) -
.anchor-links a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 15px;
 font-weight: bold;
 color: #680800;
 text-align: center;
.anchorlinks a:link {color:green;}
.anchorlinks a:visited {color:green;}
.anchorlinks a:hover {color:red;}
.anchorlinks a:active {color:yellow;}

CSS not applying to a page if navigated to from one other page in the site

Hi,
Quite new to dreamweaver. Built a site a few months ago and when updating the content I decided to update the style as well using the CSS sheet.
Strange problem occurring....
When you navigate to the Contact Us page directly via URL or any but one page in the site, the SCC applies and webpage displays well.
However, if you navigate to the Contact Us page form the About Us page then all styling is lost.
Below is my NavBar coding. I have compared it on all pages and it's the same. Can't work out why CSS not applying in this one specific instance.
<nav id="mainnav">
 <ul>
 <li><a href="index.html">Home</a></li>
 <li><a href="TheCollection.html">Collection</a></li>
 <li><a href="News.html">News</a></li>
 <li><a href="About.html" class="thispage">About Us</a></li>
 <li><a href="Contact.html">Contact Us</a></li>
 </ul>
 </nav>
Any advice appreciated and let me know if I can provide anything else that might help you to help me.
Thanks!
S

How many style sheets do you have for your entire site?
You should have boilerplate.css, your fluidGridLayout.css (whatever you named it) and one other custom css file for your content styles. All 3 style sheets should appear on every page. For site management reasons, I usually put my CSS files into a styles folder.
Sitename (C:\sitename)
index.html
about.html
contact.html
etc...
 -styles
 boilerplate.css
 layout.css
 custom.css
With that structure above, your links to external style sheets should look something like this on every page.
<link href="styles/boilerplate.cssview-source:http://www.theseasonhats.com/keysheet.css" rel="stylesheet" type="text/css">
<link href="styles/layout.css" rel="stylesheet" type="text/css">
<link href="styles/custom.css" rel="stylesheet" type="text/css">
Nancy O.

Css link hover color not applied to last letter in safari

Similar Messages

Maybe you are looking for