Come scrivere sia a destra che a sinistra ma allineato?

[vikey89]

Ragazzi ho un piccolo problema solo che non riesco a capire come lo devo risolvere.. praticamente ho una pagina html molto semplice costituita da un logo, un piccola descrizione e infine un login con tutte le relative funziona.Il problema è che il campo login lo vorrei alla stessa altezza della piccola descrizione.Come devo fare?Perchè ho provato in tutti i modi ma non riesco ad allineare "descrizione" a sinistra e il "login" a destra.Io ho provato ma la descrizione va a sinistra, ma appena immetto il codice html del login, tutti i campi login vanno giù sempre a destra ma non sono più allineate con la descrizione sono una sopra e uno sotto..Come posso fare?

[Tux7000]

Puoi postare il codice html e il codice css?

[vikey89]

Ciao, ti ringranzio per l'interessamento...Allora io sto creando un sito in cui troviamo il logo, di sotto una descrizione e poi vorrei mettere sulla destra però alla stessa altezza un campo di registrazione:

 
<h2>&egrave; un servizio gratuito
</h2>
 <h2>che ti permette di aver sul web, tutti</h2> 
<h5 align="right"> 
Nome: <input name="firstname" type="text" size="30" maxlength="30"> </h5> <h5 align="right">
Cognome: <input name="lastname" type="text" size="30" maxlength="30"> 
 
 Username: <input name="user" type="text" size="30" maxlength="30"> 
 
 
Password: <input name="pass" type="password" size="30" maxlength="30"> 
 
 
La tua e-mail: <input name="email" type="text" size="30" maxlength="30"> 
 <a href="#" title="Perche dovrei iscrivimi" class="style1"><font color="black">Perchè dovrei iscrivermi?</font>
</a>
 <input type="submit" name="Submit" value="Iscriviti"> </h5> </div>

Adesso se io allungo la mia descrizione del sito,i campi di registrazione automaticamente si spostano in giù, come posso fare ad avere alla stessa altezza:lato sinistro descrizione, lato destro campi di registrazione?

[Tux7000]

Allora, il tuo codice va riscritto completamente.
Ti dò alcune linee guida:

Pagina HTML:

<div id="logo">

<h2>Qui ci metti la tua descrizione
Questo testo va a capo.</h2>
</div>

<div id="modulo">
<form action="pagina-che-processa-i-dati.php" method="post">
<fieldset>
<legend>Registrati</legend>
<label for="nome">Nome:</label>
<input type="text" name="nome" id="nome">
<label for="cognome">Cognome:</label>
<input type="text" name="cognome" id="cognome">
<label for="email">E-Mail:</label>
<input type="text" name="email" id="email">
<fieldset>
</form>
</div>
<div class="clearfloat"></div>

Codice CSS

#logo
{
width: 400px; (larghezza in pixel che vuoi tu)
float: left;
}

#modulo
{
width: 400px; (larghezza in pixel che vuoi tu)
float: right;
}

.clearfloat
{
clear: both;
}

In questo modo se allunghi la descrizione dovresti ottenere quello che vuoi.

Per ulteriori informazioni:
http://css.html.it

[vikey89]

Ok grazie, in questi giorni proverò se qualche altro problema ti ricontatto
approffitto dell atua pasienza.
Grazie

[vikey89]

Guarda ho provato e non esce il risultato sperato, inserisco una immagine per farti capire come vorrei che venisse fuori la pagina html e come devo fare per pttenere questo risultato!!

[Tux7000]

Se vuoi che il modulo di registrazione sia più in basso:

#modulo
{
width: 400px; (larghezza in pixel che vuoi tu)
margin-top: 50px; (margine superiore che imposti come preferisci)
float: right;
}

io mi ero basato su quello che avevi scritto tu (stessa altezza)