• User

    Vorrei un <hr /> non visibile. Come fare?

    Salve ragazzi,
    credo che il problema sia chiaro dal titolo. Mi piacerebbe avere un tag di separazione orizzontale che non sia visibile. Non mi piace per niente la linea orizzontale. Sia che sia colorata, sia che si tratti di un'immagine. Vorrei semplicemente che non si vedesse. Possibilmente con tutti i browser. Che mi suggerite?

    p.s. ho provato a settare il colore ma con Opera non funziona, ossia non mi legge il colore. Anche se mi date del CSS va bene uguale. Anzi, meglio.
    Grazie ragazzi


  • Super User

    CSS:
    [HTML]hr {
    display: none;
    }[/HTML]

    :ciauz:


  • User

    Allora ragazzi,
    il problema è questo. Prima utilizzavo il tag <hr /> con i css in questo modo:

    hr {margin-top: 5px; margin-bottom:5px;}

    Soltanto che, come detto prima, mi visualizzava la brutta linea. Allora ho provato a fare così:

    hr {margin-top: 5px; margin-bottom:5px; display: none;}

    Ma nulla. Alla fine ho scritto questo:

    hr {display: none;}

    Ed allora funziona. Ma a me servirebbe che restassero gli spazi ai marigini, ossia magin-top e margin-bottom. Come posso fare?


  • User Attivo

    Hai pensato ad un'immagine? Crea un'immagine di 1px x 1px, o del colore dello sfondo o trasparente, diciamo p.gif. A questo punto usi al posto di <hr>
    <img src="p.gif" heigth="1px" width="500px"> e il gioco è fatto (ovviamanete puoi modificare la larghezza, credo anche con il "%" piuttosto che con "px"). Se vuoi spaziare sopra e sotto o aumenti l'altezza dell'immagine (heigth="30px") oppure usi i css:
    <img src="p.gif" heigth="1px" width="500px" style="padding-top:20px; padding-bottom:20px;">.
    Spero di esserti stato d'aiuto.


  • User

    Grazie ceccus,
    avevo pensato a questa soluzione, ma poi ho avuto un'idea illuminante....Ho inserito dei div al posto dell'hr e con i css ho settato i margini superiori o inferiori con i px. In questo modo ho ottenuto un eccellente risultato;)


  • User Attivo

    Ok, solo un consiglio: vai a vedere con firefox il risultato, specie se inserisci degli spazi laterlamente (padding-lef, margin-left, border-left ecc)
    Ciao