Questo sito utilizza cookies solo per scopi di autenticazione sul sito e nient'altro. Nessuna informazione personale viene tracciata. Leggi l'informativa sui cookies.
Username: Password: oppure
HTML / CSS - Problema con Float: Ritorno a capo
Forum - HTML / CSS - Problema con Float: Ritorno a capo

Avatar
()
Newbie


Messaggi:
Iscritto:

Segnala al moderatore
Postato alle 1:00
Giovedì, 01/01/1970
Questo topic è stato chiuso dal moderatore

Devo creare un menù laterale sul mio sito e ho deciso di farlo posizionato a sinistra...
Consiste in un div che ne contiene altri due affiancati:
Codice sorgente - presumibilmente Delphi

  1. <body onLoad="AdjustSpeed(250); GlobalMenu = new SlideMenu('MenuId', 'DivBorderId', 'left');">
  2.     <div id="MenuId" onMouseOver="ShowMenu(GlobalMenu);" onMouseOut="HideMenu(GlobalMenu);">
  3.       <div id="DivBorderOtherId"><p>T<br />E<br />X<br />T</p></div>
  4.       <div id="DivBorderId">
  5.         <p>Another line of Text</p>
  6.         <p>Text in Menu</p>
  7.         <p>Another line of Text</p>
  8.         <p>Text in Menu</p>
  9.       </div>
  10.     </div>
  11.     <h1>Text, Text, Text, Text, Text, Text, Text, Text,</h1>
  12.     <p>Text, Text, Text, Text, Text, Text, Text, Text of Page!</p>
  13.   </body>


E ho dato float a sinistra su #MenuId float a destra (e ho provato anche a sinistra e a scambiare l'ordine nell'HTML e nel CSS) su #DivOtherBorder, #DivBorderId
Questo è il codice CSS:
Codice sorgente - presumibilmente Plain Text

  1. body {
  2.         margin-left: 0;
  3.         overflow: hidden;
  4.       }
  5.       #DivOtherBorder, #DivBorderId {
  6.         display: inline;
  7.         float: right;
  8.         padding: 7px;
  9.       }
  10.       #MenuId {
  11.         display: inline;
  12.         float: left;
  13.         border: black solid 2px;
  14.       }


Ho cercato su internet come e ho trovato informazioni non chiare e precise.
Non riesco ha capire il perchè... ho creato un menù a destra funzionante :_doubt: ma quello a sinistra non ci riesco.

Per sicurezza dico il funzionamento dello script del menù (già testato e funzionante, lo dico solo perchè forse le sue azioni sui CSS potrebbero centrare):
Rende in #MenuID position=relative e poi modifica il left con valori positivi e negativi (funzionante perchè sulla pagina il menù va, l'unica differenza e che il secondo div va a capo :()


Per praticità faccio l'upload della pagina su un server:
http://www.bubanetwork.altervista.org/DaF/Menu/StandardMen ...

Grazie in anticipo per gli aiuti :k:

PM
Avatar
Il Totem (Admin)
Guru^2


Messaggi: 3635
Iscritto: 24/01/2006

Up
1
Down
V
Segnala al moderatore
Postato alle 12:10
Domenica, 10/07/2011
Perché non imposti lo stile di DivBorderOtherId su float: left? Io ho provato a modificare il tuo codice e la scritta "TEXT" in verticale viene affiancata a sinistra alle altre voci.

PM
Avatar
Il Totem (Admin)
Guru^2


Messaggi: 3635
Iscritto: 24/01/2006

Up
1
Down
V
Segnala al moderatore
Postato alle 11:53
Lunedì, 11/07/2011

PM
Usa i commenti per chiedere spiegazioni o ringraziare le risposte.