Oggetto html
Autore: Giacomo C.
Visite 651,
Followers 1,
Condiviso 0
Buonasera, come da immagine allegata vorrei inserire al posto delle immagini indicate dalla freccia un oggetto html per poterlo gestire.sono riuscito con le immagini ma non so come fare per l'html o altro. Grazie
Postato il
... nella barra Intestazione hai a disposizione l'Oggetto Codice HTML, icona a forma di pergamena:
.
ciao
Autore
ciao Kolasim, ho provato ma non si riesco a portare l'oggetto html al limite sx o in alto e in basso....
... non ho il programma per verificare, ma credo che la posizione possa avvenire all'interno dell'area assegnata alla Intestazione, che forse corrisponde a quella del banner che si vede...
... prova eventualmente ad incorporare il tuo codice in un DIV contenitore, per esempio:
<div style="position:absolute; left:-100px; top:-50px;"> QUI IL TUO CODICE </div>
... e vedi cosa avviene...
... altrimenti, a seconda di cosa vorresti ottenere, potresti risolvere con un DIV CUSTOM tramite il pannello delle Proprietà | ESPERTO con codice personalizzato...
.
ciao
Con il tasto destro sull'oggetto HTML si apre un menu contestuale, da cui puoi impostare "Posizione e dimensioni".
Autore
ciao Kolasim, purtroppo devo prima risolvere un altro problema. Nel'azienda dove lavoro usano ancora "IE 8" per compatibilità con vari applicativi di gestione. Se hai IE 8 guarda come si vede.... Su chrome IE 11 e firefox tutto ok www.cralrho.net
Grazie
Autore
ciao Essedi,ho provato con le dimensioni ,ma rimane attaccato all'immagine......
... hai inserito in modo scomposto del codice personalizzato in HEAD che potrebbe scombussolarti tutta la pagina...
... vedi di porvi rimedio: UL NAVIGATION e DIV MENU8
.
ciao
KolAsim è stato troppo buono.
Il tuo codice è talmente confuso che è difficile darti dei consigli.
Oltre al codice segnalato da KolAsim, inserito erroneamente in HEAD, hai copiato di tutto e di più (parecchio dai mie esempi), distribuendolo alla rinfusa all'interno del sito.
Il codice seguente (potrei scommetterci che è il mio) è presente due volte
<style type="text/css">
#imHeaderBg {position: fixed; top: 0px; z-index: 50;}
#imHeader {position: fixed; top: 30px; width: 960px; height:160px; z-index: 50;}
#imMnMn{position:fixed; top: 0px; left:auto;}
#imContent {padding-top: 170px; padding-bottom: 123px;}
#imFooter {position: fixed; bottom: 0px; height: 6px; width: 960px; z-index: 50;}
#imFooterBg {position: fixed; bottom: 0px; height: 20px; z-index: 50;}
</style>
Quest'altro è chiaramente mio (vedi il prefisso sd), ma, pur essendo stato inserito (sempre alla rinfusa), non viene utilizzato.
<style type="text/css">
#sdFacebook {
background: url("images/contatti.png");
width: 120px;
height:101px;
position: fixed;
top: 100px; /* distanza dal margine superiore della pagina */
left: 50%; /*lato sinistro al centro della pagina */
margin-left: -700px; /*distanza verso sinistra dal centro pagina */
}
#sdFacebook:hover {
background: url("images/contatti.png");
}
#sdTwitter {
background-image: url(images/meteo.png);
width: 60px;
height: 60px;
position: fixed;
top: 0px; /* distanza dal margine superiore della pagina */
left: 0px; /*lato sinistro completamente a sinistra della pagina */
}
#sdTwitter:hover {
background: url("images/meteo.png");
}
</style>
Autore
...... ho provato a segure questi tutorial...
http://provews.altervista.org/socialfixed/
http://www.cssportal.com/vertical-menus/elusion2.php
http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/