CODEWITHSUNDEEP
htmlcssimage
Carlo
Carlo

Reputation: 4158

Images not showing in Chrome

I have a set of small images which is working fine in Firefox but not in Google Chrome. The html code is this:

<li class="links">
<a href="tassa-di-soggiorno"><img src="<?php bloginfo('template_directory'); ?>/images/taxNero.jpg"></a>
<a href="eco-friendly-hotel"><img src="<?php bloginfo('template_directory'); ?>/images/eco.jpg"></a>
<a href="pet-friendly-hotel"><img src="<?php bloginfo('template_directory'); ?>/images/pet.jpg"></a>
<a href="3130"><img src="<?php bloginfo('template_directory'); ?>/images/diverability.jpg"></a>
</li>

And the css styles:

#nav-bar li.links a {
display: block;
float: left;
margin: 0 1px;
width: 40px;
}

Here's the link to the webpage to see it: http://www.alcappellorosso.it

You should see the images right below the left navigation menu.

Upvotes: 0

Views: 2917

Answers (1)

DaneSoul
DaneSoul

Reputation: 4511

Add in your CSS:

#nav-bar li {
 height: 35px;
}

Or value more situable for your design.

Upvotes: 2

Related Questions