aplicar css a listitem

[luis pinto 0]

boas, preciso de aplicar formatação a ListItem.de acordo com uma condição queria aplicar uma formatação a det. ListItem, por exemplo uma cor diferente um padding ou margin. a cor consegui aplicar, mas o deslocamento para a direita nao consegui aplicar.será que isso é possível?

[Aprendiz CSS 3]

você sabe o que quer? sabe fazer o CSS?

se sim trabalhe utilizando classes que resolve

abraço

[luis pinto 0]

boas, como disse a cor consegui atribuir, agora o deslocamento para a direita nao consegui.tentei aplicar uma margin-left depois padding-left e nao funcionou.

[Aprendiz CSS 3]

posta o código do que fez!

 

se puder um link é melhor ainda

 

abraço

[Rafelles 0]

Cara, poste seu código aí para fazermos uma melhor análize do problema, como sugeriu o Aprendiz, mas talvez resolva um margin negativo.

[luis pinto 0]

boas, aqui vai :

For j As Integer = 0 To dset.Tables(0).Rows.Count - 1

       item = New System.Web.UI.WebControls.ListItem
       item.Value = dset.Tables(0).Rows(j)("ID").ToString()
       item.Text = dset.Tables(0).Rows(j)("NOME").ToString()
       item.Attributes.Add("style", "color:blue;")
       DropDownListNomes.Items.Add(item)
 Next

[Aprendiz CSS 3]

Sempre que postar utilize as tags [ code ] e [/ code ] (sem os espaços)

 

esse código não ajuda muito, o ideal é ver o código gerado

 

abraço

[Thiago Retondar 18]

Poste o HTML gerado.

 

Pesquise pela propriedade display. ;)

 

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

[luis pinto 0]

boas Thiago, eu já usei a propriedade display noutro contexto, display block e inline por exemplo em menu, agora para fazer o que pretendo nao vejo como me possa ajudar.podia ser mais explicito?

[2Flex 1]

Olá,

 

Se isso for uma duvida Javascript, transfiram este tópico para a secção correcta, caso seja HTML/CSS poste seu código HTML e CSS para a gente visualizar e ver o que você está fazendo e o que é possível elaborar.

 

Cumprimentos

[Aprendiz CSS 3]

as propriedades margin e padding só funcionam com display block

 

se eu falei besteira me corrijam

 

abraço

[Thiago Retondar 18]

Luis,

 

poste o HTML gerado pelo seu código e o CSS que já tem.

 

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

[luis pinto 0]

boas, usei a seguinte formatação:

 

item.Attributes.Add("style", "color:blue;display:block;margin-left:20px;")

 

no firefox funciona bem, mas no ie nao.

[Aprendiz CSS 3]

Veeeeeeeeeejaaaaaa! by Nelson Rubens

 

http://forum.imasters.com.br/index.php?/topic/225340-propriedades-border-padding-margin/

[Thiago Retondar 18]

Mas o que não funciona? A cor blue é aplicada ao menos no texto, ou o Internet Explorer não está aceitando nenhum propriedade?

 

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

[luis pinto 0]

boas Thiago, a cor azul aparece no ie, a margin-left é que nao. é aplicada

[Thiago Retondar 18]

Tem como postar um link? Estranho isso... =/

 

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

[luis pinto 0]

boas, o codigo gerado é o seguinte:

<select name="DropDownList1" onchange="javascript:setTimeout('__doPostBack(\'DropDownList1\',\'\')', 0)" id="DropDownList1" style="width:100px;">
	<option selected="selected" value="Seleccione uma Opção">Seleccione uma Opção</option>
	<option value="4">Renault</option>

	<option value="12" style="color:blue;display:block;padding-left:20px;">clio</option>
	<option value="13" style="color:blue;display:block;padding-left:20px;">laguna</option>
	<option value="14" style="color:blue;display:block;padding-left:20px;">megane</option>
	<option value="2">Audi</option>
	<option value="1" style="color:blue;display:block;padding-left:20px;">A3</option>
	<option value="2" style="color:blue;display:block;padding-left:20px;">A4</option>

	<option value="3" style="color:blue;display:block;padding-left:20px;">A6</option>
	<option value="4" style="color:blue;display:block;padding-left:20px;">A8</option>
	<option value="5" style="color:blue;display:block;padding-left:20px;">R8</option>
	<option value="3">Bmw</option>
	<option value="6" style="color:blue;display:block;padding-left:20px;">Serie 1</option>
	<option value="7" style="color:blue;display:block;padding-left:20px;">Serie 3</option>

	<option value="8" style="color:blue;display:block;padding-left:20px;">Serie 5</option>
	<option value="9" style="color:blue;display:block;padding-left:20px;">Serie 6</option>
	<option value="10" style="color:blue;display:block;padding-left:20px;">Serie 7</option>
	<option value="11" style="color:blue;display:block;padding-left:20px;">Serie x</option>

</select>

quem poder tente experimentar na sua maquina no ie e no firefox.

[Thiago Retondar 18]

Uhhnn... Não sabia que estava sendo aplicado em option. Bem, isso até onde eu testei só funcionou no Mozilla Firefox.

 

Mas esse efeito que você quer pode ser feito com a tag optgroup. Olhe esse artigo http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://forum.imasters.com.br/index.php?/topic/322848-formularios/

 

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

[luis pinto 0]

boas, antes de mais parabêns pelo artigo, muito útil.mas a minha questão é como vou construir um select option com optgroup dinamicamente?a infromação vem da base de dados.