Re: [WSG] Help With Hover

2008-06-05 Thread Olajide Olaolorun
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 Olaoloru

Re: [WSG] Help With Hover

2008-06-05 Thread Darren West
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 Olao

Re: [WSG] Help With Hover

2008-06-05 Thread Darren West
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: >> >>

Re: [WSG] Help With Hover

2008-06-05 Thread Todd
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 chan

Re: [WSG] Help With Hover

2008-06-05 Thread Darren West
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

Re: [WSG] Help With Hover

2008-06-05 Thread Olajide Olaolorun
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]>:

Re: [WSG] Help With Hover

2008-06-05 Thread Olajide Olaolorun
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 instea

Re: [WSG] Help With Hover

2008-06-05 Thread Darren West
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 t

Re: [WSG] Help With Hover

2008-06-05 Thread Olajide Olaolorun
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 imag

Re: [WSG] Help With Hover

2008-06-05 Thread Darren West
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;

Re: [WSG] Help With Hover

2008-06-05 Thread Darren West
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

Re: [WSG] Help With Hover

2008-06-05 Thread Olajide Olaolorun
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 <

Re: [WSG] Help With Hover

2008-06-05 Thread Olajide Olaolorun
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

Re: [WSG] Help With Hover

2008-06-05 Thread Olajide Olaolorun
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 Thi

Re: [WSG] Help With Hover

2008-06-05 Thread Darren West
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

Re: [WSG] Help With Hover

2008-06-05 Thread Darren West
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 im

Re: [WSG] Help With Hover

2008-06-05 Thread Darren West
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

Re: [WSG] Help With Hover

2008-06-05 Thread Olajide Olaolorun
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 <[EM

Re: [WSG] Help With Hover

2008-06-05 Thread Prisca schmarsow
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/

Re: [WSG] Help With Hover

2008-06-05 Thread Olajide Olaolorun
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,

Re: [WSG] Help With Hover

2008-06-05 Thread Olajide Olaolorun
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 im

Re: [WSG] Help With Hover

2008-06-05 Thread Rick Lecoat
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

Re: [WSG] Help With Hover

2008-06-05 Thread Olajide Olaolorun
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

Re: [WSG] Help With Hover

2008-06-05 Thread Prisca schmarsow
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

[WSG] Help With Hover

2008-06-05 Thread Olajide Olaolorun
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 ### Pers