Avalon
Jan 12 2006, 02:06 PM
I thought I had Cascading Style Sheets (CSS) pretty much under control, but this has me stumped. What I want to do is format a SELECT drop-down list with a drop shadow as a background image, similar to what I have done with the textarea shown below. As you can see, I can't it get to work on the drop-down box.  I can change the font color, font type, width and background color but I can't seem to use a background image like I can for an INPUT box. I have tried various things without success, can someone please show me a working example of where they have managed to put an image in the background of a SELECT list? I'm getting very frustrated by it. I had a similar problem trying to put a drop shadow image on a TEXTAREA, but I managed to overcome that one by using a discreet style tag in the textarea tag like this. CODE <textarea cols=36 rows=3 name="alt_text" style="width: auto; height: auto; border-style: inset; border-width: 1px; background-color: #FFFFFF; font-size: 10pt; background-image: url('img/drop_shadow.gif'); padding-left: 4px; color: #000000; font-family: Verdana,Arial,'Trebuchet MS'"></textarea> I tried, but that doesn't work on the SELECT list either. 
Reply
Lozbo
Jan 15 2006, 12:11 AM
Greetings Avalon, I'm not sure if that is possible, i have never seen a css background set for a select list... But if you could post the link to the site itself that you are developping it would be nice (and if you have seen something like the shadow you are trying to achieve around, post a link too). I have a link to a site that has a lot of examples of how to achieve a full css formatted forms, with a tableless layout, I mean, pure (x)html divs and spans: http://jeffhowden.com/code/css/forms/Also, if someone is interested I have a link to a site which shows lots of ways of displaying tabular data with different kinds of CSS designs, I know it does not have to do a lot with this thread but I thought it might be helpful too: http://icant.co.uk/csstablegallery/index.php?css=35
Reply
Avalon
Jan 15 2006, 01:16 AM
My site is http://www.mudmall.com and it's on the Custom Search page that I want to format the select box. The site still uses a lot of tables, I haven't got my head around a pure CSS site yet, I will in time. The other problem I had was trying to use a change of opacity effect on a mouseover that would work in both Firefox and IE. I managed to find the answer to that problem thanks to jlhaslip via this link http://www.mandarindesign.com/opacity.html You can see the effect on the any of the thumbnails in my site. I have searched high and low for an answer to my problem with select lists, but I don't think it is possible. Thanks for trying.
Reply
Tyssen
Jan 15 2006, 04:47 AM
Form elements are very hard to style across browsers. In fact, this article suggests you can't achieve cross-browser compatability. But aside from that, are you applying your background image to the select or option element?
Reply
Avalon
Jan 15 2006, 05:17 AM
I am trying to apply a background image to a <select> element... i.e. a drop-down list of values, not a file select control. Something similar to the one shown below, (the post color selection list from the shoutbox here) as you can see, font colors can be changed, as can font face, size and background color, but I can't put a background image in it.  The link you provided does not seem to cover background images which do work in <input> boxes and <textarea> boxes which I have shown in my original post.
Reply
adly3000
Feb 3 2006, 08:14 PM
is there a css code to change the background of that select or of its scroller?
Reply
Lozbo
Feb 9 2006, 02:29 AM
Nice article Tyssen, some one took a lot of time to test this... I come to the conclusion that you dont HAVE to format it exactly the same for everybrowser, It would take too much time to fix little differences and if in the end is still usable, why should we worry that much? adly300 There is a css code to change it, it would be like this: CODE select {background: white url(select-bg.gif) top left no-repeat;}
And for good browsers you can add a :hover pseudoattribute to the rule, and even a :focus...
Reply
Tyssen
Feb 9 2006, 10:13 PM
QUOTE(Lozbo @ Feb 9 2006, 12:29 PM)  I come to the conclusion that you dont HAVE to format it exactly the same for everybrowser, It would take too much time to fix little differences and if in the end is still usable, why should we worry that much?
Exactly - the only people who are gonna look at your site in multiple browsers are web designers/developers.
Reply
Avalon
Feb 10 2006, 10:56 AM
QUOTE(Tyssen @ Feb 10 2006, 09:13 AM)  Exactly - the only people who are gonna look at your site in multiple browsers are web designers/developers.
Even so, I would still like my site to look pretty much the same no matter which browser is used. Because of this I will try to avoid using formatting that is only applicable to one browser.
Reply
Tyssen
Feb 10 2006, 01:16 PM
QUOTE(Avalon @ Feb 10 2006, 08:56 PM)  Even so, I would still like my site to look pretty much the same no matter which browser is used. Because of this I will try to avoid using formatting that is only applicable to one browser.
I'm not saying you shouldn't and I go to great lengths to get everything to look as similar as possible across browsers, but at the end of the day, if you're banging your head against a wall over just the tiniest details, then maybe you gotta step back and ask yourself how much it's worth to be exactly the same.
Reply
Latest Entries
iGuest
May 3 2008, 09:57 AM
Replying to AvalonHi, I am looking to do exactly this on my own site. Http://www.Partfinder.Ie. But without much success to date I'm afraid, so I've had to use normal select box. I'd really appreciate some tips on this. Regards, Rev.
Reply
Recent Queries:--
css select box - 0.05 hr back. (1)
-
select box css border - 0.84 hr back. (1)
-
css formatting select - 1.82 hr back. (1)
-
select box style css opacity html - 4.48 hr back. (1)
-
css to control select list height and width - 4.92 hr back. (1)
-
remove border from select drop list in css - 4.95 hr back. (3)
-
css add background image to form select - 7.72 hr back. (1)
-
css how to change selected select - 8.18 hr back. (1)
-
css selectbox border - 9.12 hr back. (3)
-
css formatting select boxes - 9.61 hr back. (1)
-
css dropdown lists comes below to select box - 9.88 hr back. (1)
-
using image for css select list - 14.64 hr back. (1)
-
css select box selected - 16.20 hr back. (1)
-
css select box drop up - 18.63 hr back. (1)
Similar Topics
Keywords : css, format, select, list
- A List Of Animals And Their Meaning
Like the title says (1)
Database Or Pdf
Best way to list books on my site (1) Hi all, I am not sure if this is the right place to post but I'm sure you'll tell
me if it's not. My problem is this: I have a website where I sell books and it's one of
those simpleton sites where I don't need to know code, I just click icons etc Anyway, I can
upload images to the server and need to have them in different resolutions and link from a thumbnail
to the larger picture. What I am trying to say is I have about 6000 books to display on my
website which is impractical as it takes me about 10 mins to load 1 copy. What is the ....
Recommended List Of Money Making Sites
A list of 10 sites from which easy money can be made (0) I just want to let everyone know I have updated my list of money making websites and in my opinion
the 10 listed are the most reliable and honest money making sites that are free to join available.
Please review this blog and let me know what you think http://makeeasymoney247.blogspot.com ....
Please Can You Review My Blog
List of recommended sites for making money online (3) I am currently in the process of constructing a list of the best sites through which to make money
online and would like people to take a look at the sites I have added so far. I am obviously still a
long way of completing it but just wondering whether people think it is a good site / idea
http://makeeasymoney247.blogspot.com Also if you have not yet signed up to ClixSense I would
highly recommend it. You can join for free but you are better of paying the small $10 yearly
membership fee as this will bring you a ton more paid adverts - more than any other site I ....
Arrays And List Boxes
VB6 Codes needed (2) Hello Guys, I am working on an application. It is such that there are 2 list boxes or combo boxes.
One is Labeled Departure and the other is labeled Destination. The boxes contain various states in
America and each state has its unique feature of distances. The difference of the distances has to
be reflected on a label. Where I need help is a code to execute the contents of the array into
values For instance: Option Explicit Private Type Stateinfo statedeparture as integer
stateDestination as integer TotalDistance as integer End Type Dim StateDistance ....
How To Make An Ultimate Game List.
If you're making a site on video games or such. (0) Hello. I am BuBBaG. You can call me Bubba for short. I'm going to show you how to make an
Ultimate Game List. First off, we need to make a database, we are going to call this database
`my_db`, leave out the `'s. Inside that database we will need to create a table
called `ugl'(Ultimate Game List, duh). To make the table, simply enter this in the Syntax.
CODE CREATE TABLE ugl ( System char(50), Game char(50), ) In the
above code, it is stating we are creating a table called ugl, with two columns, System, and Gam....
Program List
(4) Ever forget what the program is? My friend made this list a while back at another forum and I have
had it on another forum sitting there, maybe you will get some use from it. QUOTE 3D
Graphics: 3Delight Free - http://www.3delight.com/index.htm Anim8or - http://www.anim8or.com/
Blender - http://www.blender3d.org/ gmax - http://www.discreet.com/products/gmax/ Houdini
(Free Edition) - http://www.sidefx.com/apprentice/index.html Now3D -
http://digilander.libero.it/giulios/Eng/homepage.htm OpenFX - http://www.openfx.org POV-Ray -
http://www.povra....
Posts To Mailing List Are Blocked
Every post to the mailing list returns a Delivery failure notice. (1) The mailing list appears to be intact but every attempt to post to it receives a Delivery failure
notice. Here are 2 examples from 2 different emails. QUOTE
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ---------------------------------EXAMPLE
NOTICE #1--------------------------------------
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> This is an automatically generated Delivery
Status Notification Delivery to the following recipient failed permanently:
future@renaissance.trap17.com Technical details of permanent failure: PERM_FAILURE: Gm....
Html Ascii Codes - A Complete List
downloadable php file (3) I was often frustrated at how, despite there being thousands of ASCII "special characters" such as
&8659; , websites that claimed to list them all only listed the first 256. To combat this issue,
I have created a table which lists the first 10,001 - from � to &10000; I am sure
there are many more but it is simply not feasible to create a table with many more rows as viewing
it would put terrific strain on the browser.! You can download the file in two forms. One uses
PHP to dynamically create the table (1KB), the other has it ready-made in pure HT....
Mp3
audio format (0) I know, everybody heard for this audio format, but I am interested what is the difference between
mp3 and mp3pro and lame mp3. I just can't see the difference between those mp3 audio formats.
And another thing is there any difference between stereo sound and joint stereo sound coded in one
of these mp3 audio formats. I know that mono has just 1 channel and stereo has 2 channels, so I am
asking what is joint stereo. How many channels are there? I would be very appreciate to someone who
knows any difference. Regards.....
Can Anyone List Some Good Urls For Photoshop Brushes?
(5) I've been dying to find some good brushes. But all the ones I can find are on deviantart.com but
they aren't exactly what I'm looking for. I'm looking for different types of brushes
like brand types, peace signs, flowers and stars. Do you guys know any other good sites where I can
find these brushes? Thank You So Much! If you want, you can help post some sites for other
types of brushes that you enjoy using!....
List Of Free Directories To Submit Your Websites
(7) Hi: Submission in free directories is a world-known way to increase ranking and traffic. But most
of you don't know a good source of that list of directories. Here is a great source of free
directories list . Just start submission in those directories in your free time, and see you
ranking.......
157 Of The Best Free Software On The Net
Freeware Software List (7) I nearly had a heart attack when I saw this e-magazine (PC Magazine) on a website that will remain
nameless just because of the nature of this website. Anyway with my wonderful pdf extracting skills
I cut the pages down, and if all goes well the links to the original article should still work. So
what kind of software are we talking about well I put it like this you might already have them,
software covers Operating Systems, Antivirus/Anti-Malware, Firewalls, Security, Finance, Office,
Calendar/PIMs, Backup/Sync, App Launchers, Utilities, Downloads, Interface Enhanceme....
High-def Format War Over?
(2) Well that is the question, and several sites are comfirming that story last week as the last of the
major distributors of High Def decided to drop the HD DVD format. With that single event happening
it would seem that Blu-Ray has won the war, and that being said, how will the prices fair on that
little event? Since that was the major problem problem in this war is that those dvd players where
very expensive, and I still believe that the big name players are about $200 a pop, and the
movies themselvs were about $30 a shot. Since I started with the DVD format ....
A List Of Great Free Software
Good open source variants of commercial software (9) 1.GIMP - GNU Image Manipulation Program || http://gimp.org GIMP is a good variant of Adobe
Photoshop. It is tiny in download size (only 14 MB). Runs under most operating systems including
Windows, Linux, and Mac OS X. This program even comes pre-installed with Ubuntu Linux. I would
highly reccommend using this program for graphics because it is a free and highly extensible. It can
even open up the native Photoshop image format. I also am able to use Photoshop brushes with GIMP.
2.OpenOffice.org 2.3 || http://openoffice.org OpenOffice.org is an office suite compa....
Making Money Online
A Whole List of Paid to Reads And Paid to Clicks online (7) Hey, if you came here to find out how to make money online, then here you are. This site was one I
made in freewebs so I can get referrals and you guys can make money. The site is...
www.freewebs.com/hyangkim60 Go on the site and you guys can see how my friends made money. They
advised it so I tried and now I am sharing with you too. Good luck!....
Data Structures -- Linked List -- Reverse
Reverse a linked list (3) Give an algorithm to reverse a linked list with a time complexity of O(n) and minimal space
complexity. What is a linked list? Search trap17.com. i Have already answered this question in
one of my older questions. Solution 1 Here is one simple solution... CODE Void
ReverseList(node* head) { node *temp,*current,*result; temp=null; result=null;
current=head; while(current!=null) { temp=current->next;
current->next=result; result=current; current=temp; }
head=result; ....
Free Sms Site
List of free SMS sites (4) I start this topic for us to post free sms working site. If anyone of us have a free sms site that
works, don't hesitate to post it here! Thank to all of you to participate. /wink.gif"
style="vertical-align:middle" emoid=";)" border="0" alt="wink.gif" /> EDIT--- Kindly give
description about the SMS site, if possible :-)....
A List Of Great Movies!
(160) Ok, muy favorite movies are: Butterfly Effect Pirates of the Caribbean (The curse of the Black
Pearl) Titan AE....
Software That Will Convert .cue/.bin Files To A Different Format Like .avi
(10) Ok, well recently i downloaded a little snippet of somthing that i couldn't find anywhere else,
and i wish i could have found it somewhere else because the snippet is in .cue/.bin video image
format.. and that is not exactly what i want... i know how to play it, i used VLC media player to
play the file, but now i want to write it to a CD but i do not want to keep VLC media player on my
computer or install it on any computer i want to play this file on... so i was hoping to convert
icue/.bin files to somthing like what the rest of what i have is which is .avi i h....
Proxy List
(29) Here is a list of proxies that I find to be useful for some deeds that you people may or may not
engage in. QUOTE http://anonymouse.ws/ http://www.shadowbrowser.com/?pin=trial
http://www.proxyking.net/ http://www.anonymousindex.com/ http://www.hidemyass.com/
http://www.proxy7.com/ http://www.proxyfoxy.com/ http://www.78y.net/ http://www.75i.net/
http://www.dzzt.com/ http://www.proxyguy.com/ http://www.gamesproxy.com/ http://www.proxyz.be/
http://www.antifw.tk/ http://www.proxyhero.com/ http://www.proxydrop.com/
http://www.proxydrop....
A List Of Awesome Free Fps'
(first person shooters) (29) Ok, so here's an awsome list of some free first person shooters that AREN'T CRAP. These are
actually made by the pros. these are for all PC OSes. Wolfenstein - enemy territory Nexuiz
America's Army- special forces Counter Strike edit: I'm dumb. Legends ....
Auto Webpage Resolution Format
Viewing Problem Help Needed Please (7) Hi, my website was created with Frontpage 2003. At screen resolution 1024 * 768. Now the problem
that I am finding is people with a screen resol. 800 * 600 see the table and everything in the wrong
place and its all messed up. Is there a way to make it so the site is compatiable with all screen
resolutions. Thanx in advance for your help. Edited topic title. ....
List Of Free Domain Names - Com, Net, Org Etc
top level domain names (53) I recently found a site that distributes free domain names. Apparently, they aren't really free.
Nothing in life is. How you actually get their domain is that you accept offers from a program
called Metareward. Sadly, the scumbags who advertise there either clog your computer full of spyware
or have something called "hidden charges" that most people on the Internet doesn't know about.
All in all, it's best that you don't trust ANYTHING that call themselves free. As I heard
many times in my life: QUOTE Nothing in life is free you cheap phony! ....
Super Smash Brothers 3
with character list! (43) Super smash brothers 3 will be coming out with the new nintendo revolutions. They say it will
support up to 8 players. I've seen most if not all of the characters that will be featured in
this game, and i must say this will be a heck of a fight. Here is the character list: QUOTE
Dr. Mario FLudd Mario Tanooki Mario Mario Luigi Shadow Mario Frog-suit Mario Hammer-suit Mario Yoshi
Boshi (LOL, yoshi's rival) Capt. Syrup Peach Daisy Bowser Bowser Jr. Koopa Viruses Wart Birdo
Magikoopa Donkey Kong Diddy Kong Dixie Kong King k. Rool Petey Pirahna Toad Wario Waluig....
List GMail Giveaway
(58) The following are people who are willing to giveaway their invites. If you need them, you can refer
to this list:
OrionLeingod = stoneddevil(at)gmail(dot)com
Random = boomba.is(at)gmail(dot)com
rmdort = rmdort(at)GMail(dot)com
TWIXMIX = ryan.nielson(at)GMail(dot)com
chakhei =
peter4all(at)rediffmail(dot)com or PM him
Afula = ivgenib(at)GMail(dot)com
Bandit =
bandit.mafiot(at)GMail(dot)com
Emilin =emi.babe AT gmail DOT com
nate9000 = nate9000 (AT) gmail
(DOT) com
gowron = paul(at)magielse(d0t)com
Darthbob = therealdarthbob AT gmail DOT com
TheStand
= Bren....
Getting List Of Directories And Files Using Php
PHP Function for Directory and File List (6) is there a php function that lists the content of some folder.... example: /New folder new.txt
left.gif download.zip dc.exe ....so is there..? /rolleyes.gif' border='0'
style='vertical-align:middle' alt='rolleyes.gif' /> ....
Free Classified Ads--no Hype
Regional ads with photos at Craig's List (3) Craig's List has been around forever and it just keeps getting better. There's no hype, no
popups, no banners, just legitimate ads with photos that really pull. Our son sold 2 items over
there last month. You have to renew them or they fall off and it's best to cancel and re-list
your stuff, weekly, to stay near the top. /smile.gif' border='0' style='vertical-align:middle'
alt='smile.gif' /> Craig's List ....
What's Your Favorite Game System - Console
select one from each poll (175) i'm a computer game fan. it's expensive but more useful. it can be use for many purpose for
your study and entertainment. much easier to use and most common to more people.....
Converting Video Files From One Format To Another
help plz :) (6) hey i have learnt this nice way to open mov files in imageready and insert them in sigs,graphics and
other stuff its really cool,this only works with .mov files and i really need to know if sumone here
can do that,i need to change a wmv file into a .mov file so i cant add the movie to a sig,i have
tried many video format conversion programs but they dont accept the mov format,the mov format is a
quicktime video format,so anyone here know how to change a video file into a quicktime mov video
format? thnx in advance....
Looking for css, format, select, list
|
|
Searching Video's for css, format, select, list
|
advertisement
|
|