Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
#31 2008-01-25 08:03:30
- masa
- Member
- From: North Wales, UK
- Registered: 2005-11-25
- Posts: 1,095
Re: lam_category_popup v0.5 (category popup selector using optiongroups)
Styling support for popups isn’t great and tends to be rather inconsistent. Here is a sample with renderings from several Mac browsers.
What you want to style are the select, option and optgroup elements.
Offline
#32 2008-01-25 08:43:54
- SebastianS
- Member
- From: Australia
- Registered: 2007-10-05
- Posts: 46
Re: lam_category_popup v0.5 (category popup selector using optiongroups)
Thank you for your reply.
Researching further:-
Firefox styles how I want it to be black on white.
IE7 No text background blue black on white
opera 9.25 and 9.5 no text b/g blue, black on white and white on black.
Now the code I have is:-
<div class=“cat” >
<ul>
<form method=“get” action=“http://localhost/mine/”><div>
Browse<br />
<select name=“c” onchange=“submit(this.form);”>
<option value=”“ selected=“selected”> </option>
<optgroup label=“CSS”>
<option value=“a-child-of-css”>a child of css</option>
</optgroup>
<optgroup label=“SEO”>
</optgroup>
<optgroup label=“Textpattern”>
<option value=“Plugins”>Plugins</option>
</optgroup>
</select>
<noscript><div><input type=“submit” value=“Go” /></div></noscript>
</div>
How are select, option and optgroup elements. styled.
assuming maybe
.select {}
.option {}
.optgroup {}
do any of these effect the width of the popup?
how, where are “hooks for the styles put in the code?
Which in fact would be the tag <txp:lam_category_popup wraptag=“ul” break=“li” />
Offline
#33 2008-01-25 08:56:18
- masa
- Member
- From: North Wales, UK
- Registered: 2005-11-25
- Posts: 1,095
Re: lam_category_popup v0.5 (category popup selector using optiongroups)
They’re plain element styles, not classes, so just remove the leading dots:
select {}
option {}
optgroup {}
That way they will automatically apply, you don’t need to hook them up to your code.
To control the width try for instance:
select { width: 300px; }
Offline
#34 2008-01-25 09:34:51
- masa
- Member
- From: North Wales, UK
- Registered: 2005-11-25
- Posts: 1,095
Re: lam_category_popup v0.5 (category popup selector using optiongroups)
By the way, here’s a good article with plenty of examples.
Offline
#35 2008-01-25 10:00:23
- SebastianS
- Member
- From: Australia
- Registered: 2007-10-05
- Posts: 46
Re: lam_category_popup v0.5 (category popup selector using optiongroups)
Thank you for that link.
The “select” was helpful for width dimension, and controlled background.
the “option” for font colour and background, the children,
Having no luck with the optgroup , which might control the parents?
and I want to control the colour of the hover, which is blue currently
This mostly refers to opera.
I am putting it all on my online practice site so I’ll see if that makes any difference.
Last edited by SebastianS (2008-02-11 05:41:30)
Offline
Re: lam_category_popup v0.5 (category popup selector using optiongroups)
I would like to use this plugin but the download URL is not working. Anyone has got a copy?
SOLVED: The download link at Textpattern Resources does work
Last edited by jordi (2009-05-20 11:03:21)
Offline