posizionare dialog uial centro dello schermo

ans66

Utente Attivo
27 Ago 2011
158
0
16
non riesco davvero a capire come posizionare il dialog ui al centro dello schermo. ho seguito molte indicazioni in rete ma senza riuscire a muovere la sua posizione. accetto qualsiasi consiglio. grazie

Codice:
<style>
body{
		font: 62.5% "Trebuchet MS", sans-serif;
		margin: 50px;
	}
	.demoHeaders {
		margin-top: 2em;
	}
	#dialog-link {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	#dialog-link span.ui-icon {
		margin: 0 5px 0 0;
		position: absolute;
		left: .2em;
		top: 50%;
		margin-top: -8px;
	}
	#icons {
		margin: 0;
		padding: 0;
	}
	#icons li {
		margin: 2px;
		position: relative;
		padding: 4px 0;
		cursor: pointer;
		float: left;
		list-style: none;
	}
	#icons span.ui-icon {
		float: left;
		margin: 0 4px;
	}
	.fakewindowcontain .ui-widget-overlay {
		position: absolute;
	}
	select {
		width: 200px;
	}
.ui-dialog-titlebar {background:#B81B1B !important}
</style>

Codice:
// dialog Box
$( "#button" ).button();
$( "#radioset" ).buttonset();



$( "#dialog" ).dialog({
	autoOpen: false,
  width: 400,
  buttons: [
		{
			text: "Ok",
			click: function() {
				$( this ).dialog( "close" );
			}
		},
		{
			text: "Cancel",
			click: function() {
				$( this ).dialog( "close" );
			}
		}
	]
});

HTML:
<!-- ui-dialog -->
<div id="dialog" title="Inserisci il Codice">
	<p>Inserisci il codice da cercare:</p>
  <input type="text" id="testo" name="testo">
</div>
 

anxx

Nuovo Utente
24 Set 2014
5
0
0
Ti basta impostare via css le seguenti proprietà:

Codice:
#dialog {
    width: 200;
    height: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -50px;
}

L'importante è scrivere width e height che non siano eccessivi e margin-top margin-left esattamente la metà delle dimensioni precedenti.
 
Discussioni simili
Autore Titolo Forum Risposte Data
Shyson [CSS] Posizionare casella di ricerca HTML e CSS 3
M Posizionare una tabella con scroll su un elemento specifico PHP 3
P Cerco Seo per posizionare pagine Offerte e Richieste di Lavoro e/o Collaborazione 2
Creatt [PHP] Posizionare e formattare testo PHP 13
S Posizionare player audio javascript in tabella Javascript 0
V Posizionare Iframe e menù a discesa HTML e CSS 1
Shyson Dove posizionare i codici php? PHP 5
Shyson Posizionare testo vicino all'immagine HTML e CSS 1
P posizionare overlay non al centro jQuery 0
S cerco programmatore esperto javascript, php e in grado di posizionare il sito online.. Offerte e Richieste di Lavoro e/o Collaborazione 0
A Come posizionare centralmente in modalità fissa un logo in una pagina html HTML e CSS 5
D posizionare un' elemento in una posizione definita jQuery 5
zighy Posizionare un div da coordinate database Javascript 8
E Posizionare widget?? HTML e CSS 0
A Posizionare i div HTML e CSS 0
A posizionare la riproduzione di un FLV con action script Flash 0
M posizionare un sito su google SEO e Posizionamento 1
catellostefano Strutture per posizionare server Web Server 0
G Che diverso dominio per posizionare sito inglese? Domini 0
Nik Posizionare un div (contenente una tabella) al centro, problema con mozilla HTML e CSS 0
ale-inka Come posizionare un banner a sinistra? HTML e CSS 5
c.ronaldo Posizionare una finestra in basso a destra delllo schermo Programmazione 2
U Come posso posizionare questo codice ? HTML e CSS 5
F Problema nel posizionare popup... Javascript 3
N Aiuto CSS, come posizionare un'immagine centralmente HTML e CSS 4
E posizionare correttamente una stringa HTML e CSS 0
N Dialog performance con tanti elementi jQuery 2
A Errore: cannot call methods on dialog prior to initialization; attempted to call method 'open' jQuery 4
A chiusura finestra dialog Popu jQuery 3
V Dialog e musica fantasma jQuery 2
V Chiusura dialog con il close (x) Ajax 1
V Parametro nella Dialog jQuery 1
C [HTML] Modal Dialog + Loading Animation + Resize Modal Dialog HTML e CSS 3
M Posizione div dialog NON al centro pagina jQuery 1
felino Jquery UI Dialog Confirm: errore sulla chiusura della finestra jQuery 3
L jquery UI dialog form. Conferma prima di invio jQuery 2
S Problema Jquery UI Dialog jQuery 0
R Problema Dialog con Redirect!!! Java 1
K Chiusura automatica dialog jQuery 0

Discussioni simili