Visualizzazione dei risultati da 1 a 9 su 9

Discussione: problema lista link

  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2008
    Messaggi
    6

    problema lista link

    Ciao a tutti, di solito cerco sempre di risolvere da solo i miei problemi, però questa volta nn ho davvero più idee... Sto abbozzando un tema per wordpress, sono arrivato ai link della barra laterale, finisco di scrivere i css vado su firefox per vedere il risultato ed è tutto a posto... poi controllo anche su ie e vedo che tra un link e un altro rimane dello spazio... Posto il codice sperando nel vostro aiuto:

    i css:

    #sidebar {
    width: 25%;
    height: 700px;
    float: right;
    display: table;
    padding: 1px;
    background: #000;
    border-left: 1px solid #676767 }

    #sidebar h1{
    height: 26px;
    display: block;
    padding-top: 20px;
    padding-left: 8px;
    background: #000 url(images/sidebar_h2.jpg) repeat-x bottom;
    color: #ccccce;
    font: 16px Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase }

    #sidebar ul, #sidebar li {
    margin: 0;
    padding: 0;
    list-style: none }

    #sidebar a {
    display: block;
    padding: 7px;
    padding-left: 20px;
    border-bottom: 1px solid #373737;
    color: #159aff;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    text-decoration: none }

    #sidebar a:hover {
    background: #1e1f23;
    border-bottom: 1px solid #aa0030;
    color: #fff }

    e il codice:

    <div id="sidebar">
    <ul>

    <?php if ( !function_exists('dynamic_sidebar')
    || !dynamic_sidebar() ) : ?>

    <li id="archives">
    <h1><?php _e('Archivi'); ?></h1>
    <ul>
    <?php wp_get_archives('type=monthly'); ?>[/list]

    <li id="categories">
    <h1><?php _e('Categorie'); ?></h1>
    <ul><?php wp_list_cats(); ?>[/list]


    <li id="links">
    <h1>Links</h1>
    <ul>
    <?php get_links(-1, '[*]', '', ' - '); ?>[/list]

    <li id="meta">
    <h1><?php _e('Meta'); ?></h1><ul>[*]<?php wp_loginout(); ?>[/list]


    <?php endif; ?>[/list]
    </div>

  2. #2
    Utente di HTML.it
    Registrato dal
    Mar 2008
    Messaggi
    6
    nn avevo messo il link della pagina perchè pensavo che fosse considerato come spam... magari riuscite a capire meglio il problema... se poi lo considerate spam toglietelo pure:
    http://exile.netsons.org

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2008
    Messaggi
    6
    nessuno sa come aiutarmi??

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Il problema che vedo io su IE nn si riduce allo spazio tra link, il menu in alto nn si comporta correttamente. Ti riferivi a questo?

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Cmq intanto ti rispondo lo su questo problema.
    Per prima cosa occhio perchè ci sono degli errori di sintassi, più che altro di dimenticanza.
    All'inizio del codice in 2 occasioni hai chiuso un h2 con un h1:

    <h2>prova</h1>.

    L'errore della barra in alto correggilo così:

    css:

    #nav {
    width: 100%;
    height: 37px;
    background: #000 url(images/nav_bg.jpg) repeat-x;
    border-top: 1px solid #000 }

    #nav ul, {
    margin: 0;
    padding: 0;
    }
    #nav li
    {
    float:left;
    list-style: none;
    }
    #nav a {
    display: block;
    padding: 9px 20px 0px 20px;
    background: inherit;
    color: #ccccce;
    font: 16px Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0.1em;
    text-transform: lowercase;
    text-decoration: none
    }

    In pratica tira via display:table dal #nav, nn ho capito bene perchè lo hai usato. Separa #nav ul da #nav li e dai un float ai listati e nn ai link, di cvonseguenza leva float left dai link.
    Questo problema lo risolvi, sinceramente lo spazio che alludevi te lateralmente nn l'ho notato, magari mi è sfuggito.

  6. #6
    Utente di HTML.it
    Registrato dal
    Mar 2008
    Messaggi
    6
    così risolvo il problema su ie... ma lo creo su firefox

  7. #7
    Utente di HTML.it
    Registrato dal
    Mar 2008
    Messaggi
    6
    ok ora ho risolto su entrambi i browser il problema della nav... però non riesco ancora a capire perchè nella barra laterale su ie tra i link rimane quello spazio... Io ho internet explorer 6, magari tu hai una versione differente e nn li vedi.

  8. #8
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Io testo su tutti i browser, da IE5 a Opera=).
    Domani ci do un occhio allo spazio che ti riferisci.
    Per quanto riguarda il problema della nav nn capisco cosa intendi con "lo creo con firefox".
    Con firefox si vede benissimo, anche perchè nn ti ho fatto fare delle modifiche così straordinarie=), anzi è il tuo display:table che è un po' insolito per un menu relativamente semplice.

  9. #9
    Utente di HTML.it
    Registrato dal
    Mar 2008
    Messaggi
    6
    come avevi postato tu i link del nav si sovrapponevano su firefox... invece ora ho unito nav ul e nav li e ho risolto su entrambi i browser... per quanto riguarda il display: table nn mi ricordo perchè l'avevo messo. Cmq grazie per l'aiuto.

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.