Indrag i selectlista

HTML & CSS

11 svar · 424 visningar · startad av jonne

Medlem sedan jan. 20011 154 inlägg
Trådstart#1

Om jag skriver en selectlista som är uppdelad i grupper så som koden här under, hur minskar jag sidoindraget?

<SELECT name="select" class="dropdown">			  
			  	<OPTGROUP label="Ljusbord">
					<OPTION>Project 9905</OPTION>
					<OPTION>Project 9905</OPTION>
					<OPTION>Project 9905</OPTION>
				</OPTGROUP>
				<OPTGROUP label="Mina mappar">
					<OPTION value="ett">Köpta bilder</OPTION>
					<OPTION value="två">Windh</OPTION>
					<OPTION value="två">Röda stugor</OPTION>
				</OPTGROUP>
			</SELECT>

Klassen dropdown ser ut såhär:

.dropdown {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
Medlem sedan maj 20002 597 inlägg
#2

Din fråga e lite skev men..
Jag antar att du har en <form>-tagg, skriv där:

leftmargin=0

tror jag ska funka, rätta mig om jag har fel..

Medlem sedan jan. 20011 154 inlägg
#3

Nix. Ingen verkan. Inte ens i css klassen.

Medlem sedan maj 20002 597 inlägg
#4

har du sidan uppe nån stans så man får se hur det ser ut?

Medlem sedan jan. 20011 154 inlägg
#5

Detta problemet är en del i företagssiten som vi håller på att bygga upp så jag kan tyvärr inte visa hela sidan, men koden jag testade med för dropdownen ser ut:

<HTML>
<HEAD>
<TITLE>Untitled</TITLE>
<STYLE type="text/css">
<!--
.form {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; leftmargin: 0px}

-->
</STYLE>
</HEAD>

<BODY>
<FORM leftmargin="0" action="foo.htm" method="post" class="form">
<SELECT name="select">
<OPTGROUP label="Ljusbord"> 
<OPTION>Project 9905</OPTION>
<OPTION>Project 9905</OPTION>
<OPTION>Project 9905</OPTION>
</OPTGROUP>
<OPTGROUP label="Mina mappar">
<OPTION value="ett">Köpta bilder</OPTION>
<OPTION value="två">Windh</OPTION>
<OPTION value="två">Röda stugor</OPTION>
</OPTGROUP>
</SELECT>
</FORM>

</BODY>
</HTML>

Har testat att lägga klassen på select taggen med men det fungerar inte heller.

Medlem sedan maj 20002 597 inlägg
#6
<BODY leftmargin="0">
Medlem sedan jan. 20011 154 inlägg
#7

För att ytterligare förtydliga så är det indraget inuti selectlistan som jag är ute efter. När man använder optgroup så lägger den upp listan såhär

Heading
     item1
     item2
     item3

det är alltså indraget på "items" som vill minska eftersom den spränger min layout annars.

Medlem sedan nov. 200013 890 inlägg
#8

Men kan du inte lägga in nåt i stil med:

OPTGROUP, OPTION{
left-margin: 0px;
}
Medlem sedan maj 20002 597 inlägg
#9

ops

Medlem sedan jan. 20011 154 inlägg
#10

Funkar inte heller Tor. Börjar tro att detta är av liknande natur som type="file". Alltså att man inte kan ändra den annat än typografi mässigt :l

Medlem sedan jan. 20051 130 inlägg
#11

Sorry att jag väcker upp en gammal tråd.. ;)

Någon som vet hur man gör för att få bort det ovan nämnda indraget i en optgroup?? Ser riktigt fult ut ju...

Medlem sedan dec. 20042 245 inlägg
#12

Du skulle kunna experimentera med margin, padding, text-indent, osv, men det är fortfarande odefinierat hur CSS fungerar med formulärobjekt.

CSS21 skrev:

CSS 2.1 does not define which properties apply to form controls and frames, or how CSS can be used to style them. User agents may apply CSS properties to these elements. Authors are recommended to treat such support as experimental. A future level of CSS may specify this further.

269 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)
129 ms — ändringar (db)