Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Allineamento form "sballato"

    premesso che con i CSS sono un disastro e magari è una banalità...

    sto sviluppando un'applicazioncina web e ho un problemi con questo form:

    codice:
    <fieldset id="regbase">
    		<label for="username" > Username </label>
    		<input id="username" name="username" type="text" />
    		
    
    
    //etc etc altre coppie di label e input
    	</fieldset>
    codice:
    fieldset
    {
    	background: #D6EBFC ;
    	padding: 10px;
    	border:0px;
    	margin: 10px;
    }
    fieldset  input
    {
    	margin: 5px;
    	width: 140px;
    }
    fieldset label
     {
    	float: left;
    	text-align:right;
    	width: 140px;
    	margin-right: 10px;
    	padding-top: 4px;
    
     }
    insomma.. il fieldset bello colorato, con dentro coppie di label e input allineate tra di lroo.. tutto bello finchè dinamicamente con JS non aggiungo un'immagine (una giffina che comprare mentre la pagina lavora con Ajax e serve appunto ad indicare che la pagina sta elaborando qualcosa)
    a quel punto l'html diventa (in realtà lo span vuoto c'è anche da prima.. ma fin lì nessun problema, è quando ci inietto dentro l'immagine che sballa):

    codice:
    <fieldset id="regbase">
    		<label for="username" > Username </label>
    		<input id="username" name="username" type="text" />
                    <span id="username_res">[img]loader.gif[/img]</span>
    il risultato è che a questo punto la label resta dov'è... ma il campo di input e l'immaginetta scendono un po', quasi fino alla riga successiva...

    ..non so che pesci prendere

  2. #2

  3. #3
    Prova a dare il float:left anche all'input e allo span. Poi fammi sapere.

    Tutorial CSS? Visita Blogging CSS!

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ma lo span ha una sua formattazione da qualche parte (ad esempio nel CSS)?
    E l'img ?

    Perche` se non ce l'hanno, quello che spieghi sembra assurdo, se ce l'hanno e` il caso di conoscere come e` fatta la formattazione.
    E nella tua idea, l'immagine dovrebbe sovrapporsi al form, o spostare qualcosa per starci?

    E probabilmente servira` sapere su cosa opera il JS: potrebbe agire solo su qualche attributo CSS (ad esempio la visibilita`, o il display), o potrebbe inserire e togliere l'immagine dallo span.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Originariamente inviato da Mich_
    Ma lo span ha una sua formattazione da qualche parte (ad esempio nel CSS)?
    E l'img ?
    ecco.. lo sapevo che facevo la figura dell'idiota...

    io chiaramente non avevo definito nessun css per quell'immagine, maora che mi ci hai fatto pensare ne ho trovato uno definito su tutte le immagini che aveva margini

    a mia discolpa posso dire che sono cotto di sonno e che il css iniziale non l'avevo fatto io..

    Grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.