• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Problema risolto mettere input type search in linea con il resto del menu

bleach96

Utente Attivo
Autore del topic
30 Agosto 2010
356
0
Miglior risposta
0
salve a tutti.
nel mio sito c'è un menu in alto e nel menu c'è anche un input type="search", che però non è in linea con gli altri elementi del menu.
immaginefhm.jpg

come posso metterlo in linea con il resto tramite CSS?
CODICE della pagina:
PHP:
Perfavore, Entra oppure Registrati per vedere i codici!
CSS
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
 
Ultima modifica:
Riferimento: mettere input type search in linea con il resto del menu

Magari posta uno straccio di codice html e css relativo a quella parte...
 
Riferimento: mettere input type search in linea con il resto del menu

aggiunti
 
Riferimento: mettere input type search in linea con il resto del menu

Prova a togliere il TAG form, solitamente è quello che fa andare a capo gli input.
Se va bene allora vediamo di sistemarlo.
Ciao!
 
Riferimento: mettere input type search in linea con il resto del menu

l'ho tolto un attimo per vedere cosa succedeva e infatti senza il tag form resta in linea con il menu, però il tag form mi serve per inviare i dati ad una pagina .php ... non c'è un modo per metterlo in linea senza togliere il tag form?
 
Riferimento: mettere input type search in linea con il resto del menu

Mettigli come proprietà float: right; e assegnandoli margin-right decidi la distanza da destra. Se appare troppo in alto lo abbassi con vertical-align: bottom;

PS: Dopo la barra nei codici dovrai mettere: <div style="clear: both;"></div>

Altrimenti il float creerebbe problemi.
 
Riferimento: mettere input type search in linea con il resto del menu

risolto :emoji_smiley: l'ho inserito in un div con le seguenti proprietà:
position: fixed;
top: 4px;
right: 2px;

grazie a tutti!!
 
Ultima modifica:
Riferimento: mettere input type search in linea con il resto del menu

Problema risolto, rinomino e sposto :emoji_smiley: