Tabulação em optgroup

[visitante_xp 0]

Iae povo...

 

Seguinte, tenho 3 optgroup sendo que, o primeiro é um grupo e os outros dois são subgrupos...

 

Dentro dos subgrupos tenho mais dois options que serão os "Itens".

 

Se eu só organizar os options dentro do optgroup apertando TAB, fica certo porem quando eu faço a mesma "arrumação" com os optgroup, não da certo.

 

<select name="pais">
<optgroup label="Países">
	<optgroup label="África">
		<option value="gam">Gambia</option>
		<option value="mad">Madagascar</option>
		<option value="nam">Namíbia</option>
	</optgroup>
	<optgroup label="Europa">
		<option value="fra">França</option>
		<option value="rus">Russia</option>
		<option value="uk">Reino Unido</option>
	</optgroup>
	<optgroup label="America do Norte">
		<option value="can">Canada</option>
		<option value="mex">México</option>
		<option value="eua">EUA</option>
	</optgroup>
</optgroup>

Quero saber se da pra coloca tabulação nos optgroup...

 

Abraço!!!!

[Renan.Azevedo 0]

Fala Cara,

 

Você pode usar margin, padding ou text-indent.

 

<style>
        optgroup {
            padding-left:20px;
        }
    </style>

Testa aí de diz pra gente se funcionou.

 

Abraços.

[visitante_xp 0]

Num deu certo... http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

[Renan.Azevedo 0]

Pow cara, foi mau então,

 

Acho que você quer identar um group dentro do outro, certo ou não?

 

<style>
    * {
        padding:0;
        margin:0;
    }
    select {
        font-family:arial;
        font-size:16px;
    }
    .primeiro {
        padding-left:10px;
    }
    optgroup {
        padding-left:25px;
    }

    optgroup option {
        padding-left:35px;
    }
    
</style>

<select name="pais">
    <optgroup label="Países" class="primeiro">
        <optgroup label="África">
                <option value="gam">Gambia</option>
                <option value="mad">Madagascar</option>
                <option value="nam">Namíbia</option>
        </optgroup>
        <optgroup label="Europa">
                <option value="fra">França</option>
                <option value="rus">Russia</option>
                <option value="uk">Reino Unido</option>
        </optgroup>
        <optgroup label="America do Norte">
                <option value="can">Canada</option>
                <option value="mex">México</option>
                <option value="eua">EUA</option>
        </optgroup>
</optgroup>
</select>

Se não for isso, diz aí o que você quer ou desenha ;)

 

Abraços.

[Thiago Retondar 18]

Cara,

 

nunca achei uma solução para isso - na verdade eu nunca pesquisei muito sobre isso - e o que eu posso te dizer é que margin vai funcionar, porém só no Mozilla Firefox.

[visitante_xp 0]

Vida longa ao Mozilla FireFox... http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

 

MALDITO SEJA O INTERNET EXPLORER QUE ADORA ESTRAGAR OS CÓDIGOS DOS OUTROS... :angry: ...!!!!!!!

 

O código só funciona no Mozilla mesmo...

 

Sera que o majour num da um help...??... http://forum.imasters.com.br/public/style_emoticons/default/yay.gif

 

Bom...Vou tentar procurar um debug pra isso...Vlw galera... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[Thiago Retondar 18]

Acho que não é possível não. Apenas se você simular um select com JavaScript.

 

Este link aqui pode te interessar.

 

Enfim, fiz uma pesquisa aqui e vi que para achar uma solução crossbrowser dá muito trabalho e acaba sendo - no meu ver - desnecessária.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif