Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts

    Exclamation Upgrading personal site. Font puzzle.

    Having dealt with my index page, I am now turning to the main menu pages.
    The one below is in a mess.

    I started on it by changing the <span class=""> to the various <h> fonts, namely in the first instance changing to <h4>

    When I did this, The text moved away from the picture. Can this be remedied?
    The t13aw is my code for a font,
    I am slowly moving over to XHTML first and then the use of style sheets.

    http://www.exitfegs.co.uk/hol1.html

    http://www.exitfegs.co.uk/styles.css


    <table width="200" cellspacing="12" cellpadding="5">
    <tr>
    <td><a href="hol1large.html"><img height="150" src="hol1.jpg"alt-""="lt-""" width="200" /></a><br />
    <span class="t13aw>"<strong>Church Stretton High
    St.</strong></span></td>
    <td><a href="hol2large.html"><img height="150" src="hol2.jpg" width="200" /></a><br />
    <span class="t13aw"><strong>Worthing old
    station.</strong></span></td>
    <td><a href="hol3large.html"><img height="150" src="hol3.jpg" width="200" /></a><br />
    <span class="t13aw"><strong>Footsteps</strong></span></td>
    <td><a href="hol18large.html"><img height="150" src="Weymouth1.JPG" width="200" /></a>
    <br /><span class="t13aw"><strong>a street in Dorchester.</strong></span></td>
    </tr>


    Just hint wil do. I am not expecting a re-write.

    Thanks in advance.

    effpeetee

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,624
    Thanks
    6
    Thanked 1,001 Times in 974 Posts
    I’m wondering why you would use headlines for the image caption? Semantically these are image captions, not headlines, thus shoudn’t be marked up as <hn> elements anyway.

    If you want bold text style it through CSS. Remove the span tags and make it like:
    Code:
    td {
      font-weight: bold;
      font-size: ??px;
    }
    Along with semantic HTML you might wanna keep a clear document outline.
    The W3C validator also has an option to view the document outline when validating your code.

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by VIPStephan View Post
    I’m wondering why you would use headlines for the image caption? Semantically these are image captions, not headlines, thus shoudn’t be marked up as <hn> elements anyway.

    If you want bold text style it through CSS. Remove the span tags and make it like:
    Code:
    td {
      font-weight: bold;
      font-size: ??px;
    }
    Along with semantic HTML you might wanna keep a clear document outline.
    The W3C validator also has an option to view the document outline when validating your code.
    Thank you,

    I am beginning to see more clearly how to deal with these problems.
    As we say - The penny has dropped!

    Regards,

    effpeetee


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •