...

View Full Version : Upgrading personal site. Font puzzle.



effpeetee
05-16-2007, 06:05 PM
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

VIPStephan
05-16-2007, 06:45 PM
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:


td {
font-weight: bold;
font-size: ??px;
}


Along with semantic HTML (http://brainstormsandraves.com/articles/semantics/structure/) you might wanna keep a clear document outline (http://www.classical-webdesigns.co.uk/resources/dochierarchy.html).
The W3C validator (http://validator.w3.org) also has an option to view the document outline when validating your code.

effpeetee
05-16-2007, 07:30 PM
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:


td {
font-weight: bold;
font-size: ??px;
}


Along with semantic HTML (http://brainstormsandraves.com/articles/semantics/structure/) you might wanna keep a clear document outline (http://www.classical-webdesigns.co.uk/resources/dochierarchy.html).
The W3C validator (http://validator.w3.org) 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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum