Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Problema di immagine fluida

    Ho un problemino...vorrei impostare un sito con un layout fluido.

    la pagina in questione è Emiliaromagna.htm

    Se con firefox si vede come voglio: con la cartina al 70% e l'altra tabella al 30%, con IE si vede la cartina a dimensione originale del file.

    Come faccio a visualizzare in entrambi i browser la cartina ridimensionata in base alla tabella di sinistra(che è impostata al 70%)?

    Posto il sorgente del file in questione...

    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <link href="/stylesite.css" rel="stylesheet" type="text/css" />
    </head>

    <body class="Stylesite">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">

    <tr>
    <td width="70%" rowspan="2" valign="top">[img]/Immagini/emiliaromagna%20copia.jpg[/img]</td>
    <td width="30%" height="166" valign="top"> <p align="center">Accesso</p>
    <p align="left">Nickname</p>
    <p align="left">Password </p>
    <p align="center">Log in</p>
    </td>
    </tr>
    </table>
    </body>
    </html>


    e il Css


    .Stylesite {
    font-size: 12px;
    font-style: normal;
    color: #0000CC;
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    border: 0px 0;



    }
    body {
    font-family: Arial, Helvetica, sans-serif;
    }

  2. #2
    Se mi risolvete questo problema mi risolvete un bel po' di cose anche perchè mi servirebbe x l'intero sito

  3. #3
    Ops... ho cambiato la pagina collegata cmq il problema non è difficile da capire.

    Nessuno?

  4. #4
    guarda, pensandoci l'unica soluzione che mi è venuta in mente è javascript.
    Con questo puoi vedere quale è la risoluzione del monitor dell'utente e sottrargli il 30% per poter ridimensionare l'immagine.

    Infatti con i css si può al massimo nascondere l'immagine in eccesso.

    Provo a darti un codice al volo anche se di javascript non so una mazza.
    Inserisci questo codice dentro la cella in cui vuoi che sia visualizzata l'immagine:

    Codice PHP:
        <script type="text/javascript">
            
    screenW window.screen.width//Ottengo la larghezza del monito
            
    imageWidth screenW - (screenW/100*30); //Sottraggo il 30% dalla larghezza 
            
    document.write('[img]emiliaromagna.jpg[/img]'); //inserisco l'immagine
        
    </script> 
    http://www.sanpaolosassari.it
    Il panino più buono è quello più grande

  5. #5
    Stavo facendo una ricerca approfondita della cosa...e ho notato che con i Div quindi con un layout table less dovrei risolvere il problema. o sbaglio?

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.