Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 14
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    2,125

    box con pulsante in basso a destra(crossbrowser)

    ciao a tutti.

    non riesco a capire dove sbaglio.


    ecco il mio codice


    Codice PHP:

    hr
    {
    width:700px;
    border1px solid #000000;

    }


    div.pulsante{
    float:right;
    margin-top:10px;
    }


    div.box{
        
    width700px;
        
    height:260px;
        
    /*margin-left:15px;*/
        
    margin:10px;

    }
    div.box img{
        
    float:left;
        
    margin-right25px;
        
    margin-bottom10px;
        
    margin-top5px;
        
    border:1px solid;

    }



    div.box p{
    margin:5px;
        
    padding0;
        
    font-weightnormal;
        
    line-height20px;
        
    text-alignjustify;
    }



    <
    div class="box">
                  

    [
    img]miaImg.gif[/img]</p>
                 
                  

    testo testotesto testotestotestotestotesto</p>
                  <
    div class="pulsante">[url="b28_foto.php"][img]icon.gif[/img][img]images/scheda_tecnica.gif[/img][/url]</div>
                 
                </
    div>
    </
    hr

    il problema è che con explore va tutto bene, le mie immagini icon.gif e scheda_tecnica.gif dono prima della linea HR .... ma in mozilla vanno a cavallo della linea.

    Per ovviare , aumentando l'altezza del box ottengo cio che voglio.
    Anche dando un margin:10px alla linea HR ottengo cio che voglio.
    Ma io vorrei che la dimensione sia quella e che in mozilla si vedesse giusto..senza accavallarsi.


    E' possibile?


    Spero di esser stato chiaro.

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Anzitutto hai usato un tag che non esiste:
    </hr> e` un controsenso.

    <hr> e` un tag che non ha il tag di chusura, per cui va usato esclusivamente nella forma
    <hr />

    E comunque e` un tag deprecato e che ha dei problemi di semmantica: e` meglio usare un bordo (ad esempio bordo inferiore al blocco che devi chiudere).

    Comunque il problema e` nel non corretto uso del float: Vedi la mia prima risposta a l thread layout 2 colonne, e secondo div che è troppo largo
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    2,125
    mich pls...potresti essere piu chiaro con un esempio specifico nel mio caso..
    non riesco a capire.
    Non e' molto che sto studiando i css ....

    A parte il discorso dell'hr...che ho immediatamente eliminato e sostituito con il bordo bottom del div.... continuo a non capire cosa applicare al mio elemento pulsante in modo da farlo stare dentro al div box ...

    ti ringrazio in anticipo

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Molto semplicemente:
    dove c'e` un float (o un gruppo di float) ci deve essere un clear. Se manca, i blocchi float vanno per conto loro (fluttuano da soli, escono dal flusso normale, i blocchi che seguono non li vedono piu`).

    Prima della fine del contenitore DEVI metterci un blocco con il clear.
    Vedi ad esempio come ha risolto nel thread [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    2,125
    continuo a non capire.

    avevo letto quello che mi hai consigliato. solo che non riesco ad applicarlo al mio caso.

    le ho provate tutte (prob senza logica)..

    Ho messo tra i 2 div ..1 div cosi : <div style="clear:both;"></div>

    ma niente.
    clear:both; ho provato a metterlo sia al box contenitore sia al div pulsante.

    niente.... su mozilla (perche avviene solo li) continuano ad andare oltre il div che dovrebbe contenerlo.

    Ma e' chiaro il risultato finale che vorrei ottenere? no perche copiando e incollando il codice non so se ho reso l'idea.

    in pratica immaginate un rettangolo con dentro in basso a destra un quadrato.


    aiuto son disperato

  6. #6
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    2,125
    nessuno?

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Prova ad inteegrare il tuo css:
    codice:
    div.box{
        width: 700px;
        height:260px;
        /*margin-left:15px;*/
        margin:10px;
    }
    div.box:after {
        display: block; 
        visibility: hidden;
        content: "."; 
        height	: 0; 
        clear: both;
    }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  8. #8
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    2,125
    ..aiuto. non funziona. su mozilla il mio div dei pulsanti e' sopra al bottom del div box.

    forse mi sono espresso male.

    aiuto ...sono disperato. spero che questa immagine in allegato possa chiare il risultato finale che vorrei ottenere.

    vedi allegato :

    in rosso il div box e in verde il div pulsante
    Immagini allegate Immagini allegate

  9. #9
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Puoi postare un link?
    E` difficile correggere un codice che non si conosce (o si conosce in piccola parte), e credo che il problema sia un non corretto uso dei vari <div>, float e clear
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  10. #10
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    2,125
    volendo lo posto anche. non posso lincare perche il sito e' in locale. ..

    (i nomi dei div in questione sono diversi dai miei post di prima ma il codice e' lo stesso)



    Codice PHP:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <
    html>
    <
    head>

    <
    title>Sistemi di smistamento automatici sorter per scatole pallet abiti</title>

    <
    meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <
    meta name="robots" content="INDEX, FOLLOW">
    <
    meta name="description" content="logistica nastri trasportatori rulliere scaffalature sorter pallet elevatori">
    <
    meta HTTP-EQUIV="keywords" CONTENT="Scatole"
    <
    link href="css/style.css" rel="stylesheet" type="text/css">

        <
    script src="js/prototype.js" type="text/javascript"></script>
        <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
        <script type="text/javascript" src="js/utils.js">
        </script><script type="text/javascript" src="js/functions.js"></script>
        
        


    <link rel="stylesheet" type="text/css" href="css/banner_rotator.css" />

    <script language="javascript" type="text/javascript" src="script/mootools-1.2.1-core.js"></script>
    <script language="javascript" type="text/javascript" src="script/mootools-1.2-more.js"></script>
    <script language="javascript" type="text/javascript" src="script/slideitmoo-1.1.js"></script>
    <script language="javascript" type="text/javascript">
        window.addEvents({
            'load': function(){
                
                /* banner rotator example */    
                new SlideItMoo({overallContainer: 'SlideItMoo_banners_outer',
                                elementScrolled: 'SlideItMoo_banners_inner',
                                thumbsContainer: 'SlideItMoo_banners_items',        
                                itemsVisible:1,
                                itemsSelector: '.banner',
                                showControls:0,
                                autoSlide: 3000,
                                transition: Fx.Transitions.Sine.easeOut,
                                duration: 1800,
                                direction:-1
                });
            }
        });






        
        


    </script>
        
        
         <script type="text/javascript" src="js/functions.js"></script>
         <style type="text/css">
    <!--
    .Stile33 {font-style: italic}
    .Stile5 {color: #000000}
    -->
         </style>
        

        <style type="text/css">
    <!--
    .Stile1 {color: #FFFFFF}
    -->
        </style>
        
        
        
    </head>

    <body background="images/bg_rg1.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"  link="#000000" vlink="#000000" alink="#000000">



    <div align="center">
      <center>
        <table width="1050" height="913" border="1" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="border-collapse: collapse" bordercolor="#262626">
      <tr> 
        <td height="67" valign="middle" colspan="3">
        <div align="center">
          <center>
          <table border="1" cellpadding="0" cellspacing="0" style="border-style: none" fpstyle="1,000001100">
            <tr>
              <td  style="border-style: none" >[img]immagini/header_1.gif[/img]</td>
            </tr>
          </table>
          </center>
        </div>    </td>
      </tr>
      <tr> 
        <td height="25" colspan="3" align="left" valign="top" background="images/barra_c.giff"     ><table width="1057" border="0" cellpadding="0" cellspacing="0" background="immagini/menu6.png">
          <tr>
            <td width="973" height="26"></td>
            <td width="31">[url="index.php"][img]immagini/italia.gif[/img][/url]</td>
            <td width="46"></td>
          </tr>
        </table></td>
      </tr>
      <tr> 
        <td width="233" rowspan="3" align="left" valign="top">
         <div id="ddblueblockmenu">
            <div class="menutitle" id="mentit">[url="index.php"]Home[/url]</div>
            <ul>[*][url="prodotti.php"]I Prodotti[/url][*][url="azienda.php"]L'Azienda[/url][*][url="info.php"]Richiesta Informazioni[/url][*][url="lavora_con_noi.php"]Lavora con Noi[/url][*][url="contatti.php"]Contatti[/url][/list]
            <div class="menutitle">Extra</div>
            <ul>[*][url="download.php"]Download[/url][*][url="esposizione.php"]Esposizione[/url][*][url="usato.php"]Usato[/url][*][url="link.php"]Link Utili[/url][/list]
            <div class="menutitle"></div>
          </div>
        </td>
        <td height="95" colspan="2" valign="top" >
          <div class="container">

        
        <div id="SlideItMoo_banners_outer">    
            <div id="SlideItMoo_banners_inner">            
                <div id="SlideItMoo_banners_items">
                    [url="#"][img]banners/1.jpg[/img][/url]    
                    [url="#"][img]banners/2.jpg[/img][/url]    
                    [url="#"][img]banners/3.jpg[/img][/url]
                    [url="#"][img]banners/4.jpg[/img][/url]                    
                </div>            
            </div>
        </div>    
        
     

    </div>
        
        </td>
      </tr>
      

     
      <tr>
        <td height="29" width="467" bgcolor="#FFFFFF" background="images/bg_h1.gif"> 
        [b]<span class="Stile1">Anno 2009: nasce CONVEYORM@RKET</span>[/b]</td>
        <td height="29" width="350" bgcolor="#104162" background="images/bg_h1.gif"> 
        [b]<span class="Stile1">NEWS LOGISS</span>[/b]</td>
      </tr>
      <tr>
        <td height="207" valign="top" width="467" ><div class="minibox">
          

    [b][url="http://conveyormarket.eu"][img]images/conveyor_logo.gif[/img]ConveyorMarket[/url][/b] &egrave; la divisione e-commerce della Logiss Srl,  punto di riferimento per chi cerca attrezzature per la logistica, macchine per la movimentazione interna e il magazzino.</p>
          

    [b]Prezzi eccezionali !![/b] Realizzate voi stessi il preventivo immediato e acquistate direttamente su: [url]www.conveyormarket.eu[/url] </p>
        </div></td>
        <td height="207" valign="top" width="350" ><div class="minibox">
          

    [b][url="http://conveyormarket.eu"][img]images/loghino.gif[/img]In evidenza[/url][/b]</p>
          

    - Anno 2009, anno di crisi mondiale, Logiss incrementa il  proprio venduto: [b]+35%[/b] rispetto al 2008 confermando l'ottimo trend di crescita.</p>
          

    - Logiss, nel corso del 2009, ha investito oltre 1.500.000 Euro per adeguare la propria struttura all'incremento.</p>
        </div></td>
      </tr>
      <tr>
        <td height="17" valign="top" colspan="3" background="images/bgl.gif">    </td>
      </tr>
      <tr> 
        <td valign="top"  height="292" colspan="3">
        <div id="conten" style="margin-top:10px; padding:4px;">
          
    <div style="width:790px; float:right; margin-left:7px; margin-bottom: 10px; position: relative;">
      <div class="testo">
                   <h1>[img]images/prod4.gif[/img]</h1>
                

    Sorter Logiss: Sistemi di smistamento automatico a basso costo ed alta affidabilit&agrave;.</p>
                

     Una gamma completa di Sorter per lo smistamento di colli, oggetti sfusi di varia dimensione, abbigliamento appeso e steso fino a pallet di qualsiasi dimensione e  peso. </p>
                

    Logiss &egrave; riuscita a produrre queste macchine con l'obbiettivo di renderle accessibili alla grande utenza, cio&egrave; ai medi utilizzatori che fin'ora non hanno acquistato smistatori a causa del prezzo per loro non ammortizzabile</p>
                </div>
                
                <div class="listaProd">
                  

    [url="foto/04_Sistemi_di_smistamento_Automatici/trilog_sorterB.gif"][img]foto/04_Sistemi_di_smistamento_Automatici/trilog_sorter.gif[/img][/url] </p>
                  

    [b]Sorter per scatole e contenitori :

    TRILOG SORTER [/b]</p>
                  

    Progettato con lo scopo di ottenere una macchina modulare, molto  semplice e affidabile. Abbiamo scelto soluzioni che ottimizzano la telaistica e  la meccanica permettendo il montaggio in cantiere di tutte le parti d ella  macchina in poco tempo, quindi ottimizzando i volumi per le spedizioni e i tempi  di assemblaggio. Prestazioni: oltre 4.000 Pcs/ora </p>
                 <div class="clearer">[url="imballo_scatole_foto.php"][img]images/photogallery_icon.gif[/img][/url][url="nastriTrasportatori_foto.php"][img]images/scheda_tecnica.gif[/img][/url]</div>
                
                </div>
              
                <div class="listaProd">
                  <h2>[url="foto/04_Sistemi_di_smistamento_Automatici/sorter_palletB.gif"][img]foto/04_Sistemi_di_smistamento_Automatici/sorter_pallet.gif[/img][/url]</h2>
                  

    [b] Sorter per Pallet:

    LS2000 [/b]</p>
                  

    Sistema di  divisione ed accumulo, per pallet, totalmente automatizzato. Ideale per la  produzione e per la logistica nella preparazione dei carichi in banchina. Sono  macchine di assoluta robustezza e semplicit&agrave;, necessitano di poca manutenzione  e trovano ottimo impiego anche in ambienti polverosi e a bassa temperatura.

    Prestazioni: 600 pallet /ora.</p>
          
               <div class="clearer">[url="sorter_pallet_foto.php"][img]images/photogallery_icon.gif[/img][/url][url="nastriTrasportatori_foto.php"][img]images/scheda_tecnica.gif[/img][/url]</div>
                </div>
              
                <div class="listaProd">
                  <h2>[url="foto/04_Sistemi_di_smistamento_Automatici/sorter_appesiB.gif"][img]foto/04_Sistemi_di_smistamento_Automatici/sorter_appesi.gif[/img][/url]</h2>
                  

    [b]Smistatori abiti appesi:


    DUCK SORTER:[/b]</p>
                  

    E' la versione accessoriata con scambi brevettati del Duck Conveyor per  estrarre, dividere e accumulare gli abiti appesi in baie con qualsiasi  capienza. Le baie di accumulo possono essere a gravit&agrave; o motorizzate.</p>
             
               <div class="clearer">[url="sorter_abiti_foto.php"][img]images/photogallery_icon.gif[/img][/url][url="nastriTrasportatori_foto.php"][img]images/scheda_tecnica.gif[/img][/url]</div>
               
                </div>
              </div>

    <div style="width:230px;">
     
            <div class="menuSection" id="mentit">[url="prodotti.php"][img]images/prodotti.gif[/img][/url]</div>
     <div id="css_vertical_menu">[url="movimentazione_scatole_contenitori.php"]MOVIMENTAZIONE PER SCATOLE[/url]
    [url="movimentazione_pallet.php"]MOVIMENTAZIONE PER PALLET[/url]
    [url="movimentazione_abbigliamento.php"]MOVIMENTAZIONE ABBIGLIAMENTO[/url]
    [url="sistemi_smistamento_automatici.php"]SISTEMI DI SMISTAMENTO [/url]
    [url="elevatori_automatici.php"]ELEVATORI AUTOMATICI[/url]
    <a href="imballaggio_etichettatura.php">IMBALLAGGIO ED ETICHETTATURA </a
    >[url="linee_montaggio.php"]LINEE DI MONTAGGIO[/url]
    [url="soppalchi_strutture_speciali.php"]SOPPALCHI E STRUTTURE SPECIALI[/url]
    [url="illuminazione_magazzini.php"]ILLUMINAZIONE PER MAGAZZINI[/url]</div> 
    </div>
    </div>
        
        </td>
      </tr>
      <tr> 
        <td height="36" align="center" bgcolor="#E6E6E6" colspan="3">
        

    [b] 
        <span class="menu1">[url="index.html"]Home[/url] <span style="font-weight: 400">|</span> [url="azienda.php"]Azienda[/url] 
        <span style="font-weight: 400">|</span>  
        [url="prodotti.php"]Prodotti[/url] <span style="font-weight: 400">|</span> [url="contatti.php"]Contatti[/url][/b]</td>
      </tr>
      <tr> 
        <td height="45" align="center" class="copyright"  colspan="3">

    lklklk
          </p>      </td>
      </tr>
    </table>
      </center>
    </div>



    </body>
    </html> 

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.