Skip navigation
shandryn.e
Currently Being Moderated

HELP! Please :) my website looks different in different browsers. Link boxes are showing in IE!!

Mar 21, 2013 10:02 PM

Please help me!  I'm pretty new to web design.  Built this website from scratch - designed in photoshop and put together in dreamweaver.  I launched the site and it looks great in safari, but had a friend look at it with explorer and the blue link boxes (the one that lets you know you have something linked in dreamweaver) are showing up on the interent explorer browser and I can only assume there are issues in other browsers as well.  Please help if you can.  Here is a link to my website:   www.shandryntrumble.com  Thanks

 
Replies
  • Currently Being Moderated
    Mar 21, 2013 10:14 PM   in reply to shandryn.e

    shandryn.e,

     

    I just fixed this with mine yesterday, you need a style:

     

    a img{

    border: none;

    }

     

    You can put this in the top of your HTML page so that it applies to your entire page/template.

     

    Hope this helped.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 21, 2013 10:28 PM   in reply to shandryn.e

    Shandryn,

     

             You create a class like this

     

     

                .imagedecor

                {

                    border:none;

                 }

     

        in the top of your page and call the class inside the image tag(particularly inside the menu images)

     

       <img  class="imagedecor" src="images/HOME-TOP.png" width="69" height="47" alt="">

     

    Try this.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 22, 2013 10:13 AM   in reply to shandryn.e

    Bad information.  You don't need a class for this.  Simply add the following CSS code to your style sheet.  An external style sheet is preferred but it if you don't have one yet, add this code to the CSS inside the <style> tags of your HTML document.

     

    /**remove borders from all linked images**/

    a img {border:none}

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 22, 2013 10:56 AM   in reply to shandryn.e

    HTML = content

    CSS = styles

     

    HTML will contain hooks (aka selectors) which your CSS styles can grab onto.

     

    As a quick example.  Consider this CSS code.

     

         body {

              font-family:Arial, helvetica, sans-serif;

              font-size: 100%;

         }

     

    This style will see the <body> tag in your document(s) and apply that font-family and font-size to everything inside it.

     

    Another quick example with re-usable CSS classes:

     

    CSS:

         .center {text-align:center}

         .right {text-align:right}

         .justify {text-align:justify}

     

    HTML:

         <p>This is a normal paragraph.</p>

         <p class="center">This paragraph is centered.</p>

         <p class="right">This paragraph is aligned right</p>

         <p class="justify">This paragraph is justified.</p>

     

    The main advantage in using an external style sheet for your site wide styles is that everything is in one place.  It's much easier to make style changes to one file instead of many.

     

    Linking HTML Pages to an External CSS File in DW.

    http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 22, 2013 11:19 PM   in reply to Nancy O.

    Sorry,

    I have tried using that class and it worked.Anyway Shandryn can follow that.

     
    |
    Mark as:
  • Currently Being Moderated
    Mar 23, 2013 6:19 AM   in reply to Roopavathy

    The class will work. But it requires that you apply that class to EACH such image on the page (extra work for you, and potentially lots of extra code on the page). Nancy's recommended rule does not require that you do anything other than to define the rule. It automatically applies to all images that are within an anchor. It's the best way to do this.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points