[CSS]Aumentare distanza elementi

**Threepwood** · 19-10-2005, 15:36

Salve a tutti. PArto subito con un esempio :

codice:

<html><body>
NOME CAMPO
<input type=text>
</body></html>

Come faccio per distanziare di N pixel "NOMECAMPO" e la input?

[ho provando assegnando un'altezza al
ma nada...]

**salasir** · 19-10-2005, 15:40

Puoi assegnare un margin all'input

codice:

input { margin: 0 0 0 10px; }

assegnandolo in modo generico oppure associandogli una classe

codice:

input.tuaclasse

codice:

<input class="tuaclasse">

**Threepwood** · 19-10-2005, 15:42

ottima idea , e se volessi toccare il NOME CAMPO anzikè la input?

così non mi funzia

codice:

<strong style="margin: 10px 10px 10px 10px;">Nome Campo[/b]

o almeno.. non con il margine bottom..

**salasir** · 19-10-2005, 15:44

Ribalti il concetto

codice:

<span class="tuaclasse">NOME CAMPO</span>

codice:

.tuaclasse { margin: 0 10px 0 0; }

**pierofix** · 19-10-2005, 15:45

Facciamo due cose in una: rendiamo il form standard e più accessibile, in più usiamo i CSS:

codice:

XHTML
<form action="..." method="...">
   <fieldset>
      <label for="testo">Nome:</label> 
      <input id="testo" name="testo" />
   </fieldset>
</form>

CSS
label {
   display:block;
   margin-bottom:1em;
}

**Threepwood** · 19-10-2005, 15:48

x pierofix : quello che chiedo è proprio per quelle zone del mio sito dove non uso i fieldset

x salasir : lo strano è che il margine basso sul testo non me lo vuole proprio fare... sulla input si...

codice:

<span style="padding: 0px 0px 50px 0px;">Nome:</span>
oppure
<span style="margin: 0px 0px 50px 0px;">Nome:</span>

P.S. raga che velocità a rispondere!

**salasir** · 19-10-2005, 15:48

Certamente. Se il tutto fa parte di un form è molto + comodo gestirlo come ti ha detto Piero.
Dai un'occhiata qui

P.S. raga che velocità a rispondere!

Per un ex compaesano

**pierofix** · 19-10-2005, 15:49

Originariamente inviato da Threepwood
x pierofix : quello che chiedo è proprio per quelle zone del mio sito dove non uso i fieldset

Quando crei un form devi usare anche i fieldset.

Discussione: [CSS]Aumentare distanza elementi

Strumenti discussione

Ricerca discussione

Visualizza

[CSS]Aumentare distanza elementi

Permessi di invio