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

    problemi di margini su mappe

    Ho bisogno di un aiuto:
    ho diviso la piantina di una città in diverse zone mappate, in modo tale che cliccando sulle varie mappe si aprano le pagine relative alle varie zone....e fin qui tutto ok

    Le pagine html delle varie zone si collegano fra loro tramite freccine (su, giù, dx e sx) ed alcune hanno all'interno altre mappe che linkano particolari dettagli.

    Ebbene, se la pagina della zona non ha mappe, le freccine stanno al posto giusto

    Se invece ha mappe, è come se il margine dx si allargasse e la freccina dx mi va a capo sotto il div contenitore della cartina relativa alla zona

    Qualcuno riesce ad aiutarmi? Grazie mille


    Vi mando il link di una pagina che non funziona:

    http://www.wpeople.it/territorio/map...iesteE3F4.html

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Ciao dedetta, ho guardato la tua pagina e visto che hai usato due tabelle per le coordinate, e poi posizionato le frecce in maniera che vadano a sovrapporsi alle tabelle e la mappa che va a incunearsi fra le due. Non ho guardato il tuo css, ma a questo punto potresti inserire in una sola tabella coordinate e frecce e immagine
    Ad esempio

    codice:
    <table id="mappa">
      <tr>
        <td id="superiore" colspan="3">3 [img]img/frecciasu.jpg[/img] 4</td>
      </tr>
      <tr>
        <td id="verticale">E 
    	
    
        [img]img/frecciasx.jpg[/img]
    	
    
    	F
    </td>
        <td width="1200">[img]img/mappatriesteE3F4.jpg[/img]</td>
        <td width="10">[img]img/frecciadx.jpg[/img]</td>
      </tr>
      <tr>
        <td colspan="3">[img]img/frecciagiu.jpg[/img]</td>
      </tr>
    </table>
    e nel css

    codice:
    img {
    	border:none;
    }
    #mappa {
    	width:1222px;
    	border-collapse:collapse;
    }
    #mappa td{
    	padding:0;
    	text-align:center;
    }
    
    #superiore {
    	vertical-align:bottom;
    	font-size: 12px;
    	font-weight:bold;
    	color:#fff;
    }
    #superiore img{
    	margin-left:280px;
    	margin-right:280px;
    }
    #verticale {
    	height:1200px;
    	font-size: 12px;
    	font-weight:bold;
    	color:#fff;
    }
    #verticale img{
    	margin-top:280px;
    	margin-bottom:280px;
    }

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2009
    Messaggi
    25
    Ciao Prill,
    adesso ci provo e ti faccio sapere.
    Grazie mille

  4. #4
    Utente di HTML.it
    Registrato dal
    Nov 2009
    Messaggi
    25
    Sembra funzionare tutto!
    Grazie Prill

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.