Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 14
  1. #1
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766

    Posizionamento problematico con IE6

    Sto riprendento i CSS dopo molti mesi, pensavo di cavarmela ahimè non è cosi':
    stili:
    codice:
    #primo {
    	background-color: #00CC99;
    	width: 200px;
    	height: 200px;
    	float: left;
    	padding: 0px;
    	margin: 0px 0px 0px 200px;
    }
    
    #contenitore {
    	width: 700px;
    	background-color: #FFCC66;
    	height: 800px;
    	padding: 0px;
    	margin: 0px;
    }
    #no {
    	display: none;
    }
    html:
    codice:
    <body>
    <div id="contenitore">
      <p id="no">contenitore </p>
    <div><p id="primo"> ciao
    </p>
    </div>
    </div>
    </body>
    con Firefox mi sembra di vedere le cose correttamente mentre con ie6 il paragrafo con lo stile "primo" appare di molto spostato più verso destra. se metto un valore di margin a 500 il "contenitore" viene addirittura allargato.
    In effetti finora avevo sempre fatto prove con ie7 ma di recente sono tornata al 6 perchè col 7 avevo problemi di navigazione.

    Ho appena fatto la prova con il link che qualcuno ha postato http://meineipadresse.de/netrenderer/index.php e ie7 mi fa vedere come Firefox, come posso fare per il 6?

  2. #2
    non ti preoccupare, è un problema noto....è uno dei tanti bug di IE6
    noto come Doubled-Margin Float, per saperne di più e per una soluzione leggi la seguente pagina, dove sono riportati i bug di IE.
    ciao
    «Non esiste mondo fuor dalle mura di Verona; ma solo purgatorio, tortura, inferno. Chi è bandito di qui, è bandito dal mondo e l'esilio dal mondo è morte...»
    - William Shakespeare -

  3. #3
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Grazie mille, mi ero presa male al vedere che non riuscivo a fare neanche un semplice piazzamento di blocchi.
    In questo caso ho risolto seguendo il consiglio di mettere nello stile "primo" il display:inline.

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    14
    Originariamente inviato da dvjack
    non ti preoccupare, è un problema noto....è uno dei tanti bug di IE6
    noto come Doubled-Margin Float, per saperne di più e per una soluzione leggi la seguente pagina, dove sono riportati i bug di IE.
    ciao
    riguardo proprio alla risoluzione di questo noioso problema, io ho provato ad utilizzare i suggerimenti della guida utilizzando un:

    codice:
    display: inline
    quando nella classe o nella definizione del blocco c'e' un margin-left o right
    ma ottengo un obbrobrio indicibile, mi si scombina tutto sia su FF che su IE6. Tutti i blocchi
    dove ho messo quella indicazione e' come se fossero a fullscreen invece che rispettare
    le dimensioni e i margini che ho impostato ...

    se riporto tutto come prima, su FF/Opera/IE7 tutto bene mentre su IE6 mi si sposta tutto a dx di un certo numero di pixel in maniera uniforme (cioe' tutti insieme).

    suggerimenti? idee?
    Imagination is more important than knowledge. [A.Einstein]

  5. #5
    se è stata postata una soluzione su css.html.it allora penso ( ) che sia funzionale come soluzione...magari nel tuo caso c'è qualcos'altro nella classe associata all'elemento o a qualche elemento padre che fa sballare tutto, prova a postare il css e magari un pezzo di html della pagina incriminata.. oppure posta un link...

    «Non esiste mondo fuor dalle mura di Verona; ma solo purgatorio, tortura, inferno. Chi è bandito di qui, è bandito dal mondo e l'esilio dal mondo è morte...»
    - William Shakespeare -

  6. #6
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    14
    purtroppo il CSS e' un po' complesso cosi' come l'html. La pagina e' generata da un CMS su cui non posso mettere le mani per cui me la devo tenere cosi' com'e', l'unico modo per personalizzarla e' agire sul CSS.

    ora le classi principali del css:

    #MasterHeader
    {
    padding: 0 0 0 0;
    margin-left:139px;
    width:745px;
    height:100px;
    overflow: hidden;
    background: transparent url("./images/headerBG.gif") repeat-x;
    color: #fff;
    font-weight: normal;
    }

    #MasterFooter
    {
    clear: both;
    margin-left:139px;
    width:745px;
    height:80px;
    overflow: hidden;
    background: transparent url("./images/footerBG.gif") repeat-x;
    color: #fff;
    text-align: right;
    border-top: 1px solid #c1bbab;
    }

    #pageNavBar {
    background: #444; border-bottom: 1px solid #ccc;
    margin-left:139px;
    width:745px;
    }

    .mainNav
    {
    margin:0; margin-left:0px; padding:0; list-style:none;
    }

    #contentarea
    {
    padding: 0 0 100px;
    margin-left:139px;
    width:745px;
    background: #fff;
    }
    #contentarea table.columns
    {
    margin: 0;
    clear:left;
    width:100%;
    height:100%;
    }
    #contentarea table.columns td
    {
    vertical-align: top;
    }

    .column
    {
    text-align: left;
    border-right: 1px solid #c0c0c0;
    border-right-width: 1px; padding-right: 0px;
    height:100%;
    }

    poi ognuna delle classi di cui sopra contiene "overload" di altri elementi (quali UL LI P ecc..)
    ma non credo influiscano piu' di tanto.. ora l'html (<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    ) riporto solo il codice dopo il body (e' un po lungo)

    <div id="ctl00_nonFooter" class="nonFooter">
    <div id="MasterHeader">
    <span id="saveClose"></span>
    <ul id="primaryNav">[*]Home[*]Contact[*]My Profile[*]Sign Out[/list]

    <h1 class="compName">Customer Demo</h1>

    <span id="userWelcome">Welcome Demo, Team</span>

    </div>
    <div id="ctl00_dExtra2" class="dExtra2"></div>
    <div id="MasterContent">

    <div id="pageNavBar">
    <ul class="mainNav">
    <li class="first">Home[*]Organization[*]Training
    <li class="current"><span>Documentation</span>[*]Support
    <li class="last">Contacts[/list]
    </div>

    <div id="contentarea">
    <table class="columns" cellspacing="15" border="0">
    <tr>
    <td class="column">
    <div class="colHead"><h2>Activities</h2></div>
    <div class="contentPanel">
    <div class="contentHead"><h3 class=""></h3></div>
    <div style="display:block;" class="contentBlock" >

    <div id="left-column">

    <h3 class="title" id="left-column">Navigation</h3>

    <ul class="ul-style01">
    <li id="nav-active">Homepage [*]About[*]Services
    <ul> [*]Find a Device[*]Supplies Order [/list]
    [*]Products[*]Contact[/list]
    </div>
    </div>
    </div>
    <span class="extra"></span>
    </td>
    <td class="column">
    <div class="colHead"><h2>Documentation</h2></div>
    <div class="contentPanel">
    <div class="contentHead"><h3 class=""></h3></div>
    <div style="display:block;" class="contentBlock" >



    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus convis dapibus magna. Proin eu jus</p>
    </div>
    </div>
    <span class="extra"></span>
    </td>
    </tr>
    </table>
    </div>
    </div>
    </div>
    <div id="MasterFooter">
    <p class="compName">[img]logo[/img]</p>
    <p id="appInfo">Copyright © 1996-2008 Acme Corporation. All rights reserved. (Build 5.2.63)</p>
    </div>
    gli effetti su IE e FF sono allegati.
    Immagini allegate Immagini allegate
    Imagination is more important than knowledge. [A.Einstein]

  7. #7
    purtroppo con il codice che hai postato ottengo lo stesso risultato sia in IE sia in Firefox, cioè la barra del menu è correttamente allineato a sinistra...
    forse dipende da qualcos'altro...da qualche altra istruzione css...bho...
    «Non esiste mondo fuor dalle mura di Verona; ma solo purgatorio, tortura, inferno. Chi è bandito di qui, è bandito dal mondo e l'esilio dal mondo è morte...»
    - William Shakespeare -

  8. #8
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    14
    ...molto strano, ho riprovato e continuo a vedere tutto sfasato.

    ci sono tante robe nel CSS che servono al CMS in alcune situazioni, quindi non posso toglierle, cosi' come vedrai nell'html per il layout l'uso dei DIV ma anche una tabella (purtroppo non posso toglierla perche' generata dal CMS)

    io continuo a fare prove sperando di venirne a capo, ma se mi arriva un aiuto faccio prima

    (con firefox e' facile... visto che uso bugzilla e i developer addon, ma su IE nun se po' fa nulla per il debug )

    qui di seguito il codice completo sia di CSS che HTML (CSS nel secondo messaggio qui non ci entra)

    HTML
    Codice PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml" >
    <
    head>
        <
    title>Demo</title>
        <
    base target="_self"/>
        <
    link id="ctl00_ThemeStylesheet" rel="stylesheet" type="text/css" media="screen" href="./TT_Design/TT_Design.css" />
        </
    head>
    <
    body class="guestView">
    <
    div id="XSPNGMasterHeader">
        <
    ul id="primaryNav">[*][url="blabla"]Home[/url][*][url="blabla"]Contact[/url][*][url="blabla"]My Profile[/url]        [*][url="blabla"]Sign Out[/url]        [/list]
        
        <
    h1 class="compName">Demo</h1>

        
        <
    span id="userWelcome">Welcome PincoPallo</span>

    </
    div>        

    <
    div id="XSPNGMasterContent">
        <
    div id="pageNavBar">
            <
    ul class="mainNav">
                <
    li class="first">[url="blabla"]Home[/url][*][url="blabla"]Organization[/url][*][url="blabla"]Training[/url]
                <
    li class="current"><span>Documentation</span>[*][url="blabla"]Support[/url]
                <
    li class="last">[url="blabla"]Contacts[/url][/list]
        </
    div>
        <
    div id="contentarea">
            <
    table class="columns" cellspacing="15" border="0">
                <
    tr>
                    <
    td class="column">
                        <
    div class="colHead"><h2>Activities</h2></div>
                        <
    div class="contentPanel">
                            <
    div class="contentHead">    
                                <
    h3 class=""></h3>    
                            </
    div>
                            <
    div style="display:block;" class="contentBlock" >
                                
                                <
    div id="left-column">        
                                    
                                        <
    h3 class="title" id="left-column">Navigation</h3>                        
                                        <
    ul class="ul-style01">
                                            <
    li id="nav-active">[url="#"]Homepage[/url] [*][url="#"]About[/url][*]
                                                [
    url="#"]Services[/url]
                                                <
    ul>                            [*][url="#"]Find a Printer[/url][*][url="#"]Supplies Order[/url]                            [/list]
                                            [*][
    url="#"]Products[/url][*][url="#"]Contact[/url][/list]
                                </
    div
                            </
    div>
                        </
    div>
                        <
    span class="extra"></span>
                    </
    td>
                    <
    td class="column">
                        <
    div class="colHead"><h2>Documentation</h2></div>
                        <
    div class="contentPanel">
                            <
    div class="contentHead">    
                                <
    h3 class=""></h3>    
                            </
    div>
                            <
    div style="display:block;" class="contentBlock" >
                                

    Lorem ipsum dolor sit ametconsectetuer adipiscing elitVivamus convis dapibus magnaProin eu justo ut massa [url="#"]molestie pellentesque[/url]. 
                                   
    In hastel habitasse platea dictumstUt arcuMaecenas sed anteIn hacei haasse platea dictumstCum sociis natoque penatibus et magnis dis 
                                   enarturient montes
    nascetur ridiculus musProin semper nisi puinar nunc commodo imperdietInteger pedeMorbi eu nislPraesent purus.
                                   
    Aliquam nequateAenean urnaQuisque placerat erat quis neque.</p>
                            </
    div>
                        </
    div>
                        <
    span class="extra"></span>
                    </
    td>
                </
    tr>
            </
    table>
        </
    div>       
     </
    div>       
    <
    div id="XSPNGMasterFooter">
        <
    class="compName">[img]logo[/img]</p>
        <
    p id="appInfo">Copyright © 1996-2008 Acme CorporationAll rights reserved.  (Build 5.2.63)</p>
    </
    div>
    </
    body>
    </
    html
    Imagination is more important than knowledge. [A.Einstein]

  9. #9
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    14
    CSS
    Codice PHP:
    /*@import url("../_commonData/icons.css");*/

    /* ----------------------------------------------------------------------------------------------------------
    1) HTML tags, reset
    ---------------------------------------------------------------------------------------------------------- */

    * {margin:0padding:0;}
    bodydivspanpaimgulollicaptiontabletheadtbodytfoottrthtdformfieldsetlegendlabeldldtddblockquoteappletobjecth1h2h3h4h5 {border:0;}
    body {background:#CCC08F url("./images/bg.gif") 0 0 repeat-y; font:0.8em/1.5 "arial",sans-serif; text-align:center;}


    h1h2h3h4h5h6 {margin:15px 0 10px 0;}
    h2 {font-size:120%;}
    h3h4 {font-size:120%; font-weight:normal;}
    h5 {font-size:100%;}

    ptableuloldlfieldset {margin:15px 0;}

    table {border-collapse:collapseborder-spacing:0font-size:100%;}
    th {text-align:centerfont-weight:bold;}
    thtd {padding:3px 7px;}

    ulol {margin-left:30px;}
    ul ulol ol {margin:0margin-left:20px;}
    ol {list-style-type:decimal;}
    li {display:list-item;}

    dt {font-weight:bold;}
    dd {margin-left:30px;}

    body {background-color:#92f4ff; color:#005562;}

    {color:#E50;}
    a:hover {color:#005562;}

    h2 {border-bottom:1px solid #D2D2C6;}
    h3 {color:#e50;}

    #left-column {float:left; width:190px; padding:15px 0 100px 15px; overflow:hidden;}
                  
    #left-column .title {border-bottom:1px solid #c0c0c0;margin:0; padding:8px 10px 7px 10px; background:url("./images/aside-title.gif") 0px 15px no-repeat; font-size:100%; font-weight:bold;}
    .f-left {float:left !important;} img.f-left {float:leftmargin-right:10px;}
    .
    f-right {float:right !important;} img.f-right {float:rightmargin-left:10px;}

    #focus-title {
        
    margin:0
        
    padding:8px 10px 8px 20px
        
    background:url("./images/perex-title.gif"10px 15px no-repeat
        
    font-size:100%;
        
    border-bottom:1px inset #d2d2c6; 
        
    background-color:#E4E4DD; 
        
    width442px;
        
    color:#e50;
    }

    #focus {border-top:1px outset #d2d2c6;padding:15px;background:#efefeb; color:#50553F;width:442px;}
    .box {min-height:1px;}
    .
    box:after {display:blockvisibility:hiddenclear:bothline-height:0font-size:0content:".";}
    .
    nom {margin:!important;}

    ul.ul-style01 {margin:15px 0; list-style:none;}
    ul.ul-style01 li#nav-active a {font-weight:bold; text-decoration:none;}
    ul.ul-style01 li {padding-left:12pxbackground:url("./images/ul-style01.gif"0 7px no-repeat;}
    ul.ul-style01 li a:hover {color:#E50;}
    ul.ul-style01 ul {margin:0; list-style:none;}
    ul.ul-style01 ul li {padding-left:15pxbackground:url("./images/ul-style01-sub.gif"0 3px no-repeat;}
    ul.ul-style01 ul li a:hover {color:#E50;}

    #XSPNGMasterHeader
    {
        
    padding0 0 0 0;    
        
    /*width: 100%;
        margin:0 0 0 0;    */
        
    margin-left:139px;
        
    width:745px;        
        
    height:100px;
        
    overflowhidden;
        
    backgroundtransparent url("./images/headerBG.gif"repeat-x;
        
    color#fff;
        
    font-weightnormal;
    }
        
    #XSPNGMasterHeader ul
        
    {
            
    margin0;
            
    padding0.5em 0.85em 0;
            
    height2.25em;
            
    floatright;
            
    text-alignright;
            list-
    stylenone;
        }
            
    #XSPNGMasterHeader ul li
            
    {
                
    floatleft;
                
    margin-left0.25em;
                
    padding0;
            }
            
    #XSPNGMasterHeader ul li.last
            
    {
            }

            
    #XSPNGMasterHeader ul a
            
    {
                
    displayblock;
                
    padding0.25em 0.5em 0.35em;
                
    text-decorationnone;
                
    color#333;
            
    }

            
    #XSPNGMasterHeader ul a:hover
            
    {
                
    color#c00;
                
    background#fff;
                
    text-decorationnone;
                
    border-bottom1px dotted #c00;
            
    }

        
    #userWelcome
        
    {
            
    clearright;
            
    displayblock;
            
    padding0 15px 0.25em;
            
    text-alignright;
            
    font-weightbold;
        }
            
        
    #XSPNGMasterHeader .compName
        
    {
            
    floatleft;
            
    padding-left:10px;
            
    /*margin-top: 0.25em;
            padding: 18px 240px 5px 15px;*/
            
    font-weightnormal;
            
    line-height1;            
            
    font-familyimpact;
        }
            
    #XSPNGMasterHeader .compName span, #XSPNGMasterHeader .compName img { margin: -18px 0.5em 0 0; vertical-align: text-top; }

        #XSPNGMasterHeader .compDesc
        
    {
            
    floatleft;
            
    clearleft;
            
    width15em;                
            
    /*padding: 0.4em 0.875em 0.25em;*/
            
    margin-left:0px;        
            
    font-weightnormal;
        }

    #XSPNGMasterFooter
    {
        
    clearboth;
        
    margin-left:139px;
        
    width:745px;        
        
    height:80px;
        
    overflowhidden;
        
    backgroundtransparent url("./images/footerBG.gif"repeat-x;
        
    color#fff;    
        
    text-alignright;
        
    border-top1px solid #c1bbab;
    }
        
    #XSPNGMasterFooter p
        
    {
            
    margin0;
            
    padding0.55em 0.5em 0.35em;
        }
        
    #XSPNGMasterFooter .compName
        
    {
            
    floatleft;
            
    font-weightbold;
        }
        
    #XSPNGMasterFooter .compName img, #XSPNGMasterFooter .compName span
        
    {
            
    margin-right0.5em;
            
    vertical-aligntext-top;
        }

    #pageNavBar { 
        
    background#444; border-bottom: 1px solid #ccc; 
        
    margin-left:139px;
        
    width:745px;        
    }

    .
    mainNav
    {
        
    margin:0margin-left:0pxpadding:0; list-style:none;  
        
    margin-top:-30px;position:absolute;z-index:1;
    }
        .
    mainNav li
        
    {
            
    display:inlinemargin:0padding:0;        
        }
        .
    mainNav li.current
        
    {
            
    font-weight:bold
            
    text-decoration:none;      
            
    background:#FFF; 
            
    color:#008194;        
            
    display:block
            
    float:left
            
    margin-right:5px
            
    padding:7px 15px;         
        }
        .
    mainNav li.current span.menuTitle color#fff; }
            
    .mainNav a
            
    {
                
    color:#FFF;            
                
    display:block
                
    float:left
                
    margin-right:5px
                
    padding:7px 15px
                
    background:#807859; 
                
    text-decoration:underline;            
                
            }
            .
    mainNav a:hover
            
    {
                
    background:#CCC08F;
            
    }
        .
    mainNav li.current a:hover span
        
    {
            
    /*display: block;*/
        
    }
        
        
    /* submenus *//*
        .mainNav ul
        {
            height: auto;
            background: #fff;
            color: #333;
            line-height: normal;
        }
            .mainNav ul li
            {
                display: block;
                float: none;
                height: auto;
                border: none;
                line-height: normal;
            }
                .mainNav ul li a
                {
                    float: none;
                    display: inline;
                    line-height: normal;
                }*/
    div.clearer {clearleftline-height0height0;}        
    #pageOptions
    {
        
    margin0.8em 1.1empadding0;
        list-
    stylenone;
    }
        
    #pageOptions li
        
    {
            
    displayinline;
            
    padding0.25em 1.25em 0.25em 0.25em;
            
    backgroundurl("images/arrowAction.gif"no-repeat 0.25em 0.25em;
            
    color#666;
            
    font-weightbold;
        }
            
    #pageOptions li a
            
    {
                
    padding0 0 2px 20px;
                
    text-decorationnone;
                
    color#333;
                
    font-weightbold;
                
    backgroundurl("images/arrowAction.gif"no-repeat left top;
            }
            
    #pageOptions li a:hover
            
    {
                
    color#900;
                
    background-imageurl("images/arrowActionOver.gif");
            }
            
    #pageOptions li.disabled
            
    {
                
    padding-left20px;
                
    backgroundurl("../_commonData/icons/arrowActionDisabled.gif"no-repeat left 0.25em;
                
    cursor: default;
            }
            
    #contentarea
    {
        
    padding0 0 100px;
        
    margin-left:139px;
        
    width:745px;            
        
    background#fff;
    }
        
    #contentarea table.columns
        
    {
            
    margin0;
            
    clear:left;
            
    width:100%;
            
    height:100%;
        }
            
    #contentarea table.columns td
            
    {
                
    vertical-aligntop;
            }
            
    .
    column
    {
        
    text-alignleft;                
        
    border-right1px solid #c0c0c0;
        
    border-right-width1pxpadding-right0px;
        
    height:100%;
    }
    .
    column.flying opacity0.75; }
        .
    column .colHead
        
    {
            
    margin:0
            
    margin-top:-18px;
            
    padding:0px 10px 0px 10px
            
    background:url("./images/aside-title.gif"10px 15px no-repeat
            
    font-size:100%; 
            
    font-weight:bold;
            
    background-color:#EFEFEB; 
            
    color:#e50;                
            
    border-left-width25px;
        }
        .
    column h2
        
    {        
            
    padding-top0.2empadding-bottom0.0em;
            
    padding-left1em;
            
    font-size1.4em;
            
    border:none;
        }
        .
    column .extra displayblockwidth250pxclearbothheight1px; } /* Min width of column */
        
    .colCtl, .partCtl
        
    {
            
    displayblock;
            
    floatright;
            
    width16px;
            
    height16px;
            
    backgroundurl("images/draggerLight.gif"no-repeat left top;
            
    cursormove;
        }
        .
    partCtl    backgroundurl("images/draggerLight.gif"no-repeat left top; }
        
    .
    contentPanel
    {
        
    margin1em 0.5em 0.5em;
        
    text-alignleft;
        
    background:#fff;
    }
        .
    contentSpacer margin0.5embackground#eee; }
        
    .contentPanel .contentHead
        
    {
            
    padding0.1em 0.2em 0.2em 0.2em;
            
    color#fff;
            /*border-bottom: 1px solid #ddd;
            background: transparent url(images/vista_panel_header.png) repeat;*/
        
    }
        .
    contentPanel .contentHead .minimized, .contentPanel .contentHead .maximized 
        
    {
            
    displaynone;
            
    floatleft;
            
    height11pxwidth14px;
            
    margin0.22em 0.1em 0 0;
            
    text-indent: -100em;
            
    backgroundtransparent url(images/vista_panel_header.pngrepeat-y;
            
    overflowhidden;
        }
        .
    contentPanel .contentHead .maximized 
            
    display:none;
                
    /*none*/
        
    }
        .
    contentPanel h3
        
    {
            
    displayinline;
            
    paddingauto 0.25em auto 0.15em;
            
    font-size1.15em;
        }
        .
    contentBlock clearbothpadding:0; }

    div.immagine {
    padding:5px;
    font.70em verdanahelveticasans-serif;
    margin:0px 10px 10px 0px;
    float:left;
    }
    div.immagine img {
    display:block;
    padding-bottom:1px;
    }
        
        
    .
    addContent
    {
        
    displayblock;
        
    margin0 0.5em;
        
    padding0.35em 0.25em;
        
    text-decorationnone;
        
    color#333;
        
    text-alignleft;
        
    font-size1.15em;
    }
        .
    addContent:hover color#900; }
        
    .addContent span
        
    {
            
    font-weightbold;
            
    padding-left16px;
            
    backgroundurl("../_commonData/icons/green_arrow.gif"no-repeat left 4px;
        }
        

    .
    controlPanel
    {
        
    positionabsolutetop100pxleft100px;
        
    background#fff;
        
    z-index2;
        
    border-left1px solid #f5f6f7;
    }
        .
    controlPanel h2
        
    {
            
    margin0padding0.25em 0.5em;
            
    color#eee;
            
    background#494949;
            
    border-top2px solid #c00;
            
    font-size1.15em;
        }
        .
    controlPanel .contentzone
        
    {
            
    displayblock;
            
    background#fff;
            
    bordernone;
            
    padding0.7em 0.5em;
            
    _floatleft;
            
    clearboth;
        }
        .
    controlPanel label
        
    {
            
    font-weightbold;
        }
        
    label .labelDetail
        
    {
            
    color#666;
            
    font-weightnormal;
            
    font-size0.8em;
        }
        .
    controlPanel label.chkLabel font-weightnormal; }
        .
    controlPanel input, .controlPanel select font-size1em; }
        .
    controlPanel input padding0.15em; }
        
    #profile div label { display: block; margin: 0.8em 0.2em 0.2em; padding: 0; }
        #profile div label.chkLabel { display: inline; }
        
    .controlPanel p, .controlPanel .buttonzone
        
    {
            
    margin0padding0.35em 0.5em;
            
    color#666;
            
    background#f5f6f7;
        
    }
        .
    controlPanel .buttonzone clearbothtext-aligncenter; }
            .
    controlPanel .buttonzone table
            
    {
                
    displayinline;
                
    font-size1.25em;
            }
            .
    controlPanel .buttonzone a text-decorationnone; }
        
        .
    controlPanel .extra
        
    {
            
    positionabsolute;
            
    displayblock;
        }
            .
    controlPanel .extra.a
            
    {
                
    z-index: -1;
                
    top6pxleft5px;
                
    height100%;
                
    width100%;
                
    _widthexpression(this.offsetParent.offsetWidth "px");
                
    _heightexpression(this.offsetParent.offsetHeight "px");
                
    padding1px;
                
    background#000;
                
    opacity0.35;
            }
            .
    controlPanel .extra.b
            
    {
                
    displaynone;
            }
            .
    controlPanel .extra.c
            
    {
                
    displaynone;
            }

    #contactInfo
    {
        
    margin0.5em 0.5em;
        
    border-collapsecollapse;
        
    bordernone;
    }
        
    #contactInfo td { padding: 0.1em 0; }
        #contactInfo .title
        
    {
            
    text-alignright;
            
    font-weightbold;
            
    padding-right0.5em;
        } 
    Imagination is more important than knowledge. [A.Einstein]

  10. #10
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    14
    ultimo pezzo del css

    Codice PHP:
    #changeTheme { width: 420px; }
    #changeTheme .contentzone { float: none; width: 408px; overflow: hidden; }
    #changeTheme ul
    {
        
    margin0padding0.7em 6px;
        list-
    stylenone;
    }
        
    #changeTheme li
        
    {
            
    floatleft;
            
    width70px;
            
    margin5px;
            
    padding-top55px;
            
    height4.2em;
            
    overflowhidden;
        }
            
    #changeTheme li img
            
    {
                
    displayblock;
                
    width70pxheight55px;
                
    margin-top: -55px;
            }
        
    #changeTheme label { font-size: 0.8em; }

    #addContent .contentzone
    {
        
    floatnone;
    }

    .
    menuTitle
    {
        
    padding-right15px;
        
    backgroundurl("../_commonData/icons/darrow.gif"no-repeat right center;
    }
    .
    menuTitle:hover
    {
        
    color#fdcd00;
    }
    .
    menuul.mainNav .menu
    {
        
    positionabsolutetop0left: -1600px;
        
    z-index100;
        
    line-heightnormal;
        
    font-weightbold;
        
    white-spacenowrap;
        
    text-alignleft;
    }
        .
    menu ulul.menuul.mainNav .menu ulul.mainNav ul.menu
        
    {
            
    margin0padding0;
            list-
    stylenone;
            
    border1px solid #9cf;
            
    background#9cf url("images/transparentLeft.gif") repeat-y -81px 0;
        
    }
        .
    menu li background-repeatno-repeatbackground-position1px top; }
        .
    menu li.disabledul.mainNav ul.menu li.disabled color#999; padding: 0.2em 0.5em 0.2em 22px; cursor: default; font-weight: normal; }
        
    .menu aul.mainNav ul.menu a
        
    {
            
    displayblock;
            
    margin-left0/*-19px;*/
            
    padding0.2em 0.5em 0.2em 22px;
            
    color#475171;
            
    text-decorationnone;
            
    background-repeatno-repeatbackground-position1px top;
        }
        .
    menu a:hoverul.mainNav ul.menu a:hover
        
    {
            
    color#9cf;
            
    background-color#475171;
        
    }
        
    .
    nodisp displaynone; }
    .
    dragable {  }
        .
    dragCtl cursormove; }
        
    .
    error
    {
        
    displayblock;
        
    color#c00;
    }

    /*Generic Stuff*/
    a img bordernone; } 
    Imagination is more important than knowledge. [A.Einstein]

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.