Come posizionare centralmente in modalità fissa un logo in una pagina html

away

Utente Attivo
28 Dic 2006
101
0
16
Un saluto studio web design da autodidatta ovviamente con solo html e css niente editor wysiwyg - ho lasciato in allegato pagina con relative cartelle per rendervi il compito più semplice - vorrei sapere come fare a posizionare il logo nel centro della pagina in maniera fissa (il file in oggetto dovrebbe rappresentare il file di apertura del progetto) ovvero se aprite la pagina htm e sopra l'area di notifica regolate il livello di zoom che ne so 50% vedrete che ovviamente la grandezza del logo si dimezzera ma lo stesso verrà proiettato tutto verso sinistra - ora è evidente che per rednere stabile al centro il logo dovrei inserire dei parametri nei css - ma non so dove - mettere forse le percentuali nei parametri margini nel body dentro i css che io ho messo a zero - oppure utilizzare il comando background-attachment:fixed; oppure position:absolute; -
al logo ho applicato un rollover con un link vuoto solo come esempio - spero di essere stato esaustivo nella spiegazione - allego file zip - aspetto vostra dritta - un saluto e grazie
 

Allegati

  • Canvas.zip
    45,6 KB · Visite: 345

away

Utente Attivo
28 Dic 2006
101
0
16
Ok adesso invece cominciamo a ragionare avevo impostato i margini anche nei parametri di a:link - a:visited - a:hover - adesso è centrato solo che due cose noto che non mi tornano se apro la pagina con un altro browsertipo firefox mi visualizza solo il background ma non i logo png - preciso che al logo ho dato un effetto rollover come potrete vedere scricando il file canvas.zip - e poi nonostante abbia impostato nei css img {border:none} - nel mentre clicco sul logo appare il solito tenue bordo del file png trattegiato sapete dirmi se è possibile rimuoverlo se si come - grazie
 

Bedo

Utente Attivo
13 Gen 2014
38
0
0
Venezia
...con questo codice css il div viene al centro della pagina...
...le dimensioni devono essere quelle del tuo div...
il margin va messo con valore pari alla metà delle dimensioni (e negativo)...


html, body {
background-color: #FFFFFF;
height: 100%;
margin:0;
}

#nomedeltuodiv {
width:750px;
height:540px;
position:absolute; top:50%; left:50%;
margin:-270px 0 0 -375px;
}


ciao
 

away

Utente Attivo
28 Dic 2006
101
0
16
ok grazie per la dritta ma vale per tutto volgio i parametri di cui sopra valgono per tutti i browser ?

E ancora hai provato ad aprire il mio file cosa mi dici in merito al fatto che con firefox il logo posto al centro linkbile con rollover non compare e poi sempre se apri il file noterai che pur avendo imposato nei css img {border:none} - una volta che con il mouse clicco appare quello sgradevole controno sul logo - è normale non è possibile ovviare oppure si può omettere - grazie ancora ciao
 
Discussioni simili
Autore Titolo Forum Risposte Data
N Aiuto CSS, come posizionare un'immagine centralmente HTML e CSS 4
K posizionare variabile da pagina html all'iframe. Javascript 1
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
A posizionare dialog uial centro dello schermo jQuery 1
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
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
E posizionare correttamente una stringa HTML e CSS 0
felino Videoregistratore Aiwa FX700: uscire dalla modalità DEMO Discussioni Varie 0
W Stampare file PDF in varie modalità. Windows e Software 5
G modalità debug su wordpress dockerizzato WordPress 5
D [HTML] Cerco facsimile di questo template con modalità responsive HTML e CSS 1
M ripristinare totali nella modalità edit post Javascript 0
M Unire due modalità di pagina responsive in una... Javascript 0
renoir09 impossibile visualizzare bacheca siti in modalità multisito in locale (mamp) WordPress 0
S Problemi con modalità provvisoria per eliminare Worm Sicurezza e Virus 1
Morpheus981 filmati flv con modalità "schermo intero" Webdesign e Grafica 2
A iis in modalità non in linea Web Server 1
N Win98 si blocca all'avvio, mentre parte in modalità provvisoria Windows e Software 2

Discussioni simili