1
tedsmith
Can you fix this? Weird issue with HTML and my theme
  • 2007/2/3 17:17

  • tedsmith

  • Home away from home

  • Posts: 1151

  • Since: 2004/6/2 1


Specs : Theme : 'blues', XOOPS 2.0.16,

Can people visit www.nlts.co.uk and try to help me out with an irritating problem.

The 3 signs on the right hand side of the central block and the central bit of text are all contained within one block. As it stands at the moment, there is an annoying bit of colour towards the top left just above where it says 'North Lindsey...". The code for the block currently is as follows :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<
html>
<
head>
  <
meta content="text/html; charset=ISO-8859-1"
 
http-equiv="content-type">
  <
title>North Lindsey (ADRTraining Services Lincolnshire</title>
</
head>
<
body>
<
table style="text-align: left; width: 100%;" border="0"
 
hspace="5" vspace="5">
  <
tbody>
    <
tr>
      <
td style="vertical-align: top;">
      <
div align="justify">North Lindsey ADR Training
Services 
(NLTSspecialise in the provision of carriage of dangerous
goods 
and ADR training courses to road haulage and associated
industries etc etc 
[i]all the text removed as it is not relevant and is just standard parapgraphs[/i]

      <
div style="text-align: center;">
      <
p><strong>Quick Links</strong>
      <
br>
(
navigate all articles using menu on the left)
      </
p>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=11"
 
target="blank">View
2007 Training Dates
</a><br>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=1"
 
target="blank">Modules
&ampUN Classes Taught by NLTS</a>
      <
br>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=4">How
do I get started?</a>
      <
br>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=12">A
bit about NLTS
it's history, it's practices</a>
      <
br>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=13">Some
of our clients
</a>
      <
br>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=14">Maps
of where we run our courses from
</a>
<
img alt="NLTS ADR Reference Manual"
 
src="http://www.nlts.co.uk/uploads/img459fbd76bb218.jpg"
 
hspace="10" vspace="10">
</
td>

[
b]<!--HTML below is for the Dangerous Goods Signs. -->[/b]

      <
td style="text-align: center; vertical-align: top;"><img
 style
="width: 214px; height: 160px;"
 
alt="Flammable Gas Dangerous Goods Sign"
 
src="http://www.nlts.co.uk/uploads/img45c4beaa05ab4.jpg"
 
align="" hspace="5" vspace="5"><br>
      <
br>

      <
img style="width: 214px; height: 160px;"
 
alt="Toxic Waste Dangerous Goods Sign"
 
src="http://www.nlts.co.uk/uploads/img45c4bebb67a88.jpg"
 
align="" hspace="5" vspace="5"><br>
      <
br>
      <
img style="width: 214px; height: 160px;"
 
alt="Non-Flammable Gas Dangerous Goods Sign"
 
src="http://www.nlts.co.uk/uploads/img45c4bed4286af.jpg"
 
align="" hspace="5" vspace="5"></td>
      <
br>
    </
tr>
   </
div>      
  </
tbody>
</
table>
</
body>
</
html>


Now, if I remove the entry for the Dangerous Goods signs using commenting out, it works fine. So just by doing this :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<
html>
<
head>
  <
meta content="text/html; charset=ISO-8859-1"
 
http-equiv="content-type">
  <
title>North Lindsey (ADRTraining Services Lincolnshire</title>
</
head>
<
body>
<
table style="text-align: left; width: 100%;" border="0"
 
hspace="5" vspace="5">
  <
tbody>
    <
tr>
      <
td style="vertical-align: top;">
      <
div align="justify">North Lindsey ADR Training
Services 
(NLTSspecialise in the provision of carriage of dangerous
goods 
and ADR training courses to road haulage and associated
industries etc etc

      
<div style="text-align: center;">
      <
p><strong>Quick Links</strong>
      <
br>
(
navigate all articles using menu on the left)
      </
p>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=11"
 
target="blank">View
2007 Training Dates
</a><br>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=1"
 
target="blank">Modules
&ampUN Classes Taught by NLTS</a>
      <
br>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=4">How
do I get started?</a>
      <
br>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=12">A
bit about NLTS
it's history, it's practices</a>
      <
br>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=13">Some
of our clients
</a>
      <
br>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=14">Maps
of where we run our courses from
</a>
<
img alt="NLTS ADR Reference Manual"
 
src="http://www.nlts.co.uk/uploads/img459fbd76bb218.jpg"
 
hspace="10" vspace="10">
</
td>

[
b]<!--HTML below is for the Dangerous Goods Signs. -->[/b]

      <
td style="text-align: center; vertical-align: top;"><img
 style
="width: 214px; height: 160px;"
 
alt="Flammable Gas Dangerous Goods Sign"
 
src="http://www.nlts.co.uk/uploads/img45c4beaa05ab4.jpg"
 
align="" hspace="5" vspace="5"><br>
      <
br>

      <
img style="width: 214px; height: 160px;"
 
alt="Toxic Waste Dangerous Goods Sign"
 
src="http://www.nlts.co.uk/uploads/img45c4bebb67a88.jpg"
 
align="" hspace="5" vspace="5"><br>
      <
br>
      <
img style="width: 214px; height: 160px;"
 
alt="Non-Flammable Gas Dangerous Goods Sign"
 
src="http://www.nlts.co.uk/uploads/img45c4bed4286af.jpg"
 
align="" hspace="5" vspace="5"></td>
      <
br>
    </
tr>
   </
div>   [b]-->[/b]   
  </
tbody>
</
table>
</
body>
</
html>


Can anyone work out what the problem is? What am I missing?

Thanks

Ted

2
zyspec
Re: Can you fix this? Weird issue with HTML and my theme
  • 2007/2/3 18:24

  • zyspec

  • Module Developer

  • Posts: 1095

  • Since: 2004/9/21


Ted,

The hspace/vspace html properties are deprecated. Even if you decide to still use them they aren't valid for a <table>. Think I'd start with that to see what happens.

I'm not sure where your commented out section of code starts/ends since you have two ending comment tags (-->) but only one starting comment tag. If you remove the first ending comment tag then the 2nd one should be after the last </td> not after the </tr></div>.

The way it is now would generate invalid closing so your browser may be "fixing" it for you which is why it looks like it works when you comment out that section of code.

3
Will_H
Re: Can you fix this? Weird issue with HTML and my theme
  • 2007/2/3 18:40

  • Will_H

  • Friend of XOOPS

  • Posts: 1786

  • Since: 2004/10/10


Quote:
there is an annoying bit of colour towards the top left just above where it says 'North Lindsey..."


You are using a static image "blues/images/header_05.gif"

Your issue with this is that your image is not the width of your body and apears to be centered. try this

<td align="left"><img src="<{$xoops_imageurl}>images/header_05.gif" alt="" /></td>


HTH

4
tedsmith
Re: Can you fix this? Weird issue with HTML and my theme
  • 2007/2/4 11:18

  • tedsmith

  • Home away from home

  • Posts: 1151

  • Since: 2004/6/2 1


Thanks to you both.

I tried removing the vspace and hspace attributes. No difference.

The issue relating to the <!-- --> tags was a typo. I did actually remove the first --> so there was just one <!-- and one --> near the end. For clarity I have re-pasted the code exactly as it stands now having made various adjustments.

I also noticed that there were no /> tags at the end of the img tags, so I added those, but also no difference.

I had a look at the header_05.gif issue. All I can find in theme.html is :

</tr>
    <
tr>
      <
td id="header_05"></td>
    </
tr>
  </
tbody>
</
table>


In the associated style.css file there is this entry :

td#header_05 {background-image: url(images/header_05.gif);height: 18px;width: 750px;}


For clarity, here is the code of the central block (with the adjustments mentioned) as it stands now (remember, this is just the block HTML, not the whole site) :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<
html>
<
head>
  <
meta content="text/html; charset=ISO-8859-1"
 
http-equiv="content-type">
  <
title></title>
</
head>
<
body>
<
table
 style
="width: 100%; text-align: left; margin-left: auto; margin-right: auto;"
 
border="0" cellpadding="2" cellspacing="2">
  <
tbody>
    <
tr>
      <
td>
      <
div style="text-align: justify;">[i]North Lindsey ADR
Training
Services 
(NLTSspecialise in the provision of carriage of dangerous
goods 
and ADR training courses to road haulage and associated
industries
Lots and lots more standard text with simple paragraphs......[/i]<br>
      </
div>
      <
br>
      <
div style="text-align: center;">
      <
p><strong>Quick Links</strong>
      <
br>
(
navigate all articles using menu on the left)
      </
p>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=11"
 
target="blank">View
2007 Training Dates
</a><br>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=1"
 
target="blank">Modules
&ampUN Classes Taught by NLTS</a>
      <
br>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=4">How
do I get started?</a>
      <
br>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=12">A
bit about NLTS
it's history, it's practices</a>
      <
br>
      <
a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=13">Some
of our clients
</a>
      <
br>
      <
div style="text-align: center;"><a
 href
="http://www.nlts.co.uk/modules/smartsection/item.php?itemid=14">Maps
of where we run our courses from
</a>
      <
img alt="NLTS ADR Reference Manual"
 
src="http://www.nlts.co.uk/uploads/img459fbd76bb218.jpg"
 
hspace="10" vspace="10"></div>
      </
div>
      </
td>
      <
td style="text-align: center; vertical-align: top;"><img
 style
="width: 214px; height: 160px;"
 
alt="Flammable Gas Dangerous Goods Sign"
 
title="Flammable Gas Dangerous Goods Sign"
 
src="http://www.nlts.co.uk/uploads/img45c4beaa05ab4.jpg"
 
align=""> /><br>
      <
br>
      <
img style="width: 214px; height: 160px;"
 
alt="Toxic Waste Dangerous Goods Sign"
 
title="Toxic Waste Dangerous Goods Sign"
 
src="http://www.nlts.co.uk/uploads/img45c4bebb67a88.jpg"
 
align=""> /><br>
      <
br>
      <
img style="width: 214px; height: 160px;"
 
alt="Non-Flammable Gas Dangerous Goods Sign"
 
title="Non-Flammable Gas Dangerous Goods Sign"
 
src="http://www.nlts.co.uk/uploads/img45c4bed4286af.jpg"
 
align=""> />
      </
td>
    </
tr>
  </
tbody>
</
table>
<
br>
</
body>
</
html>


So I'm not sure how to apply what you advise? Any further help appreciated.

5
tedsmith
Re: Can you fix this? Weird issue with HTML and my theme
  • 2007/2/4 12:46

  • tedsmith

  • Home away from home

  • Posts: 1151

  • Since: 2004/6/2 1


I've got round it by just deleting header05.gif! It leaves a small white space between the admin menu and the top logo, but if anything, I think it makes it look better! So a good result all round.

Thanks for help anyways.

Ted

Login

Who's Online

207 user(s) are online (137 user(s) are browsing Support Forums)


Members: 0


Guests: 207


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits