www.webdeveloper.com
Results 1 to 7 of 7

Thread: This doesn't work on Mozilla

  1. #1
    Join Date
    Jun 2003
    Posts
    445

    This doesn't work on Mozilla

    Can anyone guide me to fix the wrong display for the text in the DIV, on Mozilla? It works on IE, but not on Mozilla. Thanks.
    HTML:
    HTML Code:
    <div style="position:absolute; left:325px; top:9px; width:200px; height:15px; text-align: left;">
    <a href="map.html" class="Map" target="_self">Test</a>
    </div>
    CSS:
    PHP Code:
    .Map:link, .Map:visited, .Map:active, {
    font-familyVerdanasans-serif;
    color#993300;
    font-size7pt;
    letter-spacing0px;
    text-decorationnone;
    }
    .
    Map:hover {
    color#FF6600;
    text-decorationunderline;
    background-color#3d332e;


  2. #2
    Join Date
    May 2005
    Posts
    2,040

  3. #3
    Join Date
    Jun 2003
    Posts
    445

    Yes

    Thank you.

  4. #4
    Join Date
    Dec 2002
    Location
    Seattle, WA
    Posts
    1,843
    the link pseudo selectors must be in thsi order:
    :link
    :visited
    :hover
    :active

    you should add :focus to that also as mozilla ignores :active

    example
    Code:
    a:link,
    a:visited {
        /* ... */
    }
    a:hover,
    a:active,
    a:focus {
        /* ... */
    }

  5. #5
    Join Date
    Jun 2003
    Posts
    445

    ok

    I'll add focus as well. Can I write:
    PHP Code:
    .Map:link, .Map:visited, .Map:active, .Map:focus {
    font-familyVerdanasans-serif;
    color#993300;
    font-size7pt;
    letter-spacing0px;
    text-decorationnone;
    }
    .
    Map:hover {
    color#FF6600;
    text-decorationunderline;
    background-color#3d332e;

    or does it have to be, this longer repetitive way (by following :link :visited :hover :active :focus):
    PHP Code:
    .Map:link, .Map:visited {
    font-familyVerdanasans-serif;
    color#993300;
    font-size7pt;
    letter-spacing0px;
    text-decorationnone;
    }
    .
    Map:hover {
    color#FF6600;
    text-decorationunderline;
    background-color#3d332e;
    }
    .
    Map:active, .Map:focus {
    font-familyVerdanasans-serif;
    color#993300;
    font-size7pt;
    letter-spacing0px;
    text-decorationnone;


  6. #6
    Join Date
    Dec 2002
    Location
    Seattle, WA
    Posts
    1,843
    you can shorten it like this
    Code:
    .Map {
    	background: transparent;
    	color: #930;
    	font-family: Verdana, sans-serif;
    	font-size: 7pt;
    	text-decoration: none;
    }
    .Map:link,
    .Map:visited {
    	background: transparent;
    	color: #930;
    }
    .Map:hover {
    	background: #3D332E;
    	color: #F60;
    	text-decoration: underline;
    }
    .Map:active,
    .Map:focus {
    	background: transparent;
    	color: #930;
    }

  7. #7
    Join Date
    Jun 2003
    Posts
    445
    Thanks.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles