Why is there a validation error on

<li class="xxxx"> 

?

Also the in the list div where the bus is place on right had side I wat to keep it that way would be better place as a background image with position?

 

Site

the link doesn't work.

<li class="navyblue"><a href="index1" title="Home">Home</a></li>
<li class="blue"><a href="fleet" title="Our Fleet">Our Fleet</a> 
<li class="lightblue"><a href="booking" title="Book Conditions">Booking Conditions</a></li>

 

 

if you look closely at this bit of code you will notice that you have forgotten to close the middle list item, which is probably why it doesn't validate

 

I don't know if you have missed any others, as that was the first error I saw so check through all the code and make sure that you have closed all the <li> elements and that should sort out the error.

I'm guessing this is the working URL:

http://www.starlinetravelscotland.co.uk/index1

 

I ran it through a validator and you have 11 HTML errors all because your list isn't wrapped in a UL or OL tag. Instead, for some very unusual reason, you've wrapped your list in a div called "list"...

 

Your code:

[color="#FF0000"]<div id="list">[/color]
       	<strong></strong><li><strong>Private Coach Hire</strong></li>
<strong>            <img src="images/nobackgroundbus.gif" alt="Bus" width="150" height="100">
           </strong><li><strong>Coach hire for groups & associations</strong></li><strong>           
           </strong><li><strong>Sporting and corporate events</strong></li>
<strong>            </strong><li><strong>Corporate travel contracts</strong></li>

<strong>	  		</strong><li><strong>Coach hire for group holidays</strong></li><strong>           
		</strong><li><strong>Airport / Hotel transfers</strong></li><strong>                        
		</strong><li><strong>Family occasions </strong></li><strong></strong>
[color="#FF0000"]    </div>[/color]

 

My code

<ul>
<li>Private Coach Hire</li>
<li>Coach hire for groups & associations</li>           
<li>Sporting and corporate events</li>
<li>Corporate travel contracts</li>
<li>Coach hire for group holidays</li>           
<li>Airport / Hotel transfers</li>                        
<li>Family occasions </li>
</ul>
<img src="images/nobackgroundbus.gif" alt="Bus" class="DEFINE A CLASS TO MAKE ME SIT ON THE RIGHT!!!">

 

Then in your CSS define this list to be bold, rather than using 14 strong tags. It'll be much faster/lighter.

 

I take it you used a WYSIWYG editor lol...

Yeah WYSIWYG! cheers :up:

You're welcome.

 

I also couldn't help notice that your nobackgroundbus.gif is about 1900px bigger than it needs to be. As a result of using width=150 you're losing a lot of quality and slowing your page down. Using photoshop or something to resize it will save you seconds on the page load...