Selectbox
lima-city → Forum → Programmiersprachen → PHP, MySQL & .htaccess
arabische emirate
aserbaidschan
belgien
bolivien
flaggen
gibraltar
grossbritannien
indonesien
island
kolumbien
madagaskar
option
paraguay
philippinen
sierra
suriname
tunesien
uganda
uruguay
vatikan
-
Hallo,
hat jemand eine Idee wie ich eine Selectbox so einrichten kann?
http://leaguez.yusho.de/gfx/media/nation.JPG
Denn in "standard" html gibt es keine img-tag's innerhalb einer selectbox.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
So?:
<option value=''>nichts ändern?</option> <option value=''>-------------------------------</option> <option value='eg'> ?gypten</option> <option value='us'> Amerika</option> <option value='et'> ?thopien</option> <option value='al'> Albanien</option> <option value='dz'> Algerien</option> <option value='ao'> Angola</option> <option value='ar'> Argentinien</option> <option value='am'> Armeniien</option> <option value='aw'> Aruba</option> <option value='au'> Australien</option> <option value='az'> Aserbaidschan</option> <option value='bs'> Bahamas</option> <option value='bh'> Bahrain</option> <option value='bd'> Bangladesh</option> <option value='bb'> Barbados</option> <option value='be'> Belgien</option> <option value='bz'> Belize</option> <option value='bj'> Benin</option> <option value='bm'> Bermuda</option> <option value='bt'> Bhutan</option> <option value='bo'> Bolivien</option> <option value='ba'> Bosnien Herzegovina</option> <option value='bw'> Botswana</option> <option value='br'> Brasilien</option> <option value='bn'> Brunei Darussalam</option> <option value='bg'> Bulgarien</option> <option value='bf'> Burkina Faso</option> <option value='bi'> Burundi</option> <option value='cv'> Cape Verde</option> <option value='ky'> Cayman Islands</option> <option value='cl'> Chile</option> <option value='cn'> China</option> <option value='ck'> Cook Islands</option> <option value='cr'> Costa Rica</option> <option value='ci'> Cote D'Ivoire</option> <option value='dk'> D?nemark</option> <option value='de'> Deutschland</option> <option value='ec'> Ecuador</option> <option value='er'> Eritrea</option> <option value='ee'> Estland</option> <option value='fo'> Faroer Inseln</option> <option value='fj'> Fidschi</option> <option value='fi'> Finnland</option> <option value='fr'> Frankreich</option> <option value='pf'> French Polynesia</option> <option value='ga'> Gabon</option> <option value='ge'> Georgien</option> <option value='gi'> Gibraltar</option> <option value='gr'> Griechenland</option> <option value='gl'> Gr?nland</option> <option value='gp'> Guadeloupe</option> <option value='gu'> Guam</option> <option value='gt'> Guatemala</option> <option value='gy'> Guyana</option> <option value='ht'> Haiti</option> <option value='hk'> Hong Kong</option> <option value='hu'> Ungarn</option> <option value='is'> Island</option> <option value='in'> Indien</option> <option value='id'> Indonesien</option> <option value='ir'> Iran</option> <option value='iq'> Irak</option> <option value='ie'> Irland</option> <option value='il'> Israel</option> <option value='it'> Italien</option> <option value='jm'> Jamaica</option> <option value='jp'> Japan</option> <option value='jo'> Jordan</option> <option value='yu'> Jugoslavien</option> <option value='kh'> Kambodscha</option> <option value='cm'> Kamerun</option> <option value='ca'> Kanada</option> <option value='qa'> Katar</option> <option value='kz'> Kazachstan</option> <option value='ke'> Kenia</option> <option value='ki'> Kiribati</option> <option value='co'> Kolumbien</option> <option value='cg'> Kongo</option> <option value='hr'> Kroatien</option> <option value='cu'> Kuba</option> <option value='kg'> Kyrgyzstan</option> <option value='lv'> Lettland</option> <option value='lb'> Libanon</option> <option value='ly'> Lybien</option> <option value='lt'> Litauen</option> <option value='lu'> Luxemburg</option> <option value='mo'> Macau</option> <option value='mk'> Mazedonien</option> <option value='mg'> Madagaskar</option> <option value='my'> Malaysia</option> <option value='mx'> Mexico</option> <option value='md'> Moldavien</option> <option value='mc'> Monaco</option> <option value='mn'> Mongolei</option> <option value='ms'> Montserrat</option> <option value='ma'> Morocco</option> <option value='mz'> Mozambique</option> <option value='na'> Namibia</option> <option value='nr'> Nauru</option> <option value='np'> Nepal</option> <option value='nc'> Neu Kaledonien</option> <option value='nz'> Neuseeland</option> <option value='nl'> Niederlande</option> <option value='an'> Niederl?ndische Antillen</option> <option value='kp'> Nord Korea</option> <option value='nf'> Norfolk Insel</option> <option value='mp'> N?rdliche Marianen</option> <option value='no'> Norwegen</option> <option value='om'> Oman</option> <option value='at'> ?sterreich</option> <option value='tp'> Ost Timor</option> <option value='pk'> Pakistan</option> <option value='pa'> Panama</option> <option value='py'> Paraguay</option> <option value='pe'> Peru</option> <option value='ph'> Philippinen</option> <option value='pl'> Polen</option> <option value='pt'> Portugal</option> <option value='pr'> Puerto Rico</option> <option value='ro'> Rom?nien</option> <option value='ru'> Russland</option> <option value='lc'> Saint Lucia</option> <option value='pm'> Saint Pierre und Miquelon</option> <option value='ws'> Samoa</option> <option value='sa'> Saudi Arabien</option> <option value='sx'> Schottland</option> <option value='sl'> Sierra Leone</option> <option value='sg'> Singapur</option> <option value='sk'> Slovakei</option> <option value='si'> Slovenien</option> <option value='sb'> Salomonen</option> <option value='so'> Somalia</option> <option value='za'> S?d Afrika</option> <option value='kr'> S?d Korea</option> <option value='es'> Spanien</option> <option value='lk'> Sri Lanka</option> <option value='sd'> Sudan</option> <option value='sr'> Suriname</option> <option value='se'> Schweden</option> <option value='ch'> Schweiz</option> <option value='sy'> Syrien</option> <option value='tw'> Taiwan</option> <option value='tz'> Tanzania</option> <option value='th'> Thailand</option> <option value='tg'> Togo</option> <option value='to'> Tonga</option> <option value='tt'> Trinidad und Tobago</option> <option value='cz'> Tschechien</option> <option value='tn'> Tunesien</option> <option value='tr'> Turkei</option> <option value='tc'> Turks und Caicos Islands</option> <option value='tv'> Tuvalu</option> <option value='ug'> Uganda</option> <option value='ua'> Ukraine</option> <option value='uk'> Grossbritannien</option> <option value='uy'> Uruguay</option> <option value='ve'> Venezuela</option> <option value='va'> Vatikan</option> <option value='ae'> Vereinigte Arabische Emirate</option> <option value='vn'> Vietnam</option> <option value='vg'> Virgin Islands, Britisch</option> <option value='vi'> Virgin Islands, U.S.</option> <option value='by'> Wei?russland</option> <option value='ye'> Yemen</option> <option value='zm'> Zambia</option> <option value='cf'> Zentralafrikan. Republik</option> <option value='cy'> Zypern</option>
css-datei:
option[value=eu]:before { content: url("../../images/flaggen/eu.gif"); } option[value=bx]:before { content: url("../../images/flaggen/bx.gif"); } option[value=eg]:before { content: url("../../images/flaggen/eg.gif"); } option[value=us]:before { content: url("../../images/flaggen/us.gif"); } option[value=et]:before { content: url("../../images/flaggen/et.gif"); } option[value=al]:before { content: url("../../images/flaggen/al.gif"); } option[value=dz]:before { content: url("../../images/flaggen/dz.gif"); } option[value=ao]:before { content: url("../../images/flaggen/ao.gif"); } option[value=ar]:before { content: url("../../images/flaggen/ar.gif"); } option[value=am]:before { content: url("../../images/flaggen/am.gif"); } option[value=aw]:before { content: url("../../images/flaggen/aw.gif"); } option[value=au]:before { content: url("../../images/flaggen/au.gif"); } option[value=az]:before { content: url("../../images/flaggen/az.gif"); } option[value=bs]:before { content: url("../../images/flaggen/bs.gif"); } option[value=bh]:before { content: url("../../images/flaggen/bh.gif"); } option[value=bd]:before { content: url("../../images/flaggen/bd.gif"); } option[value=bb]:before { content: url("../../images/flaggen/bb.gif"); } option[value=be]:before { content: url("../../images/flaggen/be.gif"); } option[value=bz]:before { content: url("../../images/flaggen/bz.gif"); } option[value=bj]:before { content: url("../../images/flaggen/bj.gif"); } option[value=bm]:before { content: url("../../images/flaggen/bm.gif"); } option[value=bt]:before { content: url("../../images/flaggen/bt.gif"); } option[value=bo]:before { content: url("../../images/flaggen/bo.gif"); } option[value=ba]:before { content: url("../../images/flaggen/ba.gif"); } option[value=bw]:before { content: url("../../images/flaggen/bw.gif"); } option[value=br]:before { content: url("../../images/flaggen/br.gif"); } option[value=bn]:before { content: url("../../images/flaggen/bn.gif"); } option[value=bg]:before { content: url("../../images/flaggen/bg.gif"); } option[value=bf]:before { content: url("../../images/flaggen/bf.gif"); } option[value=bi]:before { content: url("../../images/flaggen/bi.gif"); } option[value=cv]:before { content: url("../../images/flaggen/cv.gif"); } option[value=ky]:before { content: url("../../images/flaggen/ky.gif"); } option[value=cl]:before { content: url("../../images/flaggen/cl.gif"); } option[value=cn]:before { content: url("../../images/flaggen/cn.gif"); } option[value=ck]:before { content: url("../../images/flaggen/ck.gif"); } option[value=cr]:before { content: url("../../images/flaggen/cr.gif"); } option[value=ci]:before { content: url("../../images/flaggen/ci.gif"); } option[value=dk]:before { content: url("../../images/flaggen/dk.gif"); } option[value=de]:before { content: url("../../images/flaggen/de.gif"); } option[value=ec]:before { content: url("../../images/flaggen/ec.gif"); } option[value=er]:before { content: url("../../images/flaggen/er.gif"); } option[value=ee]:before { content: url("../../images/flaggen/ee.gif"); } option[value=fo]:before { content: url("../../images/flaggen/fo.gif"); } option[value=fj]:before { content: url("../../images/flaggen/fj.gif"); } option[value=fi]:before { content: url("../../images/flaggen/fi.gif"); } option[value=fr]:before { content: url("../../images/flaggen/fr.gif"); } option[value=pf]:before { content: url("../../images/flaggen/pf.gif"); } option[value=ga]:before { content: url("../../images/flaggen/ga.gif"); } option[value=ge]:before { content: url("../../images/flaggen/ge.gif"); } option[value=gi]:before { content: url("../../images/flaggen/gi.gif"); } option[value=gr]:before { content: url("../../images/flaggen/gr.gif"); } option[value=gl]:before { content: url("../../images/flaggen/gl.gif"); } option[value=gp]:before { content: url("../../images/flaggen/gp.gif"); } option[value=gu]:before { content: url("../../images/flaggen/gu.gif"); } option[value=gt]:before { content: url("../../images/flaggen/gt.gif"); } option[value=gy]:before { content: url("../../images/flaggen/gy.gif"); } option[value=ht]:before { content: url("../../images/flaggen/ht.gif"); } option[value=hk]:before { content: url("../../images/flaggen/hk.gif"); } option[value=hu]:before { content: url("../../images/flaggen/hu.gif"); } option[value=is]:before { content: url("../../images/flaggen/is.gif"); } option[value=in]:before { content: url("../../images/flaggen/in.gif"); } option[value=id]:before { content: url("../../images/flaggen/id.gif"); } option[value=ir]:before { content: url("../../images/flaggen/ir.gif"); } option[value=iq]:before { content: url("../../images/flaggen/iq.gif"); } option[value=ie]:before { content: url("../../images/flaggen/ie.gif"); } option[value=il]:before { content: url("../../images/flaggen/il.gif"); } option[value=it]:before { content: url("../../images/flaggen/it.gif"); } option[value=jm]:before { content: url("../../images/flaggen/jm.gif"); } option[value=jp]:before { content: url("../../images/flaggen/jp.gif"); } option[value=jo]:before { content: url("../../images/flaggen/jo.gif"); } option[value=yu]:before { content: url("../../images/flaggen/yu.gif"); } option[value=kh]:before { content: url("../../images/flaggen/kh.gif"); } option[value=cm]:before { content: url("../../images/flaggen/cm.gif"); } option[value=ca]:before { content: url("../../images/flaggen/ca.gif"); } option[value=qa]:before { content: url("../../images/flaggen/qa.gif"); } option[value=kz]:before { content: url("../../images/flaggen/kz.gif"); } option[value=ke]:before { content: url("../../images/flaggen/ke.gif"); } option[value=ki]:before { content: url("../../images/flaggen/ki.gif"); } option[value=co]:before { content: url("../../images/flaggen/co.gif"); } option[value=cg]:before { content: url("../../images/flaggen/cg.gif"); } option[value=hr]:before { content: url("../../images/flaggen/hr.gif"); } option[value=cu]:before { content: url("../../images/flaggen/cu.gif"); } option[value=kg]:before { content: url("../../images/flaggen/kg.gif"); } option[value=lv]:before { content: url("../../images/flaggen/lv.gif"); } option[value=lb]:before { content: url("../../images/flaggen/lb.gif"); } option[value=ly]:before { content: url("../../images/flaggen/ly.gif"); } option[value=lt]:before { content: url("../../images/flaggen/lt.gif"); } option[value=lu]:before { content: url("../../images/flaggen/lu.gif"); } option[value=mo]:before { content: url("../../images/flaggen/mo.gif"); } option[value=mk]:before { content: url("../../images/flaggen/mk.gif"); } option[value=mg]:before { content: url("../../images/flaggen/mg.gif"); } option[value=my]:before { content: url("../../images/flaggen/my.gif"); } option[value=mx]:before { content: url("../../images/flaggen/mx.gif"); } option[value=md]:before { content: url("../../images/flaggen/md.gif"); } option[value=mc]:before { content: url("../../images/flaggen/mc.gif"); } option[value=mn]:before { content: url("../../images/flaggen/mn.gif"); } option[value=ms]:before { content: url("../../images/flaggen/ms.gif"); } option[value=ma]:before { content: url("../../images/flaggen/ma.gif"); } option[value=mz]:before { content: url("../../images/flaggen/mz.gif"); } option[value=na]:before { content: url("../../images/flaggen/na.gif"); } option[value=nr]:before { content: url("../../images/flaggen/nr.gif"); } option[value=np]:before { content: url("../../images/flaggen/np.gif"); } option[value=nc]:before { content: url("../../images/flaggen/nc.gif"); } option[value=nz]:before { content: url("../../images/flaggen/bz.gif"); } option[value=nl]:before { content: url("../../images/flaggen/nl.gif"); } option[value=an]:before { content: url("../../images/flaggen/an.gif"); } option[value=kp]:before { content: url("../../images/flaggen/kp.gif"); } option[value=nf]:before { content: url("../../images/flaggen/nf.gif"); } option[value=mp]:before { content: url("../../images/flaggen/mp.gif"); } option[value=no]:before { content: url("../../images/flaggen/no.gif"); } option[value=om]:before { content: url("../../images/flaggen/om.gif"); } option[value=at]:before { content: url("../../images/flaggen/at.gif"); } option[value=tp]:before { content: url("../../images/flaggen/tp.gif"); } option[value=pk]:before { content: url("../../images/flaggen/pk.gif"); } option[value=pa]:before { content: url("../../images/flaggen/pa.gif"); } option[value=py]:before { content: url("../../images/flaggen/py.gif"); } option[value=pe]:before { content: url("../../images/flaggen/pe.gif"); } option[value=ph]:before { content: url("../../images/flaggen/ph.gif"); } option[value=pl]:before { content: url("../../images/flaggen/pl.gif"); } option[value=pt]:before { content: url("../../images/flaggen/pt.gif"); } option[value=pr]:before { content: url("../../images/flaggen/pr.gif"); } option[value=ro]:before { content: url("../../images/flaggen/ro.gif"); } option[value=ru]:before { content: url("../../images/flaggen/ru.gif"); } option[value=lc]:before { content: url("../../images/flaggen/lc.gif"); } option[value=pm]:before { content: url("../../images/flaggen/pm.gif"); } option[value=ws]:before { content: url("../../images/flaggen/ws.gif"); } option[value=sa]:before { content: url("../../images/flaggen/sa.gif"); } option[value=sx]:before { content: url("../../images/flaggen/sx.gif"); } option[value=sl]:before { content: url("../../images/flaggen/sl.gif"); } option[value=sg]:before { content: url("../../images/flaggen/sg.gif"); } option[value=sk]:before { content: url("../../images/flaggen/sk.gif"); } option[value=si]:before { content: url("../../images/flaggen/si.gif"); } option[value=sb]:before { content: url("../../images/flaggen/sb.gif"); } option[value=so]:before { content: url("../../images/flaggen/so.gif"); } option[value=za]:before { content: url("../../images/flaggen/za.gif"); } option[value=kr]:before { content: url("../../images/flaggen/kr.gif"); } option[value=es]:before { content: url("../../images/flaggen/es.gif"); } option[value=lk]:before { content: url("../../images/flaggen/lk.gif"); } option[value=sd]:before { content: url("../../images/flaggen/sd.gif"); } option[value=sr]:before { content: url("../../images/flaggen/sr.gif"); } option[value=se]:before { content: url("../../images/flaggen/se.gif"); } option[value=ch]:before { content: url("../../images/flaggen/ch.gif"); } option[value=sy]:before { content: url("../../images/flaggen/sy.gif"); } option[value=tw]:before { content: url("../../images/flaggen/tw.gif"); } option[value=tz]:before { content: url("../../images/flaggen/tz.gif"); } option[value=th]:before { content: url("../../images/flaggen/th.gif"); } option[value=tg]:before { content: url("../../images/flaggen/tg.gif"); } option[value=to]:before { content: url("../../images/flaggen/to.gif"); } option[value=tt]:before { content: url("../../images/flaggen/tt.gif"); } option[value=cz]:before { content: url("../../images/flaggen/cz.gif"); } option[value=tn]:before { content: url("../../images/flaggen/tn.gif"); } option[value=tr]:before { content: url("../../images/flaggen/tr.gif"); } option[value=tc]:before { content: url("../../images/flaggen/tc.gif"); } option[value=tv]:before { content: url("../../images/flaggen/tv.gif"); } option[value=ug]:before { content: url("../../images/flaggen/ug.gif"); } option[value=ua]:before { content: url("../../images/flaggen/ua.gif"); } option[value=uk]:before { content: url("../../images/flaggen/uk.gif"); } option[value=uy]:before { content: url("../../images/flaggen/uy.gif"); } option[value=ve]:before { content: url("../../images/flaggen/ve.gif"); } option[value=va]:before { content: url("../../images/flaggen/va.gif"); } option[value=ae]:before { content: url("../../images/flaggen/ae.gif"); } option[value=vn]:before { content: url("../../images/flaggen/vn.gif"); } option[value=vg]:before { content: url("../../images/flaggen/vg.gif"); } option[value=vi]:before { content: url("../../images/flaggen/vi.gif"); } option[value=by]:before { content: url("../../images/flaggen/by.gif"); } option[value=ye]:before { content: url("../../images/flaggen/ye.gif"); } option[value=zm]:before { content: url("../../images/flaggen/zm.gif"); } option[value=cf]:before { content: url("../../images/flaggen/cf.gif"); } option[value=cy]:before { content: url("../../images/flaggen/cy.gif"); } -
jo so in der art
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage