Suggest changing this ...
| Code: |
<a href="http://cumpotsa.ro" target="_top"> <img src="http://cumpotsa.ro/themes/alex/banner2.gif" align="center" width="446" height="105" border="0"> </a>
<p>   </p>
|
to this
| Code: |
<div class="logo">
<a href="http://cumpotsa.ro" target="_top"> <img src="http://cumpotsa.ro/themes/alex/banner2.gif" align="center" width="446" height="105" border="0"> </a>
</div>
|
Then you can add to the style.css file to get it how you want. ..
You'll need to add 2 new classes, one to handle positioning, and one to handle hover over the image link
| Code: |
.logo {
margin-bottom: 30px;
}
.logo a:hover {
text-decoration: none;
}
|
You could of course add more adjustments, but that should get you started.
I am by no means a CSS wizard, so I often test with a program called "Top Style Lite 3" More recent versions of Top Style are available,
but the free demo.. is almost too crippled to use, but you may still find it helpful
http://www.topstyle4.com/ .
Favoured: 0
