Jump to content

  2. →
  3. →
  4. →

Photo

Separar Palavras

Started By Petry, 09/10/2006, 10:44

  • Faça o login para participar
16 replies to this topic

#1 Petry

Petry

    Veterano

  • Usuários
  • 1132 posts
  • Sexo:Masculino
  • Localidade:Caxias do Sul - RS
  • Interesses:- desenvolvimento WEB<br />- websemântica<br />- microformatos

Posted 09/10/2006, 10:44

olá a todos
tenho um formulário de perguntas com seis opçãoes (Não se aplica, pessimo, ruim, regular, bom, muito bom)

eles deixei uma separação nese de 10px através do atributo word-spacing mas o problema eh que ele separa as palavras do "não se aplica" também, gostaria que somente fizesse essa separaçã maior nas opções o resto deixe a separação normal. Já tentei fazer esta separação fazendo com que cada opção seje um SPAN, e nesse span ddeixasse com 3px, mas não dei certo...


alguém tem alguma sugestão?

obrigado

Edição feita por: Petry, 09/10/2006, 11:03.

Posted Image

- Desenvolvedor Python/ZOPE/Plone + ArchGenXML/Poseidon - Python + Django na Universidade de Caxias do Sul
- Desenvolvedor Python + Django na World News

Blog

#2 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 09/10/2006, 11:22

Bom, se você colocasse só a parte do código ficaria mais fácil pra ajudar, como você fez as opções radio ?
E tá tudo dentro da tag form sem nada separando, só um <br /> ??

Já vou aproveitar e mover pra CSS, acho que lá irão te ajudar mais rápido. ;)
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#3 Petry

Petry

    Veterano

  • Usuários
  • 1132 posts
  • Sexo:Masculino
  • Localidade:Caxias do Sul - RS
  • Interesses:- desenvolvimento WEB<br />- websemântica<br />- microformatos

Posted 09/10/2006, 11:46

bom, o html tá assim:

<tr class="resposta">
  <td colspan="3">
	<div>
	  <input type="hidden" name="nota_cod_pergunta_1" value="1">
	  <input type="hidden" name="nota_texto_1" value="">
	  <input class="radionormal" type="radio" name="nota_valor_1" value="0" >Não se aplica
	  <input class="radionormal" type="radio" name="nota_valor_1" value="1" >Péssimo
	  <input class="radionormal" type="radio" name="nota_valor_1" value="2" >Ruim
	  <input class="radionormal" type="radio" name="nota_valor_1" value="3" >Regular
	  <input class="radionormal" type="radio" name="nota_valor_1" value="4" >Bom
	  <input class="radionormal" type="radio" name="nota_valor_1" value="5" >Ótimo
	  <input type="hidden" name="nota_comentario_1" value="">
	</div>
  </td>
</tr>

e o css
#questionario .resposta td div{
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size:11px;
	color: #666666;
	vertical-align:text-top;
	word-spacing: 10px
}


a unica coisa que adiantou até agroa foi adicionar uns espaços a força, mas ai jah é gambiarra!

se alguém souber fico grato!

Posted Image

- Desenvolvedor Python/ZOPE/Plone + ArchGenXML/Poseidon - Python + Django na Universidade de Caxias do Sul
- Desenvolvedor Python + Django na World News

Blog

#4 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 09/10/2006, 11:50

E se você deixar o espaço entre as palavras como está mas fizer isso:

<input class="radionormal" type="radio" name="nota_valor_1" value="0" >
<label for="nota_valor_1">Não se aplica</label>

E no CSS:
label {word-spacing: 0px;}

Será que resolve ?? Eu nem testei, mas acho que funfa sim. :o
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#5 Petry

Petry

    Veterano

  • Usuários
  • 1132 posts
  • Sexo:Masculino
  • Localidade:Caxias do Sul - RS
  • Interesses:- desenvolvimento WEB<br />- websemântica<br />- microformatos

Posted 09/10/2006, 14:39

naum funcionou cara, já tinah tentado isso, só que aao invés de label ou usei span

Posted Image

- Desenvolvedor Python/ZOPE/Plone + ArchGenXML/Poseidon - Python + Django na Universidade de Caxias do Sul
- Desenvolvedor Python + Django na World News

Blog

#6 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 09/10/2006, 14:52

Aqui funcionou, não era só pra tirar o espaço entre as palavras do 'Não se aplica' ?

<style>
.resposta td div{
    text-align:center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size:11px;
    color: #666666;
    vertical-align:text-top;
    word-spacing: 10px
}
label {
	word-spacing: 0px;
}
</style>
</head>

<body>
<table>
	<tr class="resposta">
	  <td colspan="3">
		<div>
		  <input type="hidden" name="nota_cod_pergunta_1" value="1">
		  <input type="hidden" name="nota_texto_1" value="">
		  <input class="radionormal" type="radio" name="nota_valor_1" value="0" >
		  <label for="nota_valor_1">Não se aplica</label>
		  <input class="radionormal" type="radio" name="nota_valor_1" value="1" >Péssimo
		  <input class="radionormal" type="radio" name="nota_valor_1" value="2" >Ruim
		  <input class="radionormal" type="radio" name="nota_valor_1" value="3" >Regular
		  <input class="radionormal" type="radio" name="nota_valor_1" value="4" >Bom
		  <input class="radionormal" type="radio" name="nota_valor_1" value="5" >Ótimo
		  <input type="hidden" name="nota_comentario_1" value="">
		</div>
	  </td>
	</tr>
</table>

WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#7 Petry

Petry

    Veterano

  • Usuários
  • 1132 posts
  • Sexo:Masculino
  • Localidade:Caxias do Sul - RS
  • Interesses:- desenvolvimento WEB<br />- websemântica<br />- microformatos

Posted 09/10/2006, 14:59

bimonti, acontece que eu quero (e nem posso) mudar a estrutura todos os checks devem aparecer do mesmo jeito, regras de semântca e talz... a estrutura deve ser como o código que lhe mandei, toda padronizada e tal...

é um sistema da universidade, e tudo deve estar absolutamente certo, afinal se nós não dermos o exemplos, os alunos vão cair em cima da gente! hehehe

Edição feita por: Petry, 09/10/2006, 15:01.

Posted Image

- Desenvolvedor Python/ZOPE/Plone + ArchGenXML/Poseidon - Python + Django na Universidade de Caxias do Sul
- Desenvolvedor Python + Django na World News

Blog

#8 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 09/10/2006, 15:26

Mais essa é a semântica da coisa, você usar 1 label para cada input do formulário, o modo de usar seria assim:
<FORM>
<LABEL>Company:<INPUT type="text" name="company"></LABEL><BR>
<LABEL for="stateEntry">State:</LABEL>
<INPUT type="text" name="state" id="stateEntry">
...
</FORM>

Eu peguei esse exemplo do O'REILLY que tem junto com o dreamweaver, o label seria um rótulo para o campo input do formulário, é normal você associar 1 label pra cada campo, inclusive você controla a descrição do campo separada do layout principal da página e do campo input, você trabalha só os rótulos.

Veja um exemplo em prática que eu fiz ontem (tá dando uns pau de JS, eu nem manjo muito desse negócio de JavaScript ... :P ) http://www.mundobola...x.php?dogg=fale.

Se ainda assim você achar que não é plausível a solução oferecida a gente tenta de outra forma, aí eu já acho que você teria que partir pro float ou padding, sei lá, veja se serve assim senão a gente volta a conversar mermão !! :D
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#9 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 02/10/2017, 08:14

Over The Counter Sex Pills In Canada Shipped Ups Acticin Onlinefarmacy viagra Best Generic Cialis Website Amoxicillin By Sando Posologia Propecia Dia
Propecia Side Effects Anxiety viagra Tomar Propecia Informacion

#10 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 02/10/2017, 13:25

Online Overnight Pharmacy Shelf Life Of Cephalexin viagra prescription Cialis Comprar Generico
Viagra Arret Cardiaque cialis Online Amoxil No Prescription Propecia Forehead Hair Growth
Commande Viagra Cialis generic levitra for sale in us Cheap No Perscription Viagra
Get Nexium Cheap Uses For Cephalexin 500 Mg Buy Synthroid No Prescription Needed viagra Viagra Achat En Ligne Canada
Buy Ketorolac No Rx Us Viagra Andorre Espagne Elife Pharmacy buy viagra Lasix Achat Viagro Buy Rayrx Online Drugstore
Viagra Levitra Differenze Amoxicillin For Parrot Buy Dilantin No Script online pharmacy Progesterone Florgynal Cod Only Priligy Quanto Custa
Gnc Substitute For Viagra Chewable Kamagra viagra online Definir Priligy
Want To Buy Dutasteride Dutasteridum Next Day Delivery Potenzmittel Cialis Billig viagra Levitra Funziona Best Site To Buy Levitra

#11 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 03/10/2017, 12:27

Cialis Quante Ore Prima Can I Buy Alli In Canada Amoxicillin And Metoprolol Interactions generic viagra Viagra Generico Europa Pagamento Paypal What Are The Side Effects Of Zithromax Get Generic Viagra Online
Direct Secure Ordering Bentyl Saturday Delivery Kingston Amoxicillin Canine Dose viagra 25 Lb Toddler Dosage Of Amoxicillin Kamagra Helly 100mg
Zithromax 500mg Online Where To Buy Viagra In Nz Aurochem Canada viagra Sildenafil Acheter France Prix Levitra Pharmacie Belgique Buy Propecia In Us
Licensed Pharmacist India Cialis Original Comprar Buy Oratane online pharmacy How Buy Viagra Internet Remoxy Amoxicillin Bangladesh
Levitra Dosage Strengths Cytotec Brulure Canadian Drugs Cialis buy viagra Amoxicillin 875 Sinusitus Levitra Wiki
Cialis 10mg Acheter Cialis Effetti Collaterali cialis buy online Comprar Cialis En Espana Sin Receta
Amoxicillin Low Cost Zithromax Cure Chlamydia viagra Priligy Similares Achat Viagra Pilules Sildenafil Tablet 100mg

#12 FrankCaulk

FrankCaulk

    12 Horas

  • Usuários
  • 163 posts
  • Sexo:Masculino
  • Localidade:Karakol

Posted 04/10/2017, 03:07

ruoqtfc http://www.newswindo...chwarz-393.htmlhttp://www.roco-schweiz.ch/converse-chuck-taylor-all-star-966.htmlhttp://www.claudegouron.fr/louboutin-occasion-taille-41-072.phphttp://www.musical-im-gartencenter.ch/sonnenbrille-oakley-fake-240.htmlhttp://www.cheko.ch/nike-air-huarache-damen-grün-920.php Air Max 90 Femme SwagAdidas Originals Superstar Supercolor DamenIgnite Puma LimitlessAdidas Nmd Femme Bleu Blanc RougeChaussures Asics Noir
caliucz

http://www.lyoncentr...-max-homme.html
http://www.as-assain...-womens-784.php
http://www.roco-schw...e-vert-176.html
http://www.essaisgra...s-promo-894.php
http://www.tabledute...ero-be-true.php

Louis Vuitton Damier Noir
Chaussure Adidas Decathlon
Nike Air Force One Suede Beige
Nike Air Max Noir Et Rose Fluo
Basket Balenciaga Femme

#13 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 04/10/2017, 09:45

Orlistat Online viagra Vega H Clomid Online Overnight
Amoxil Pregnancy Category buy accutane v-drugstore Price Of Viagra 100mg Walmart order levitra from canada Acquisto Pillole Viagra Cytotec 5 Mg

#14 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 13/10/2017, 08:34

Fluoxetine Legally viagra online prescription Real Pfiefer Viagra
Viagra Natural Para Mujeres Cooper Viagra viagra How To Get Cheap Viagra Healthy Meds Viagra
Ciprofloxacine 250 Mg Posologie Viagra Paypal Kaufen viagra prescription Amoxicillin Urine Buy Viagra Now Online Using Outdated Amoxicillin
Lamisil 250 Mg Online levitra cheap Levitra Kaufen Berlin Cialis 20mg Indikation Gonnorhea Amoxicillin

#15 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 29/10/2017, 07:50

Viagra Kamagra Erfahrung 40mg Levitra Generic For Cialis levitra for sale Amoxicillin Cough Syrup And Slo
Can You Buy Atarax Over The Counter Order Birth Control Online viagra prescription Where To Buy Tamoxifen Online Amoxicillin Toungue Swelling
Cialis 20 Mg Contrareembolso Forum Ou Acheter Du Cialis buy gernic levitra on line Viagra Generico Effetti Collaterali Viagra 25 Mg Dosis
Clomid For Sale viagra Levitra Generique Achat Propecia Canada No Prescription Finasteride 1mg Periactin Otc
Cheap Canadian Prescriptions Online brand cialis and levitra Pak Online Direct Pyridium Usa With Doctor Consult Viagra Online Bestellen In Deutschland
Achat Viagra En Tunisie online pharmacy Prix Du Kamagra Belgique Buy Prednisone Dog Get My Canadian Drugs
Voltar para CSS & Semântica (Tableless)


0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. → CSS & Semântica (Tableless)
  5. Privacy Policy
  6. Regras ·
IPB Skin By Virteq