[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] ***
[WSG] IE link hover and Nav Div width Issues
I am currently working on a liquid format for my site. Just doing up the header at the moment. It is ok in FF but IE6 is not happy with it. I have yet to check with other browsers so the focus in on these 2 browsers at the moment. In FF I have no issues with things going whacky when I hover on links. But on IE6, when I hover on those browser icons, things gets shifted sideways. It only happens on the browser icons not the navigation's links. Another thing is that I do not need to specify a width on the navigation's div but I have to do it for IE6 and possibly Opera when I get to that browser. The problem is that if I specify a width then the navigation will not be floated nicely to the right because of I have li floated to left to display the li in proper flow. I want to be able to have the li in nav to be in one line when people choose medium and one size bigger in IE. If only IE can do without a width then it will work like what I want like in FF. http://design.sodesires.com/sodnew/header.html Please ignore a lot of that css files as they are not in used at the moment or optimised. The one to look at is layout.css, nav.css and ie-win.css If anyone has better solution for the browser icon on hover bug for IE, you have my deepest gratitude! Oh I am checking the page on Windows only now. -- Cheers : Jaime ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] List with hover background images
Listers... Here is the code I am using on a list of links: #content ul.linklist{list-style-type:none; margin:0 0 20px 0;} #content ul.linklist li{padding:0 0 .3em 40px;} #content ul.linklist a{display:block; padding:0 0 0 20px; margin:0 0 0 -20px;} #content ul.linklist a:hover{display:block; background:url(../images/linklist_rollarrows.gif) top left no-repeat; padding:0 0 0 20px; margin:0 0 0 -20px;} div id=content snip ul class=linklist lia href=#ASA DirectsupSM/sup/a/lili a href=#FASTFUNDsupSM/sup/a/lili a href=#Guarantee Only Processing/a/lili a href=#CommonLine Processing/a/lili a href=#ELM (Education Loan Management)/a/lili a href=#Sallie Mae Laureate/a/lili a href=#ASA's Shadow Program/a/lili a href=#Mapping Your Future/a/lili a href=#Origination and Operational Consulting/a/lili a href=#e.clips Signup and Article Archives/a/lili a href=#Preferred Lender List Services/a/lili a href=#PLUS on the Web/a/lili a href=#PLUS on the Phone or Fax/a/lili a href=#E-signature (Electronic Signature)/a/li /ul /div In some browsers however, my links work across the page, beyond the text, even over blank space like this: |-link text--| hover and link work here The display:block is most likely the cause, right? But I can't figure out how to achieve another way what I am after with the links, which is to have the hover bg image _and_ have the links indented the same if they break to 2 lines. Any thoughts? TIA -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] List with hover background images
Float the list, or the containing div, so that the width won't stretch across the page? That should contain the hover effect. -- - C Montoyardpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.com
[WSG] IE/Win hover fix in percentages? Also a.current fix?
I've been using the a:hover width fix to get IE/Win to display the hover property when mousing over the div, rather than just the linked text, in a navbar. However, this only works properly with fixed width navbars. I can't get it to work with navbars set at a percentage width. Check it out at http://www.mangoworld.com.au where the left-hand nav bar has the fix and the right does not. Does anyone know of a fix? I also use the hover state for the current state, but IE/Win will not display this at all. This is the relevant CSS code: #navbar a:hover, #navbar a.current:link {background-color: #FFE2C0; text-decoration: none; border-top: solid #8F351E 1px; border-bottom: solid #DE7C63 1px; width: 91%; } Thanks in advance, Andrew ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE 6 Hover Bug?
Daniel Bowling wrote: I am very confused about a rendering issue in IE 6.02 for an unreleased beta of my site. http://beta.danbowling.com/IFRindex.php For some reason when I mouse over several of my links on the left sidebar other divs reposition themselves. For example, hovering over the more link in About the Author moves the archives down, but they reposition themselves if I mouse over any of them. Can anyone see what is causing this? Daniel, IE is known to have many float bugs, and one variety is characterized by a vertical margin or padding being duplicated further down the page. This type of dupe bug is always togglable by hovering of links located in certain elements, but only when a background or certain other properties are changed on hover. You happen to have such a bug, and the BG change on your lower hovered links causes the top margin on div#archives (apparently being duped onto the top of the cleared br) to vanish from the br. Then, hovering of the links above the br restores the phantom margin to the br. You can fix this several ways, by removing that top margin, by removing that cleared br (which seems not to be needed anyway), or by changing the hover effect. The best is to lose the top margin on div#archives and substituting a margin or padding on some other element. HTH Big John = -- Perennial student + Impractical joker + CSS junkie = Big John http://www.positioniseverything.net ___ Do you Yahoo!? Declare Yourself - Register online to vote today! http://vote.yahoo.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] IE 6 Hover Bug?
Return Receipt Your document: [WSG] IE 6 Hover Bug? was received by: Jonathan Cooper/ARTGAL-NSW/AU at: 04/10/2004 09:03:06 PM
[WSG] IE 6 Hover Bug?
I am very confused about a rendering issue in IE 6.02 for an unreleased beta of my site. http://beta.danbowling.com/IFRindex.php For some reason when I mouse over several of my links on the left sidebar other divs reposition themselves. For example, hovering over the more link in About the Author moves the archives down, but they reposition themselves if I mouse over any of them. Can anyone see what is causing this?