Results 1 to 5 of 5

Thread: Link formatting not working

  1. #1
    Join Date
    Mar 2007
    Posts
    113
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Link formatting not working

    Okay, so I made an image map because if I did the images individually the text wasn't aligned just right. Now the problem I'm having is that even though I told it not to, it boxes the image with blue like the internet's defaults.

    My formating is as follows

    HTML Code:
    a:link{ 
    	text-decoration: none; 
    	color: #000000;
            background-color: #000000; }
    
    a:visited{ 
    	text-decoration: none; 
    	color: #000000;
            background-color: #000000; }
    
    a:hover{ 
    	text-decoration: none; 
    	color: #000000; 
            background-color: #000000; }
    
    a:active{ 
    	text-decoration: none; 
    	color: #000000;
            background-color: #000000; }
    And my code in my HTML document is this

    HTML Code:
    <img src="navigation.PNG" 
    width="800" height="40" 
    usemap="#navmap">
    
    <map id="navtmap" name="navmap">
    
    <area shape="rect" 
    coords="0,0,100,40" 
    alt="Home"
    href="http://cyanideperfection.net/index.php">
    
    <area shape="rect" 
    coords="100,0,230,40" 
    alt="Visitor"
    href="http://cyanideperfection.net/visitor/index.php">
    
    <area shape="rect" 
    coords="240,0,350,40" 
    alt="Forum"
    href="http://forum.cyanideperfection.net">
    
    <area shape="rect" 
    coords="370,0,470,40" 
    alt="Photo"
    href="http://cyanideperfection.net/pixelpost/index.php">
    
    <area shape="rect" 
    coords="490,0,650,40" 
    alt="Contact"
    href="http://cyanideperfection.net/contact.php">
    
    <area shape="rect" 
    coords="660,0,800,40" 
    alt="Support"
    href="http://cyanideperfection.net/support/index.php">
    
    </map>

  2. #2
    Join Date
    Sep 2005
    Location
    India
    Posts
    1,627
    Thanks
    6
    Thanked 107 Times in 107 Posts

    Default

    Replace the <img> tag in your posted code with the below mentioned one

    Code:
    <img src="navigation.PNG" 
    width="800" height="40" 
    usemap="#navmap" border="0">

  3. #3
    Join Date
    May 2006
    Location
    Sydney, Australia - Near the coast.
    Posts
    1,995
    Thanks
    0
    Thanked 8 Times in 7 Posts

    Default

    I'm pretty sure that border="0" is deprecated. Use this instead of border="0":

    Code:
    style="border:0;"
    Peter - alotofstuffhere[dot]com - Email Me - Donate via PayPal - Got spare hardware? Donate 'em to me :) Just send me a PM.
    Currently: enjoying the early holidays :)
    Read before posting: FAQ | What you CAN'T do with JavaScript | Form Rules | Thread Title Naming Guide

  4. #4
    Join Date
    Sep 2005
    Location
    India
    Posts
    1,627
    Thanks
    6
    Thanked 107 Times in 107 Posts

    Default

    Quote Originally Posted by tech_support View Post
    I'm pretty sure that border="0" is deprecated. Use this instead of border="0":

    Code:
    style="border:0;"
    You are correct the border attribute is deprecated in favor of CSS. So whoever wants to specify the border attribute on a <img> tag can either go for an inline style like the following

    Code:
    style="border:0;"
    or

    Can have an entry like the following in their CSS file or <style> section

    Code:
    img {border:0;}
    Thanks tech_support for the correction

  5. #5
    Join Date
    Mar 2007
    Posts
    113
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the help guys. That solved it!

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
  •