Announcement

Collapse
No announcement yet.

Silly Red Text !!

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

    Silly Red Text !!

    Hello all,

    I keep getting this problem (See attached image or here) where the headings on the right are huge and red...

    now they are CSS, and use the EXACT same css file and exact same template as every other page on our site.

    confused? I am!

    TIA

    BeN
    Attached Files
    www.bathroomexpress.co.uk

    #2
    This code just has to be wrong
    Code:
    <span class="style2 style1 style4 style36"><strong>&nbsp;&nbsp;Trolley</strong></span>
    Bill
    www.egyptianwonders.co.uk
    Text directoryWorldwide Actinic(TM) shops
    BC Ness Solutions Support services, custom software
    Registered Microsoft™ Partner (ISV)
    VoIP UK: 0131 208 0605
    Located: Alexandria, EGYPT

    Comment


      #3
      The whole CSS needs looking at to be honest.

      You have created several styles .style1, .style2 etc most of which are just a single line. You should really specify the font, size, colour, padding etc against each .class and then assign the class to the <span> tag (some of your classes are set up this way - they should all be of a similar format)

      At the moment it appears you are adding each of the classes into the <span> tag as each one does a different thing. You can only assign 1 class to an identifier (tag)

      You also have the same class being defined several times in the style sheet... the class furthest down the list will take precedent over the ones above ie it is closest to the finished page.


      Bikster
      SellerDeck Designs and Responsive Themes

      Comment


        #4
        You should look at the following in your stylesheet:


        .class2 a:active2 {
        text-decoration: none;
        color: #FF6600;
        }

        ## remove the "2" from a:active2 ##


        body,td,th {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #003366;

        body {
        background-color: #FFFFFF;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        }

        ## these appears twice ##


        .style1 {color: #FFFFFF}
        .style1 {font-family: Verdana, Arial, Helvetica, sans-serif}

        ## defined twice - combine the 2 and append the line with a semi-colon; ##


        .style9 {font-size: 9px}
        .style11 {color: #999999}
        .style14 {font-weight: bold}
        .style18 {font-size: 18px}
        .style21 {font-size: 12px}

        ## append each with a semi-colon ; ###

        HTH


        Bikster
        SellerDeck Designs and Responsive Themes

        Comment


          #5
          aye, CSS isnt my strong point, I'm the first to admit that, this is my first venture back in to design in around 4 years (although I'm 'only' 21 ), back then the only CSS I used was for hyperlink decoration...

          Im gonna go through and sort it out. The code needs alot of tidying up, its just finding time to do so.

          Thanks for the pointers, any other comments on the site?

          Btw I'd like to say thank you to Norman for helping me get his NorTree menu to work with my printable CSS, should help with the look of the site. Will put it up before the weeks over.
          www.bathroomexpress.co.uk

          Comment

          Working...
          X