Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Help with an image please

Discussion in 'Website Design Forum:' started by TomStutt, Sep 1, 2009.

  1. TomStutt

    TomStutt Senior Member

    Hi all

    Please can I have some help?

    I have an image of myself on my home page and it looks good on IE but it doesnt look right in firefox.

    Could some help please before i pull my hair out.

    tomstuttdesign.co.uk


    Thanks
     
  2. Levi

    Levi Moderator Staff Member

    um they look the same to me
     
  3. TomStutt

    TomStutt Senior Member

    the one in IE looks ok but the one is firefox overlaps the horizontal line
     
  4. tbwcf

    tbwcf Active Member

    hr {clear:both;}

    Also you don't need the image in a div. Just apply a class or an id to the image itself <img alt="Tom Stutt" src="http://www.designforums.co.uk/images/tom-stutt.JPG" class="index-img" />

    your para "HI, MY NAME IS TOM STUTT AND I'M A FREELANCE GRAPHIC AND WEB DESIGNER. THIS IS MY ONLINE PORTFOLIO"

    Should probably be in a h1 / h2 tag rather than a paragraph tag.

    Inline styles are bad too... they will overwite anything in an external stylesheet making futher alterations a pain. You will also then have to write the style on each element. Only use inline styles on emails. Use an external stylesheet linked in the head of your page.

    Hope that helps
     
  5. tbwcf

    tbwcf Active Member

    Just noticed you do have a stylesheet linked but is best linked like this
    <link rel="stylesheet" type="text/css" href="css.css" media="screen" />
     
  6. TomStutt

    TomStutt Senior Member

    thanks tbwcf

    i had it as a h1 but a friend of mine who is a web developer at bristol uni said that its not a heading so it should be styled sepeartly
     
  7. tbwcf

    tbwcf Active Member

    No worries Tom,

    The h1 bit is debatable I guess, I think the general rule is to use them to identify the more important content (for purposes of google etc). But I'm no seo wizard!

    Andy
     
  8. Levi

    Levi Moderator Staff Member

    I'd have put h1 on it as its a key descriptor of what you offer and it adds emphasis to it for search engines like google.
     
  9. Kevin

    Kevin Senior Member

    I wouldn't define it as <h1>, but either way it shouldn't be all caps. Set is to normal text with normal capitalization, and set it to caps in css.

    p { text-transform:uppercase; }

    And that counts for all your other elements that are manually set to all caps.
     

Share This Page