...

View Full Version : Drop down menu



charisma44
11-10-2012, 04:56 PM
I would like to know if there is a way to make my drop down menu's a little bigger, for people with vision problems. The menu I'm referring to is the one that is called province. Not my navigation menu. :)

http://www.cjwebconsulting.com/destination/canada.html

optimizer123
11-10-2012, 07:02 PM
Create a new Id in CSS & then edit your HTML:


#big {
font-size:20px;
}

<option value="#" id='big'>Alberta</option>

charisma44
11-10-2012, 07:05 PM
I under stand the CSS. But where would I put the other code? :)

charisma44
11-10-2012, 07:10 PM
Oh I see what you mean. I was referring to the whole menu look. Where you click on the drop menu button. I like to make the whole thing bigger. It's to small of a button for people with vision problem.

optimizer123
11-10-2012, 07:21 PM
Ok since it's name="select" it means that if you want to change the size of it you should make a class in CSS:


select {
width: 200px;
height: 30px;
}

That would make the box bigger together with the button. I guess that's as far as you can go.

charisma44
11-10-2012, 07:38 PM
Thats perfect and it works great. I'm just trying to get the words " Choose Province" bigger and centered.

optimizer123
11-10-2012, 07:50 PM
select {
width: 200px;
height: 30px;
text-align: center;
}

To center the text..
Trying to figure out how to make the selected province bigger hm..

charisma44
11-10-2012, 08:10 PM
I got it. Thanks so much. :)

optimizer123
11-10-2012, 10:11 PM
You're very welcome! :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum