Creare 2 Text Field affiancati

15 contenuti / 0 new
Ultimo contenuto
Creare 2 Text Field affiancati

Ciao a tutti!
Come da titlo ho la necessità di creare 2 campi di inserimento testo una di fianco all'altro (Inline..) come posso fare?

Grazie

Ciao
Kipper

via Css

display:inline;

Slice2Theme Servizio per la conversione di Design in markup HTML e/o temi.

WeBrain Solution | Pillsofbits Of Bits

Grazie Kiuz, ma in che file *.css metto questo comando?
Puoi essere più chiaro con un esempio?
...abbi pazienza..

Grazie

Ciao
Kipper

Non riesco a risolvere non c'è nessuno che può aiutarmi?

Ho provato ad aprire il body di contemplate, inserire

.field_02 {
display: inline;
}

nel css del tema...

...non ci riesco

Grazie

Ciao
kipper

devi applicare la classe field_02 all'oggetto da allineare

tipo

<div class="field_02">
elementi da allineare qui
</div>

kipper wrote:
Grazie Kiuz, ma in che file *.css metto questo comando?
Puoi essere più chiaro con un esempio?
...abbi pazienza..

Grazie

Ciao
Kipper


scusa kipper, ma ultimamente vado e vengo dal sito....

allora hai ragione dovevo essere più chiaro:

allora come ha detto XX (non ricordo il link) qui sopra devi applicare la classe ad esempio. .field_02 all'elemento inrteressato, ma mi rendo conto che con drupal non è così semplice quindi ti do un consiglio forse più percorrbile.

Prima di tutto hai bisogno di fireBug, o ad ogmi modo ti darà una grossa mano. Questo plug in per photoshop ti permette di "esplorare" il codice HTMl delle pagine web in questo caso la pagina in cui si troverranno i Field o le text area di cui stai parlando.

una volta installato il plug-in per firefox potrai cliccare con il tasto destro del mouse sull'elmento di cui vuoi conoscere più info e cliccare su "Analizza elemento", nel fondo del browser si aprirà una sezione con del codice HTML, dovrai cercare di capire quali sono le Classi CSS o gli ID del CSS che contengono il tuo elemento. così potrai creare qual'cosa di simile al codice sottostante

.clas1 .subclass2 input {
float:left;
}

Slice2Theme Servizio per la conversione di Design in markup HTML e/o temi.

WeBrain Solution | Pillsofbits Of Bits

Grazie kiuz e anche Jamiro ma dove lo devo mettere questo benedetto codice? ...in un file *.css? ...quale? ...quello del mio tema "style.css"? ...in content template? ...aiutooo!

Grazie

Ciao
Kipper

o nel css del template oppure direttamente in contemplate dentro il corpo del body

ci metti

<style>
tutto il css che vuoi
</style>
tutto il resto compreso il div con la class applicata.

direi che la cosa è risolta ampiamente

Grazie molte

Ciao
Kipper

Jamiro wrote:
o nel css del template oppure direttamente in contemplate dentro il corpo del body

ci metti

<style>
tutto il css che vuoi
</style>
tutto il resto compreso il div con la class applicata.

direi che la cosa è risolta ampiamente


mi sono accorto solo oggi che ho dimenticato "XX" al posto del tuo nick! aah!.. sorry!
è che mentre scrivevo il commento non ricordavo il nick e ho messo XX con l'idea di correggerlo una volta postato.. ma niente. mi son dimenticato.

@kipper: il codice ti sonsiglio di metterlo nel .css, uno qualsiasi del tema, ancor meglio se ne usi uno tutto tuo soprattutto se hai poca esperienza.... non perchè potresti far danni, ma piuttosto perchè eliiminandolo tornerebbe tutto come prima senza dove impazzire a cercare righe in file da 1000 righe...

se il sito è on-line posta la pagina potremmo darti un codice di aiuto. ...

Slice2Theme Servizio per la conversione di Design in markup HTML e/o temi.

WeBrain Solution | Pillsofbits Of Bits

Ciao Kiuz ho creato una demo:
http://www.bicoccaweb.com/kipper_demo_css_kiuz

User: admin
Pass: admin

Ho creato un content type "Custom" con 2 fields...

Grazie

Ciao
Kipper

kipper wrote:
Ciao Kiuz ho creato una demo:
http://www.bicoccaweb.com/kipper_demo_css_kiuz

User: admin
Pass: admin

Ho creato un content type "Custom" con 2 fields...

Grazie

Ciao
Kipper

Premetto un consiglio: ti mostrerò una solzuione che però potrebbe avere delle dfferenze, ad ogni modo ti consiglio di usare Firebug.

1.) i due div che ti interessano sono questi:

field_01:

field_02:

QUINDI NELL CSS DOVRESTI INSERIRE

#edit-field-01-0-value-wrapper, #edit-field-02-0-value-wrapper{
float:left;
width:50%;
}

potrebbero esserci benissimo delle differenze dato che non ho potuto testare direttamente con del codice css.

Slice2Theme Servizio per la conversione di Design in markup HTML e/o temi.

WeBrain Solution | Pillsofbits Of Bits

mi è comprsa solo ora, togli gentilmente l'immagine dal forum che spagina tutto? lasciaci li link, va benissimo uguale.

Slice2Theme Servizio per la conversione di Design in markup HTML e/o temi.

WeBrain Solution | Pillsofbits Of Bits

OK Kiuz i 2 textarea si allineano benissimo!
Però non funziona la cosa + importante: quando do invio le info inserite nei 2 Campi appaiono sempre in veticale mentre io le voglio in orizzontale allineate come i 2 textarea...

Grazie ancora....

Ciao
Kipper