[WSG] Help With Hover
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] ***
Re: [WSG] Help With Hover
Olajide,
just had a looka at your page - the jumping happens because you are applying
padding only on hover for all your links, essentially adding to their
size...
This is not ideal, in my humble opinion, as your text also shifts on
rollover...
If you however applied your padding to the main link itself - and only
applied the additional rules to the hover state - that will eliminate all
shifting... see screenshot:
http://screencast.com/t/ngKMz25v
You can of course override what happens to your image compared to the rest
of the links found on the page by targeting the image inside the link, with
... a img { .. }
hope this helps :)
Prisca
On Thu, Jun 5, 2008 at 8:06 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
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]
***
--
eyedea.eu
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Help With Hover
The padding is not the error. I fixed that already.. Its the background that
happens under the images...
On Thu, Jun 5, 2008 at 3:25 PM, Prisca schmarsow [EMAIL PROTECTED]
wrote:
Olajide,
just had a looka at your page - the jumping happens because you are
applying padding only on hover for all your links, essentially adding to
their size...
This is not ideal, in my humble opinion, as your text also shifts on
rollover...
If you however applied your padding to the main link itself - and only
applied the additional rules to the hover state - that will eliminate all
shifting... see screenshot:
http://screencast.com/t/ngKMz25v
You can of course override what happens to your image compared to the rest
of the links found on the page by targeting the image inside the link, with
... a img { .. }
hope this helps :)
Prisca
On Thu, Jun 5, 2008 at 8:06 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
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]
***
--
eyedea.eu
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
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]
***
Re: [WSG] Help With Hover
On 5 Jun 2008, at 20:25, Prisca schmarsow wrote:
the jumping happens because you are applying padding only on hover
for all your links, essentially adding to their size...
This is not ideal, in my humble opinion, as your text also shifts on
rollover...
If you however applied your padding to the main link itself - and
only applied the additional rules to the hover state - that will
eliminate all shifting
My method for eliminating the text jumping when a hover state on an
inline text link needs padding is to give all the link states padding
as Prisca suggested, but _also_ give them a negative margin-left
equalling the padding amount. This brings the text of the link back to
its original position.
eg.
a {padding: 0.5em; margin-left: -0.5em;}
a:hover, a:focus {background-color: whatever;}
--
Rick Lecoat
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Help With Hover
Ok on the index, the padding does not work but on the events page, the
padding does. Why??? They are the same thing??
On Thu, Jun 5, 2008 at 3:45 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
The padding is not the error. I fixed that already.. Its the background
that happens under the images...
On Thu, Jun 5, 2008 at 3:25 PM, Prisca schmarsow
[EMAIL PROTECTED] wrote:
Olajide,
just had a looka at your page - the jumping happens because you are
applying padding only on hover for all your links, essentially adding to
their size...
This is not ideal, in my humble opinion, as your text also shifts on
rollover...
If you however applied your padding to the main link itself - and only
applied the additional rules to the hover state - that will eliminate all
shifting... see screenshot:
http://screencast.com/t/ngKMz25v
You can of course override what happens to your image compared to the rest
of the links found on the page by targeting the image inside the link, with
... a img { .. }
hope this helps :)
Prisca
On Thu, Jun 5, 2008 at 8:06 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
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]
***
--
eyedea.eu
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
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]
***
Re: [WSG] Help With Hover
The problem is not even just the padding, its the background color under the
images.
On Thu, Jun 5, 2008 at 3:49 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Ok on the index, the padding does not work but on the events page, the
padding does. Why??? They are the same thing??
On Thu, Jun 5, 2008 at 3:45 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
The padding is not the error. I fixed that already.. Its the background
that happens under the images...
On Thu, Jun 5, 2008 at 3:25 PM, Prisca schmarsow
[EMAIL PROTECTED] wrote:
Olajide,
just had a looka at your page - the jumping happens because you are
applying padding only on hover for all your links, essentially adding to
their size...
This is not ideal, in my humble opinion, as your text also shifts on
rollover...
If you however applied your padding to the main link itself - and only
applied the additional rules to the hover state - that will eliminate all
shifting... see screenshot:
http://screencast.com/t/ngKMz25v
You can of course override what happens to your image compared to the
rest of the links found on the page by targeting the image inside the link,
with ... a img { .. }
hope this helps :)
Prisca
On Thu, Jun 5, 2008 at 8:06 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
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]
***
--
eyedea.eu
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
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]
***
--
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]
***
Re: [WSG] Help With Hover
The reason i cant do that is because the content are being fetched from
wordpress. I cant edit every single image.
I want the padding there. The shift. For the text. Not for the images
though. Neither do i want the background for the images...
On Thu, Jun 5, 2008 at 4:01 PM, Prisca schmarsow [EMAIL PROTECTED]
wrote:
Olajide
as I mentioned before - you will need to override what you applied
previously by targeting the image inside its link
Ideally however - I would try to keep the code more specific - you might
avoid any overrides being necessary.
Targeting the links by including their respective div ids/classes might be
a better approach here...
and nice method, Rick... I like that... :) :)
I go around the houses a bit myself I realise, now looking at your
solution, great advice :)
Thanks :)
Prisca
On Thu, Jun 5, 2008 at 8:49 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Ok on the index, the padding does not work but on the events page, the
padding does. Why??? They are the same thing??
On Thu, Jun 5, 2008 at 3:45 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
The padding is not the error. I fixed that already.. Its the background
that happens under the images...
On Thu, Jun 5, 2008 at 3:25 PM, Prisca schmarsow
[EMAIL PROTECTED] wrote:
Olajide,
just had a looka at your page - the jumping happens because you are
applying padding only on hover for all your links, essentially adding to
their size...
This is not ideal, in my humble opinion, as your text also shifts on
rollover...
If you however applied your padding to the main link itself - and only
applied the additional rules to the hover state - that will eliminate all
shifting... see screenshot:
http://screencast.com/t/ngKMz25v
You can of course override what happens to your image compared to the
rest of the links found on the page by targeting the image inside the link,
with ... a img { .. }
hope this helps :)
Prisca
On Thu, Jun 5, 2008 at 8:06 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
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]
***
--
eyedea.eu
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
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]
***
--
eyedea.eu
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
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]
***
Re: [WSG] Help With Hover
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]
***
Re: [WSG] Help With Hover
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]
***
Re: [WSG] Help With Hover
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]
***
Re: [WSG] Help With Hover
Thanks Darren. If you look at the events page not, everything is good. Jut
the movement is still there, thats ok. That one is not like the other one so
thats good ;-)
One more question, if you look at the end of a post, you will see the Share
This link. Now mouse over it and see that the Share This moves into the
image? Why is that?
THANKS
On Thu, Jun 5, 2008 at 4:44 PM, Darren West [EMAIL PROTECTED] wrote:
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]
***
--
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]
***
Re: [WSG] Help With Hover
Darren, at the sidebar the new changes is affecting the images on the
sidebar... :( The sidebar was alright before...
On Thu, Jun 5, 2008 at 5:02 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Thanks Darren. If you look at the events page not, everything is good. Jut
the movement is still there, thats ok. That one is not like the other one so
thats good ;-)
One more question, if you look at the end of a post, you will see the Share
This link. Now mouse over it and see that the Share This moves into the
image? Why is that?
THANKS
On Thu, Jun 5, 2008 at 4:44 PM, Darren West [EMAIL PROTECTED] wrote:
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]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
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]
***
Re: [WSG] Help With Hover
Target the links specifically in the mainContent using:
div#mainContent a {
...
2008/6/5 Olajide Olaolorun [EMAIL PROTECTED]:
Darren, at the sidebar the new changes is affecting the images on the
sidebar... :( The sidebar was alright before...
On Thu, Jun 5, 2008 at 5:02 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Thanks Darren. If you look at the events page not, everything is good. Jut
the movement is still there, thats ok. That one is not like the other one so
thats good ;-)
One more question, if you look at the end of a post, you will see the
Share This link. Now mouse over it and see that the Share This moves into
the image? Why is that?
THANKS
On Thu, Jun 5, 2008 at 4:44 PM, Darren West [EMAIL PROTECTED] wrote:
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]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
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]
***
Re: [WSG] Help With Hover
Because in your style.css you have:
a:hover {
padding: 2px;
}
and in sharethis.css you have:
a.stbutton {
padding:1px 5px 5px 22px;
}
so when you hover over any link it will set the padding to 2px,
overiding the padding of a.stbutton.
Try
a.stbutton:hover {
padding:1px 5px 5px 22px;
}
2008/6/5 Olajide Olaolorun [EMAIL PROTECTED]:
Thanks Darren. If you look at the events page not, everything is good. Jut
the movement is still there, thats ok. That one is not like the other one so
thats good ;-)
One more question, if you look at the end of a post, you will see the Share
This link. Now mouse over it and see that the Share This moves into the
image? Why is that?
THANKS
On Thu, Jun 5, 2008 at 4:44 PM, Darren West [EMAIL PROTECTED] wrote:
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]
***
--
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]
***
Re: [WSG] Help With Hover
What do you mean?
On Thu, Jun 5, 2008 at 5:11 PM, Darren West [EMAIL PROTECTED] wrote:
Target the links specifically in the mainContent using:
div#mainContent a {
...
2008/6/5 Olajide Olaolorun [EMAIL PROTECTED]:
Darren, at the sidebar the new changes is affecting the images on the
sidebar... :( The sidebar was alright before...
On Thu, Jun 5, 2008 at 5:02 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Thanks Darren. If you look at the events page not, everything is good.
Jut
the movement is still there, thats ok. That one is not like the other
one so
thats good ;-)
One more question, if you look at the end of a post, you will see the
Share This link. Now mouse over it and see that the Share This moves
into
the image? Why is that?
THANKS
On Thu, Jun 5, 2008 at 4:44 PM, Darren West [EMAIL PROTECTED]
wrote:
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]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
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]
***
--
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]
***
Re: [WSG] Help With Hover
You maybe able to make it works with further experimentation ...
2008/6/5 Olajide Olaolorun [EMAIL PROTECTED]:
One more thing, it doesnt work on IE :(
On Thu, Jun 5, 2008 at 5:04 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Darren, at the sidebar the new changes is affecting the images on the
sidebar... :( The sidebar was alright before...
On Thu, Jun 5, 2008 at 5:02 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Thanks Darren. If you look at the events page not, everything is good.
Jut the movement is still there, thats ok. That one is not like the other
one so thats good ;-)
One more question, if you look at the end of a post, you will see the
Share This link. Now mouse over it and see that the Share This moves into
the image? Why is that?
THANKS
On Thu, Jun 5, 2008 at 4:44 PM, Darren West [EMAIL PROTECTED]
wrote:
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]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
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]
***
Re: [WSG] Help With Hover
This works on the sidebar:
#sidebar .one-image a:hover {
text-decoration: none;
background: none;
}
With that, everything is ok on all he images on the sidebar. But for some
reason i tried to duplicate that code for the mainContent and it wont work.
Ofcourse the difference is that instead of raping the images in divs, since
i cant since the content in the content ares is being pulled from somewhere,
i used the class tag in the image. But it wont work :(
On Thu, Jun 5, 2008 at 5:18 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
What do you mean?
On Thu, Jun 5, 2008 at 5:11 PM, Darren West [EMAIL PROTECTED] wrote:
Target the links specifically in the mainContent using:
div#mainContent a {
...
2008/6/5 Olajide Olaolorun [EMAIL PROTECTED]:
Darren, at the sidebar the new changes is affecting the images on the
sidebar... :( The sidebar was alright before...
On Thu, Jun 5, 2008 at 5:02 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Thanks Darren. If you look at the events page not, everything is good.
Jut
the movement is still there, thats ok. That one is not like the other
one so
thats good ;-)
One more question, if you look at the end of a post, you will see the
Share This link. Now mouse over it and see that the Share This moves
into
the image? Why is that?
THANKS
On Thu, Jun 5, 2008 at 4:44 PM, Darren West [EMAIL PROTECTED]
wrote:
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]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
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]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
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]
***
Re: [WSG] Help With Hover
Where did you see the sharethis.css? I think thats on the
sharethis.comwebsite. I have no access to that.
On Thu, Jun 5, 2008 at 5:19 PM, Darren West [EMAIL PROTECTED] wrote:
You maybe able to make it works with further experimentation ...
2008/6/5 Olajide Olaolorun [EMAIL PROTECTED]:
One more thing, it doesnt work on IE :(
On Thu, Jun 5, 2008 at 5:04 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Darren, at the sidebar the new changes is affecting the images on the
sidebar... :( The sidebar was alright before...
On Thu, Jun 5, 2008 at 5:02 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Thanks Darren. If you look at the events page not, everything is good.
Jut the movement is still there, thats ok. That one is not like the
other
one so thats good ;-)
One more question, if you look at the end of a post, you will see the
Share This link. Now mouse over it and see that the Share This moves
into
the image? Why is that?
THANKS
On Thu, Jun 5, 2008 at 4:44 PM, Darren West [EMAIL PROTECTED]
wrote:
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]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
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]
***
--
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]
***
Re: [WSG] Help With Hover
I should have made it clear, the CSS rules I gave you were meant as a
guide; to be fair, as Prisca has just said in your new thread, your
CSS really could do with being tightened up to avoid these problems. A
start would be to put more specificity into your rules, so
replace:
a img {
...
with:
div#mainContent a img {
...
2008/6/5 Olajide Olaolorun [EMAIL PROTECTED]:
What do you mean?
On Thu, Jun 5, 2008 at 5:11 PM, Darren West [EMAIL PROTECTED] wrote:
Target the links specifically in the mainContent using:
div#mainContent a {
...
2008/6/5 Olajide Olaolorun [EMAIL PROTECTED]:
Darren, at the sidebar the new changes is affecting the images on the
sidebar... :( The sidebar was alright before...
On Thu, Jun 5, 2008 at 5:02 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Thanks Darren. If you look at the events page not, everything is good.
Jut
the movement is still there, thats ok. That one is not like the other
one so
thats good ;-)
One more question, if you look at the end of a post, you will see the
Share This link. Now mouse over it and see that the Share This moves
into
the image? Why is that?
THANKS
On Thu, Jun 5, 2008 at 4:44 PM, Darren West [EMAIL PROTECTED]
wrote:
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]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
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]
***
--
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]
***
Re: [WSG] Help With Hover
Darren West wrote:
You maybe able to make it works with further experimentation ...
2008/6/5 Olajide Olaolorun [EMAIL PROTECTED]:
One more thing, it doesnt work on IE :(
On Thu, Jun 5, 2008 at 5:04 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Darren, at the sidebar the new changes is affecting the images on the
sidebar... :( The sidebar was alright before...
On Thu, Jun 5, 2008 at 5:02 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Thanks Darren. If you look at the events page not, everything is good.
Jut the movement is still there, thats ok. That one is not like the other
one so thats good ;-)
One more question, if you look at the end of a post, you will see the
Share This link. Now mouse over it and see that the Share This moves into
the image? Why is that?
THANKS
On Thu, Jun 5, 2008 at 4:44 PM, Darren West [EMAIL PROTECTED]
wrote:
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]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
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]
***
maybe you could contact each other directly instead of bombarding the
list/group with all these e-mails? 30 in my inbox and counting?
tml
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***begin:vcard
fn:Todd Libby
n:Libby;Todd
org:six03 Studios;Web/Interactive Media
adr:;;124 Goldfinch Lane;Center Conway;NH;03813;USA
email;internet:[EMAIL PROTECTED]
title:Web Developer
tel;work:603.733.5113
x-mozilla-html:FALSE
url:http://www.six03.com
version:2.1
end:vcard
Re: [WSG] Help With Hover
No but you do have access to style.css so pop it in there
2008/6/5 Olajide Olaolorun [EMAIL PROTECTED]:
Where did you see the sharethis.css? I think thats on the sharethis.com
website. I have no access to that.
On Thu, Jun 5, 2008 at 5:19 PM, Darren West [EMAIL PROTECTED] wrote:
You maybe able to make it works with further experimentation ...
2008/6/5 Olajide Olaolorun [EMAIL PROTECTED]:
One more thing, it doesnt work on IE :(
On Thu, Jun 5, 2008 at 5:04 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Darren, at the sidebar the new changes is affecting the images on the
sidebar... :( The sidebar was alright before...
On Thu, Jun 5, 2008 at 5:02 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Thanks Darren. If you look at the events page not, everything is good.
Jut the movement is still there, thats ok. That one is not like the
other
one so thats good ;-)
One more question, if you look at the end of a post, you will see the
Share This link. Now mouse over it and see that the Share This moves
into
the image? Why is that?
THANKS
On Thu, Jun 5, 2008 at 4:44 PM, Darren West [EMAIL PROTECTED]
wrote:
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]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
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]
***
--
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]
***
Re: [WSG] Help With Hover
Are there ... how many?
2008/6/5 Todd [EMAIL PROTECTED]:
Darren West wrote:
You maybe able to make it works with further experimentation ...
2008/6/5 Olajide Olaolorun [EMAIL PROTECTED]:
One more thing, it doesnt work on IE :(
On Thu, Jun 5, 2008 at 5:04 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Darren, at the sidebar the new changes is affecting the images on the
sidebar... :( The sidebar was alright before...
On Thu, Jun 5, 2008 at 5:02 PM, Olajide Olaolorun
[EMAIL PROTECTED] wrote:
Thanks Darren. If you look at the events page not, everything is good.
Jut the movement is still there, thats ok. That one is not like the other
one so thats good ;-)
One more question, if you look at the end of a post, you will see the
Share This link. Now mouse over it and see that the Share This moves into
the image? Why is that?
THANKS
On Thu, Jun 5, 2008 at 4:44 PM, Darren West [EMAIL PROTECTED]
wrote:
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]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
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]
***
maybe you could contact each other directly instead of bombarding the
list/group with all these e-mails? 30 in my inbox and counting?
tml
***
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]
***
Re: [WSG] Help With Hover
Thanks Darren Prisca ;-)
Todd, umm, thats what the list is for? Help? Or at least when i joined in.
So.
On Thu, Jun 5, 2008 at 5:30 PM, Todd [EMAIL PROTECTED] wrote:
Darren West wrote:
You maybe able to make it works with further experimentation ...
2008/6/5 Olajide Olaolorun [EMAIL PROTECTED] [EMAIL PROTECTED]:
One more thing, it doesnt work on IE :(
On Thu, Jun 5, 2008 at 5:04 PM, Olajide Olaolorun[EMAIL PROTECTED] [EMAIL
PROTECTED] wrote:
Darren, at the sidebar the new changes is affecting the images on the
sidebar... :( The sidebar was alright before...
On Thu, Jun 5, 2008 at 5:02 PM, Olajide Olaolorun[EMAIL PROTECTED] [EMAIL
PROTECTED] wrote:
Thanks Darren. If you look at the events page not, everything is good.
Jut the movement is still there, thats ok. That one is not like the other
one so thats good ;-)
One more question, if you look at the end of a post, you will see the
Share This link. Now mouse over it and see that the Share This moves into
the image? Why is that?
THANKS
On Thu, Jun 5, 2008 at 4:44 PM, Darren West [EMAIL PROTECTED] [EMAIL
PROTECTED]
wrote:
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] [EMAIL PROTECTED]:
Opps, no, it sucks up the next block element
2008/6/5 Darren West [EMAIL PROTECTED] [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] [EMAIL PROTECTED]:
Please i need help in fixing this. If you go
tohttp://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]
***
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
Best Regards,
Olajide Olaolorun
###
Personal: http://www.olajideolaolorun.com
RoD: http://www.rockondude.net
Business: http://www.tripleo.biz
--
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]
***
maybe you could contact each other directly instead of bombarding the
list/group with all these e-mails? 30 in my inbox and counting?
tml
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
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]
***
