Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it L'avatar di Stema
    Registrato dal
    May 2008
    Messaggi
    64

    Border-top invisibile su IE6

    Salve, ho un problema con un bordo superiore una "cella" di un menu composto da una lista orizzontale.
    In pratica con IE6 il bordo scompare, mentre con Firefox è visibile.
    Vi posto il codice ed i due screenshot per farvi capire bene.
    Se qualcuno mi dà una mano a far apparire questo benedetto bordo anche su Explorer, lo ringrazio anticipatamente.
    Immagini allegate Immagini allegate
    Stema

  2. #2
    Utente di HTML.it L'avatar di Stema
    Registrato dal
    May 2008
    Messaggi
    64
    Questa è l'immagine di Firefox:
    Immagini allegate Immagini allegate
    Stema

  3. #3
    Utente di HTML.it L'avatar di Stema
    Registrato dal
    May 2008
    Messaggi
    64
    E questo è il codice css:


    html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    }

    div#maincontainer {
    text-align:center;
    position:relative;
    width:760px;
    height: 100%;
    margin: 0 auto;
    border: 1px solid #FF0000;
    border-top: none;
    }

    div#header {
    background-image:url(sfondo-header.jpg);
    height:124px;
    margin: 0;
    padding: 0;
    }

    div#titoloprincipale {
    font-family: "Calligraph421 BT";
    font-size: 32px;
    font-styleblique;
    width: 760px;
    text-align:right;
    font-weight: bolder;
    }

    div#titolosecondario {
    font-family: "Calligraph421 BT";
    font-size: 25px;
    font-style: oblique;
    width: 600px;
    text-align: right;
    font-weight: bolder;
    margin-top: 15px;
    }

    div#navigationvert {
    background-image: url(sfondo-navigationvert.jpg);
    background-repeat: repeat-y;
    width: 160px;
    height:auto;
    float: left;
    }

    div#secondcontainer {
    width: 600px;
    float: right;
    height: auto;
    text-align: left;
    }

    /* INIZIO CODICE MENU' A TABS ORIZZONTALE */

    #navigationorizz {
    font-family: "Times New Roman", Georgia, san-serif;
    background-color:#FFFF66;
    text-align: center;
    border-bottom: 1px solid #FF6600;
    }

    #navigationorizz ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

    #navigationorizz li {
    display: inline;
    margin: 0;
    padding: 0;
    }

    #navigationorizz li a {
    text-decoration: none;
    }

    #navigationorizz li a{
    font-family: arial, verdana, san-serif; color:#000000;
    padding: 0px 5px;
    background-color: #FFFF66;
    }

    #navigationorizz li a:hover {
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    }

    #navigationorizz li#activelink a {
    border: 1px solid #FF3300;
    border-bottom: 3px solid #FFFFFF;
    background-color: #FFFFFF;
    }

    /* FINE CODICE MENU' A TABS ORIZZONTALE*/
    Stema

  4. #4
    Utente di HTML.it L'avatar di Stema
    Registrato dal
    May 2008
    Messaggi
    64
    Non c'è nessuno disposto ad aiutarmi?? Può sembrare una cavolata, ma quella linea che non si vede non mi va proprio giù!
    Stema

  5. #5
    Utente di HTML.it L'avatar di Stema
    Registrato dal
    May 2008
    Messaggi
    64
    Stema

  6. #6
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    codice:
    #navigationorizz li#activelink a {
    border: 1px solid #FF3300;
    border-bottom: 3px solid #FFFFFF;
    background-color: #FFFFFF;
    }
    il codice sembra a posto... posta il markup interessato (non tutta la pagina)

  7. #7
    Utente di HTML.it L'avatar di Stema
    Registrato dal
    May 2008
    Messaggi
    64
    Infatti, il codice l'ho girato e rigirato come un calzino, ho provato a fare tutte le modifiche (ad aggiungere padding, margini, ecc), ma non c'è verso di far apparire quella benedetta linea. Come diamine faccio? Mi sta proprio antipatica sta cosa.
    Questo è il codice html:

    <div id="secondcontainer">
    <div id="navigationorizz">
    <ul>
    <li id="activelink">Home
    [*]bla bla
    [*]Bla
    [*]bla bla
    [*]bla
    [*]bla bla
    [/list]
    </div>
    <div id="content">altro contenuto modificabile</div>
    </div>
    Stema

  8. #8
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    il bordo viene "coperto" perché coincide col div #secondcontainer, quindi

    (almeno lavorando solo con il codice postato) questa è una soluzione:

    codice:
     
    #navigationorizz ul {
    list-style-type: none;
    margin: 0;
    padding: 1px 0px 0px 0px;
    }

  9. #9
    Utente di HTML.it L'avatar di Stema
    Registrato dal
    May 2008
    Messaggi
    64

    Grazie

    Grazie mille. Mi sei stato di grande aiuto.
    Stema

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.