Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    31

    Intenet Explorer visualizzazione errata dei link

    Salve, ho un problema nella visualizzazione su Explorer, mentre su Firefox e Safari funziona tutto alla grande.
    Ho fatto un navigation orizzontale (lista puntata) ma quando guardo il sito su Explorer visualizzo il link a "scaletta"...

    HTML:

    <div id="navigation">
    <ul>[*]
    <div align="center">home</div>
    [*]
    <div align="center">programma</div>
    [*]
    <div align="center">espositori</div>
    [*]
    <div align="center">modulistica</div>
    [*]
    <div align="center">aree espositive</div>
    [*]
    <div align="center">sponsor</div>
    [*]
    <div align="center">gallery</div>
    [*]
    <div align="center">contatti</div>
    [/list]
    </div>

    ________________________________________________

    CSS:
    #navigation {width:900px; height:25px; left:220px; top:138px; position:absolute;}
    #navigation ul {margin:0px; padding:0px;}
    #navigation li {list-style:none; font-size:14px; font-family:Arial, Helvetica, sans-serif; display:block;}
    #navigation a {padding:3px 19px; display:block; text-decoration:none; color:#FFFFFF; float:left;}
    #navigation a:hover {background:#330000;}
    #navigation #activelink {background:#990000; color:#FFFFFF; font-size:14px; font-family:"Arial Black"Arial, Helvetica, sans-serif}

    ________________________________________________

    Grazie mille
    Alessio
    Immagini allegate Immagini allegate

  2. #2
    sposto in CSS

    non ho provato ma credo ci sia un display:block di troppo

  3. #3
    Ciao a2design,
    il problema è dovuto al fatto che dovresti applicare il float:left all'elemento[*] e non alle ancore. Inoltre display:block applicalo solo alle ancore, serve a rendere tutta l'area cliccabile (e non solo il testo).
    Poi, se mi permetti, potresti migliorare il tuo codice: infatti tutti i div che hai aggiunto sono assolutamente inutili, ed appesantiscono la pagina. Puoi applicare l'id navigation direttamente all'elemento <ul> in modo da avere:
    Codice PHP:

    <ul id="navigation">[*]
    [
    url="index.html"]home[/url]
    [*]
    [
    url="programma.html"]programma[/url]
    [*]
    [
    url="espositori1.html"]espositori[/url]
    [*]
    [
    url="modulistica.html"]modulistica[/url]
    [*]
    [
    url="aree_espositive.html"]aree espositive[/url]
    [*]
    [
    url="sponsor.html"]sponsor[/url]
    [*]
    [
    url="gallery1.html"]gallery[/url]
    [*]
    [
    url="contatti.html"]contatti[/url]
    [/list] 
    che è molto più facile anche da leggere.

  4. #4
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    31
    Cavolo ragazzi siete eccezionali, ora funziona tutto alla grande!!!
    Grazie jubstuff, farò tesoro dei tuoi insegnamenti, questo è il mio primo sito quindi ne ho di strada da fare, ma ora sono molto + motivato e posso finalmente andare a nanna...
    Alessio

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 © 2025 vBulletin Solutions, Inc. All rights reserved.