I see spots before my eyes. Loosing the bullet points

[phill104]

I seem to be unable to find out how to get rid of the bullet points that are rearing their ugly head.

http://www.windsurf.me.uk/cpg133/thumbnails.php?album=61

I don't normally struggle with simple css, maybe it is lack of sleep or staring at it for so long I'm going blind.

[Joe Carver]

I could not see exactly what/which you were referring to but the W3C validation page lit up with a reference to a misplaced  </ul>.

[phill104]

Hi Joe,

The theme is far from complete so the validation is not too much of a problem yet.

Take a look at all the menu items and you will see bullet points in them, the are in other places too.

[Jeff Bailey]

the bullet comes from

Code Select Expand


var separator = ' • ';

in thumbnails.js

Is it possible to just edit that or do you need to hide it with css?

[Joe Carver]

the bullet comes from .......thumbnails.js

I am not too sure I agree because the artifact also shows on search.php where thumbnails.js should not have an influence. However I must say that all is just a guess from this distance.

@Phil, the stray </ul> in the Curve theme was fixed by Joachim. You might want to use that newer version of Curve as your template before you go too far (it was not was easily found by me - I was happy that he was able to find and fix it quickly)

[Jeff Bailey]

oops i was looking at the wrong dots.

[phill104]

@Phil, the stray </ul> in the Curve theme was fixed by Joachim. You might want to use that newer version of Curve as your template before you go too far (it was not was easily found by me - I was happy that he was able to find and fix it quickly)

I'm already at rev 7319 and that was fixed at 7300 so the stray /ul must be from somewhere else.

Now back to me spots.

[Jeff Bailey]

In template.css

Code Select Expand


ul li {
background: url(../images/bullet.gif) no-repeat 20px 8px;
padding-left: 30px;
}


This should be the dot your seeing.

[phill104]

3am last night I was looking straight at that and missed it. It is always a mare when integrating 2 templates like that. I've added a !important rule to style.css

It cures the menu bullets but the others (the ones in the image you posted) don't go away.

[Jeff Bailey]

The ones in the image I posted come from the javascript mentioned here:
http://forum.coppermine-gallery.net/index.php/topic,64160.msg318729.html#msg318729

[phill104]

Yeah, I'm working on that. Thanks for your help, I just couldn't find them.

[Joe Carver]

I'm already at rev 7319 and that was fixed at 7300 so the stray /ul must be from somewhere else.

7139 seems to have the validation error - for the moment I will leave it to someone else to confirm + report

From W3C validation:    "end tag for "ul" which is not finished"

[Shane]

3am last night I was looking straight at that and missed it. It is always a mare when integrating 2 templates like that. I've added a !important rule to style.css

It cures the menu bullets but the others (the ones in the image you posted) don't go away.

Phil, can you detail the !important rule you added to style.css to get rid of the menu bullets.  I'm having the same issue and have no idea what needs to be fixed.  Sites:  http://philmontforum.com/cpg and http://philmontforum.com/15test/cpg (test bed for trying out stuff).  My sites are also bridged to Joomla via Mehdi's bridge.

Thanks!

[phill104]

I'll have a look when I get home this evening. If I don't respond by tomorrow morning please bump this thread.

[Jeff Bailey]

In your themes style.css

Code Select Expand


ul li {
background:none repeat scroll 0 0 transparent !important;
}


[phill104]

Cheers Jeff, I was also going to attach the other adjustments I made to the integrated css but it looks like Shane is doing a great job.

[Shane]

You guys are great!  My spots are gone... except for the same one's still on Phil's site...

Thanks for the help!

[Jeff Bailey]

the bullet comes from

Code Select Expand


var separator = ' • ';

in thumbnails.js

Is it possible to just edit that or do you need to hide it with css?

just take the

Code Select Expand


•

out.