Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it L'avatar di semolino
    Registrato dal
    Nov 2004
    Messaggi
    1,499

    Div non tiene il float se dentro div

    Situazione funzionante:
    Codice PHP:
    .noi{
        list-
    stylenone
        
    margin0;
        
    padding3px;
    }
    .
    noi img{
        
    width:100px;
        
    height:100px;
        
    border:1px dotted #ff00ff;
    }
    .
    noi a img,
    .
    noi a:link img,
    .
    noi a:active img,
    .
    noi a:focus img {
        
    filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;
    }
    .
    noi a:hover img {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}

    #elenco {
    margin:2px 0 0 2px;
    float:left;

    questo è il codice

    Codice PHP:
    <ul class="noi">
            <
    li id="tutti">[url=""][img]images/caricature/1.png[/img][/url]
                    <
    li id="tutti">[url=""][img]images/caricature/1.png[/img][/url]
            <
    li id="tutti">[url=""][img]images/caricature/1.png[/img][/url]
            <
    li id="tutti">[url=""][img]images/caricature/1.png[/img][/url][/list] 
    ed ottengo le mi immagini una difianco all'altra fino a che c'è spazio, poi vanno a capo.
    Ora questo blocco lo devo inserie in
    Codice PHP:
    <DIV class="tabcontainer">
    <
    div id="gc1" class="tabcontent">
    //tutto il blocco di prima
    </div>
    </
    DIV
    che ha
    Codice PHP:
    .tabcontainer{
    clearleft;
    width:620px;
    height:auto;
    border1px solid #ff00ff;
    background-color:#FFFFFF;
    }

    .
    tabcontent{
    display:none;

    ora la lista mi va uno sotto l'altro.
    Come risolvo? :master:

  2. #2
    Devi assegnare agli LI il float:left
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  3. #3
    Utente di HTML.it L'avatar di semolino
    Registrato dal
    Nov 2004
    Messaggi
    1,499
    perdonami ma ero un po stanco ieri...
    c'è già perchè ho sbagliato nei css a scrivere #elenco ìal posto di #tutti
    che è riferito ai li.

    Qundi cosa potrà essere? sorry, vorrei modificare il post ma non me lo fa più fare...

  4. #4
    Guarda io di solito uso un po' meno codice con una sintassi un più corretta.
    Garantisco che funziona...

    Prova a farlo diventare tipo questo
    codice:
    HTML
    <div id="menu">
    	<ul>
    		[*]Aggiungi
    		[*]Modifica
    		[*]Elimina
    	[/list]
    </div>
    
    CSS
    #menu {uno sfondo o quello che ti serve}
    #menu ul, li {margin:0;padding:0;list-type-style:none;}
    #menu li {float:left;}
    #menu a {display:block; width:100px;height:20px;line-height:20px;}
    (ho scritto un po' di fretta... correggi gli eventuali errori...)
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  5. #5
    Utente di HTML.it L'avatar di semolino
    Registrato dal
    Nov 2004
    Messaggi
    1,499
    Il problema non ce l'ho con la <ul> in se, mi sballa quando lo inserisco nell'altro div "tabcontainer" che fa parte di un tabsmenu...

  6. #6
    Utente di HTML.it L'avatar di semolino
    Registrato dal
    Nov 2004
    Messaggi
    1,499
    Ci sono riuscito mettendo:
    Codice PHP:
    //da cosi
    #caianelli {
    margin:2px 0 0 2px;
    float:left;
    }

    // a cosi

    .tabcontainer #gc1 #caianelli {
    margin:2px 0 0 2px;
    float:left;


Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.