Maybe this ...

a {
   background: black;
}
a:hover {
   border: 0;
   padding: 5px;
}
a img {
   border: 0;
}
a:hover img {
   border-bottom: 6px solid white;
   margin: -0px -5px -10px -5px;
}

Its not happening on the homepage now as the images have been centered
using the align attribute on the parent paragraph


2008/6/5 Darren West <[EMAIL PROTECTED]>:
> Opps, no, it sucks up the next block element
>
>
> 2008/6/5 Darren West <[EMAIL PROTECTED]>:
>> Olajide,
>>
>> I've not tested on IE as just reinstalled and haven't had chance to
>> put parallels back but, what about this ...
>>
>> a {
>>   background: black;
>> }
>> a:hover {
>>   padding: 5px;
>> }
>> a:hover img {
>>   margin: -0px -5px -10px -5px;
>> }
>>
>>
>> Hope it helps
>>
>> Darren
>>
>>
>> 2008/6/5 Olajide Olaolorun <[EMAIL PROTECTED]>:
>>> Please i need help in fixing this. If you go to
>>> http://www.rockondude.net/index.php in the main content area, am trying to
>>> have it that the images dont have an a:hover effect. How do i achieve this?
>>> I've been messing around with it all day but nothing..
>>>
>>> --
>>> Best Regards,
>>> Olajide Olaolorun
>>> ###
>>> Personal: http://www.olajideolaolorun.com
>>> RoD: http://www.rockondude.net
>>> Business: http://www.tripleo.biz
>>> *******************************************************************
>>> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
>>> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
>>> Help: [EMAIL PROTECTED]
>>> *******************************************************************
>>
>


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to