Announcement

Collapse
No announcement yet.

Overiding the deault text LINK format.....

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Overiding the deault text LINK format.....

    For some reason i get the attached photo of a set of page links I created, where the font size is not being controlled by <font size="1">. I think its because they are links, and default to something else ?

    What is the default font format for links and how can i change it ?

    See my attachment ?

    Simon.
    Attached Files
    esafetysigns.co.uk
    your instant download portal for self printable health and safety signs and posters
    ... download once use as many times as you like !


    http://www.esafetysigns.co.uk/index.html
    http://www.esafetysigns.co.uk/acatalog/index.html

    #2
    Your links will be controlled by the actinic.css style sheet. Because your <FONT> tags are placed around the link, any rules applied in the style sheet will take preference. In Advanced > Template Manager > Misc to go CSS file and open Actinic.css. Somewhere in there you'll see 4 statements: a:link, a:active, a:hover and a:visited. The style commands within these statments will govern how your links look.

    If you want to override specific links, then place style commands directly in the link tag, like this:

    Code:
    <a href="page" style="font-size:8pt">click</a>
    For obvious reasons, these are called 'inline' styles. Inline styles always take precedence over any other style definitions as they are 'closest' to the tag.
    Last edited by Kermy; 15-Oct-2005, 03:49 PM. Reason: clarity
    www.gbradley.co.uk
    Web Development, Actinic Patches, Scripts & more

    Comment


      #3
      How do I apply a style sheet reference ?

      Overiding works, and i also want to control font type, and having looked at my CSS, you must use;


      HTML Code:
      <a href="page" style="font-family:Arial, Helvetica, sans-serif">click</a>
      Q. How do you apply two styles ?

      Q. Can I set up a statement in my CCS and set the size and style etc in this and reference it just before areas where I want it as I am sure i will do this several times. I get Style sheets, but haven't had much practise of using them.

      Cheers, Simon.
      esafetysigns.co.uk
      your instant download portal for self printable health and safety signs and posters
      ... download once use as many times as you like !


      http://www.esafetysigns.co.uk/index.html
      http://www.esafetysigns.co.uk/acatalog/index.html

      Comment


        #4
        Hi simon,

        you can't apply two styles - an object can only have the one style eg size 12pt or 15pt, but not both.. as Kermy says the style closest to the page object will win out.

        To use CSS to override the default a:conditions you need to use a class identifier. In the CSS create something like:

        a.myrule.link {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000;
        }

        and for the other states ie visited, hover and active

        in your HTML for the link you would then use

        <a class="myrule" href="URL">link text</a>

        the settings for myrule in the CSS would overide the default a:settings.

        You can simply change a few settings in the CSS and the whole site changes accordingly.

        HTH


        Bikster
        SellerDeck Designs and Responsive Themes

        Comment


          #5
          Works perfect .....

          Works perfect, see attached.

          Nice one, Simon.
          Attached Files
          esafetysigns.co.uk
          your instant download portal for self printable health and safety signs and posters
          ... download once use as many times as you like !


          http://www.esafetysigns.co.uk/index.html
          http://www.esafetysigns.co.uk/acatalog/index.html

          Comment

          Working...
          X