SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member AKR44's Avatar
    Join Date
    Jun 2003
    Location
    Alaska
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    trouble with css for links in dreamweaver mx

    hey, i've set my link colors and size with css, but when i preview in browser, it appears black (it should be white) and the wrong size.

    here's the code for the style sheet:

    a:link {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;
    text-decoration: none;
    }
    a:visited {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #333333;
    text-decoration: none;
    }
    a:hover {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    }
    a:active {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #00FF00;
    text-decoration: none;

    }


    and here's the code for the page:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Bake Me into Your Pah! - Contact us</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="/CSS/basicstyles.css" rel="stylesheet" type="text/css">
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_reloadPage(init) { //reloads the window if Nav4 resized
    if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
    else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
    </script>
    </head>

    <body background="/web%20designs/olive%20background.png" text="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <div id="Layer9" style="position:absolute; left:0px; top:600px; width:466px; height:56px; z-index:20"><img src="web designs/border bottom.png" width="729" height="48"></div>
    <!-- #BeginLibraryItem "/Library/barbed grn top.lbi" -->
    <div id="Layer2" style="position:absolute; width:687px; height:32px; z-index:3; left: -2px; top: -2px;"><img src="/web%20designs/barbed%20%20top%20with%20dark%20green%20streaked.png" width="780" height="49"></div><!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/barbed grn top left.lbi" --><div id="Layer5" style="position:absolute; left:-2px; top:46px; width:45px; height:74px; z-index:5"><img src="/web%20designs/top%20left%20streaked.png" width="45" height="74" /></div><!-- #EndLibraryItem -->
    <!-- #BeginLibraryItem "/Library/barbed grn bottom left menu.lbi" --><div id="Layer12" style="position:absolute; left:0px; top:405px; width:126px; height:75px; z-index:14"><img src="/web%20designs/bottom%20border%20of%20left%20menu.png" width="126" height="75" /></div><!-- #EndLibraryItem -->
    <!-- #BeginLibraryItem "/Library/barbed grn top left.lbi" --><div id="Layer5" style="position:absolute; left:-2px; top:46px; width:45px; height:74px; z-index:5"><img src="/web%20designs/top%20left%20streaked.png" width="45" height="74" /></div><!-- #EndLibraryItem -->
    <!-- #BeginLibraryItem "/Library/left menu contents.lbi" -->
    <link href="/CSS/basicstyles.css" rel="stylesheet" type="text/css">
    <div id="Layer8" style="position:absolute; left:28px; top:175px; width:1px; height:136px; z-index:10">
    <table width="56" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="73"><strong>Home</strong></td>
    </tr>
    <tr>
    <td><a href="/contact.htm" title="Contact">Contact</a></td>
    </tr>
    <tr>
    <td><strong>FAQ</strong></td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    </tr>
    </table>
    </div><!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/logo left corner.lbi" --><div id="Layer14" style="position:absolute; left:20px; top:22px; width:88px; height:85px; z-index:8"><img src="/web%20designs/logo%20over%20barbed.png" width="88" height="85" /></div><!-- #EndLibraryItem -->
    <!-- #BeginLibraryItem "/Library/top menu contents .lbi" --><div id="Layer1" style="position:absolute; width:623px; height:151px; z-index:16; left: 120px; top: 28px;">
    <table width="100%" height="75%" border="0" cellpadding="0" cellspacing="0">
    <tr valign="top">
    <td width="19%" height="22" nowrap="nowrap"><font size="4">Barbells/font></td>
    <td width="31%"><font size="4">Captive Bead Rings/font></td>
    <td width="23%"><font size="4">Various/font></td>
    <td width="27%"><font size="4">Piercing Information/font></td>
    </tr>
    <tr>
    <td height="20"><strong>Circular</strong></td>
    <td><strong>Stainless Steel</strong></td>
    <td><strong>Plugs</strong></td>
    <td><strong>Articles</strong></td>
    </tr>
    <tr>
    <td height="19"><strong>Curved</strong></td>
    <td><strong>Titanium </strong></td>
    <td><strong>Tunnels</strong></td>
    <td><strong>Links</strong></td>
    </tr>
    <tr>
    <td height="19"><strong>Straight</strong></td>
    <td><strong>Unique</strong></td>
    <td><strong>Nipple Shields</strong></td>
    <td><strong>Jewelry Care</strong></td>
    </tr>
    <tr>
    <td height="19"><strong>Spiral</strong></td>
    <td valign="top"><strong>Jewelled</strong></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    <tr valign="top">
    <td height="19"><strong>Slave</strong></td>
    <td align="left"><strong>Acrilic</strong></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    </table>
    <p>&nbsp;</p>
    </div><!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/barbed grn bottom+verts.lbi" --><div id="Layer4" style="position:absolute; width:779px; height:102px; z-index:7; left: 0px; top: 120px;">
    <div id="Layer5" style="position:absolute; left:-2px; top:-74px; width:51px; height:90px; z-index:5"><img src="/web%20designs/barbed%20top%20left%20streaked.png" width="45" height="74"></div>
    <div id="Layer7" style="position:absolute; width:39px; height:217px; z-index:3; left: 0px; top: 70px;"><img src="/web%20designs/barbed%20vertical%20left%20dark%20green%20streaked.png" width="39" height="217"></div>
    <div id="Layer6" style="position:absolute; width:58px; height:217px; z-index:1; left: 71px; top: 70px;"><img src="/web%20designs/barbed%20vertical%20right%20dark%20green%20streaked.png" width="58" height="217"></div>
    <img src="/web%20designs/barbed%20bottom%20with%20dark%20green%20streaked.png" width="778" height="70"></div>
    <!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/barbed grn top right.lbi" -->
    <div id="Layer3" style="position:absolute; left:744px; top:39px; width:31px; height:81px; z-index:17"><img src="/web%20designs/barbed%20top%20right%20with%20dark%20green%20streaked.png" width="34" height="81"></div><!-- #EndLibraryItem -->
    </body>
    </html>


    thanks in advance for any help. -Reuben

  2. #2
    SitePoint Enthusiast kermit's Avatar
    Join Date
    Dec 2002
    Location
    St. Gallen Switzerland
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hi, i tried this and it worked

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    a:link {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;
    text-decoration: none;
    }
    a:visited {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #333333;
    text-decoration: none;
    }
    a:hover {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    }
    a:active {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #00FF00;
    text-decoration: none;

    }
    </style>
    </head>

    <body bgcolor="#666666">
    <a href="#">dfasdfdsfsafasd </a>
    </body>
    </html>

    So it should work.
    cheers
    kermit
    I propose that the following
    character sequence for joke markers:
    :-)
    19-Sep-82 11:44 Scott E Fahlman


Bookmarks

Posting Permissions

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