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

    problemi ridimensionamento immagine con IE 7

    Salve, ho un problema di ridimensionamento delle immagini con Internet Explorer 7 (ma credo che anche con il 6 mi darebbe lo stesso problema...) Vi spiego, ho inserito un'immagine in un div che a sua volta è contenuto in un "div contenitore" il quale è in una tabella...insomma una serie di div annidati in una tabella (il "div contenitore". sotto all'immagine, contiene altri div uno sotto l'altro).La tabella, l'immagine e i div hanno la larghezza espressa in percentuale... la stessa percentuale! L'immagine ha espressa in percentuale anche l'altezza!!! Il problema è che con IE la tabella, i div e l'immagine contenuti, si allargano se aumento la risoluzione dello schermo, ma se rimpicciolisco rimangono fisse!! Ovviamente con Firefox ...ma anche con Opera questo non accade e tutto fila liscio. Qualche anima buona saprebbe dirmi qualcosa a riguardo??

    p.s.
    Dimenticavo di dirvi che ho provato anche inserendo i valori percentuali inline all'immagine e che il codice html viene prodotto dinamicamente dal php...è la home di un cms.
    un abbraccio circolare a tutta la fascia d'ascolto!

  2. #2
    nessuno che può darmi aiuto???
    un abbraccio circolare a tutta la fascia d'ascolto!

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    La prosa usata e` piuttosto contorta ... forse non per colpa tua, ma perche` stai tentando di descrivere a parole quello che e` un codice.

    Inserisci il codice HTML + CSS (meglio se posti un codice semplificato, epurato di tutto cio` che non riguarda il problema).

    PS: per inserire il codice usa gli appositi bottoni # o PHP sopra il form di inserimento (o i corrispondenti codici VB)
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  4. #4
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Documento senza titolo</title>
    </head>
    
    <body>
    <table width=\"100%\">
    <tr>";
    <td valign="top" class="colunm_center"><div id="logo"></div><div class="content"><h2> Admin Modifica Home del sito ScuoleinReteCMS</h2><div class="centroCont">
    
    
    
    <div class="txt" style="font-size:large;"><h3>Nuova installazione di ScuoleinReteCMS 1.8 Stealth</h3></div>
    
    
     
    
    
    
    Un Prodotto Italiano...</p>
    
    Un CMS completo (alla stregua di Php-nuke o Xoops) che permette la pubblicazione di un sito internet in maniera semplice, veloce e senza richiedere le conoscenze tecniche necessarie per gestire prodotti simili. <span style="text-decoration:underline">Non necessita di database</span> e contiene gli strumenti classici di un sistema di gestione siti.
    </p>
    
    
    
    
    
    
    Open Source...</p>
    
    
    L'unico Content Management System accessibile con il codice sorgente aperto. Chiunque, può studiare il codice, la licenza d'uso prevede sempre il riconoscimento della paternità e proprietà intelletuale dell'autore di questo software.<span style="font-family: courier new;"></p> 
    
    
    
    Accessibile...</p>
    
    
    Il primo, e a quanto ci consta, l'unico cms opensource che rispetta i 22 punti della legge 'Stanca' sull'accessibilità. Xhtml Strict, utilizzabile per mettere in rete siti di enti della Pubblica Amministrazione navigabili dai disabili.</p>
    
    
    
    
    
    Primi passi...
    Avrai notato l'avviso nel Box in alto, indicante Portale in Manutenzione!...</p> 
    
    
    Dopo l'installazione, infatti, il CMS ti ha richiesto di effettuare il log-in per riconoscerti come amministratore, ricordando a tutti gli altri, che il portale è in manutenzione. Chiunque si connette al tuo sito, infatti, visualizza quel messaggio e non potrà accedere a queste pagine finchè non toglierai il portale dallo stato di manutenzione. Naturalmente questo dopo che lo hai configurato secondo i tuoi gusti e riempito almeno dei primi contenuti. Per togliere il sito dallo stato di manutenzione, clicca sul link 'Portale in Manutenzione' indicato nell'avviso in alto,e alla pagina successiva,deseleziona la casella accanto alla voce 'SI il portale è visibile solo dagli Amministratori' e seleziona quella accanto a 'NO il portale è visibile da tutti' dopodichè salva la configurazione cliccando sul pulsante in basso 'modifica configurazione', il portale sarà raggiungibile da tutti.
    Per prendere confidenza con il modo di operare di questo CMS, ti informiamo che questo messaggio (proprio questo qui... quello che stai leggendo) può essere modificato semplicemente cliccando sul link 'Admin Modify' che vedi in questo Box in alto a destra.
    </p>
    
    
    
    
    Proseguiamo nella Conoscenza... </p>
    
    
    Anche se ora ti sembra spoglio, questo CMS ha molteplici moduli, pagine, e blocchi, che ti consentono di aggiungere o togliere a tuo piacimento infinite risorse. ScuoleinReteCMS, infatti, è un prodotto scalare.
    </p>
    
    
    'Configurazione Sito','Amministra Moduli' e 'Amministra Blocchi'...</p>
    
    
    'Amministra Moduli': per aggiungere pagine e risorse nel Box di navigazione,('Menu Principale') che vedi in questa pagina
    
    
    'Amministra Blocchi': per aggiungere blocchi sia come contorno al sito (a destra e sinistra della pagina principale centrale), sia inserendoli in qualunque pagina venga creata.
    
    
    'Configurazione Sito': per cambiare e impostare tutta la configurazione principale del sito.</p>
    
    
    
    
    Intenti... </p>
    
    
    Questo CMS è stato sviluppato con l'intento di rendere semplice lo sviluppo da parte di chiunque di moduli e blocchi, un passaggio regolare sul sito dell'autore potrà farti trovare sempre nuovo materiale da aggiungere al sito. Questo software è free è con il codice sorgente aperto. Chiunque, può leggere e studiare il codice, la licenza d'uso prevede sempre il riconoscimento, nel sito pubblicato e nei codici redistribuiti, della paternità e proprietà intelletuale dell'autore di questo software.
    
    
    </p><div class="center"></div>
    
    
    </div></div>
    
    		</div> 
    </td>
    </body>
    </html>

    css: (spero che ci sia tutto... è complicato togliere ciò che non serve)

    codice:
    /* FOGLIO DI STILE <CSS> PER SKIN niftycorner */
    
    @import url("niftyCorners.css");
    
    /*typography*/
    
    html,body{margin:0;padding:0}
    body{
    	font-family: Arial,Helvetica, sans-serif;
    	font-size: 85%;
    	text-align: left;
    	padding-bottom: 20px;
    	background: #2b386d ;
    }
    
    
    p{
    	margin: 0;
    	padding:0;
    	color: #1a3459;
    }
    h1,h2,h3{
    	font-family: Arial, Helvetica, sans-serif;
    	
    }
    h1{
    font-size: 200%;
    padding-left: 3px;
    color: #FFF;
    }
    
    h2{
    font-size: 160%;
    padding-left: 3px;
    }
    h3{font-size:small;
    padding-left: 3px;}
    
    img {border:0px;
    }
    
    img#ridimensiona { width:98%; 
    } 
    
    div#header{
    	width: 98%;
    }
    
    div#header{
    	width: 98%;
    	overflow: hidden;
    	background: #2B386D;
    }
    div#header h1{width:100%;margin:0 auto;text-align:left}
    div#header h1{
    	padding: 10px 0 10px 0px;
    	color: #FFF;
    	font-size: larger;
    }
    
    div#menu{
    	width: 98%;
    	overflow: hidden;
    	margin-left: 20px;
    	margin-bottom: 0px;
    	background:#FFF #2B386D;
    }
    div#logo{
    	width: 98%;
    text-align:center;
    padding-top:4px;
    padding-bottom:4px;
    margin-left: 5px;
    margin-right: 20px;
    background:#FFF;
    
    }
    div#header a#hh{
    	margin-left: 10px;
    	font-size: 170%;
    	text-decoration: none;
    	color: #FFF;
    }
    div#header a#hh:hover{
    	background-color: #4C4C4C;
    }
    
    div#base{
    	width: 100%;
    	background: #2B386D;
    	margin-top: 10px;
    }
    
    ul#tab,ul#tab li{list-style-type:none;margin:0;padding:0}
    ul#tab{float:left;font-size: 60%}
    ul#tab li{float:left;margin-left: 3px;text-align: center}
    ul#tab a{
    	float: left;
    	width: 125px;
    	padding: 3px 0;
    	text-decoration: none;
    	color: #FFF;
    	background-repeat: repeat-x;
    	background-color: #959595 ;
    }
    ul#tab a:hover{
    	background: #4c75a6;
    	color: #FFF;
    }
    ul#tab li.activelink a,ul#tab li.activelink a:hover{background: #FFF;color: #000}
    ul#tab li span.insection{
    	display: block;
    	width: 120px;
    	padding: 0px 0;
    	color: #000;
    	background:#e8e8e8;
    	border: thin dashed #4C4C4C;
    	cursor: help;
    	font-size: small;
    }
    
    div#container{width:98%;margin:0 auto 10px;padding:20px 0 10px;text-align:left;background:#FFF}
    div.content{
    	float: left;
    	display: inline;
    	width: 98%;
    	margin: 0px 0px 20px 5px;
    	background: #DDDDDD;
    	padding-bottom: 10px;
    	padding-top: 10px;
    }
    div.centroCont{
    	background: #EDEDED;
    }
    div.announce{
    background: #FFF;
    color: #191970;
    width: 98%;
    padding-bottom: 10px;
    }
    div.announce p{
    	color: #3A3A3A;
    	padding-left: 3px;
    	padding-right: 3px;
    	padding-bottom: 10px;
    }
    Comunque se sei così gentile da andare su www.napoliscuoleinrete.it e registrarti, nel blocco di destra puoi cambiare la grafica del sito scegliendo tra alcune skin. La skin incriminata è la "Blue Light", se la provi con firefox,o con opera funziona una meraviglia...restringendo la finestra l'immagine si ridimensiona progressivamente, con IE 7 invece si ridimensiona quando deve ingrandirsi, ma se rimpicciolisci la finestra il ridimensionamento si ferma alle dimensioni originali dell'immagine ...mandando a quel paese la liquidità della pagina. Credo che il problema sia la tabella che contiene l'immagine nonostante abbia misure in percentuali...ma intanto togliere quella tabella significa rifare il template del cms da capo....troppo complicato!!!
    Grazie per i consigli che vorrai darmi!
    un abbraccio circolare a tutta la fascia d'ascolto!

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ci sono errori nel codice XHTML: una serie di attributi che non fanno parte della DTD.
    Finche` ci sono quegli errori, non si puo` sapere se il comportamento noncorretto e` dovuto a quello.

    Ma nota la assurdita`: promuovere un CMS accessibile con una pagina decisamente non-accessibile (e mi riferisco alla tabella di formattazione).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  6. #6
    Sono 4 errori riferibili agli script di tophost e openoffice che ho copiato integralmente nel sito senza controllare, questo se ti riferisci alla home di napoliscuoleinrete.it. Se invece parli del codice che ho postato qui, tieni conto che è un estratto, ributtato dentro a dreamweaver per fare presto...insomma un po' pasticciato. Per quanto riguarda l'accessibilità, quella tabella è l'unico neo pur essendo ridimensionabile e nonostante ci sia chi sostiene che le tabelle d'impaginazione non sono da escludere in assoluto (vedi Diodati...e qualcun altro che ho letto in rete di cui non ricordo il nome). Il cms produce alla prima installazione, con la skin di default, un codice xhtml 1.0 strict validabile, ha un editor visuale proprietario che parserizza il codice prodotto dal javascript rendendolo pulito, inserisce automaticamente gli accesskey per ogni pagina creata nel menu, chiede il tag alt per le immagini uplodate, non usa funzioni terze parti (nemmeno il forum) è tutto creato da zero, non ha bisogno di database sql, le pagine hanno, nonostante la tabella,un layout liquido, utilizza il css esterno...scusami ma ci tengo troppo,a Napoli diciamo ogni scarrafone è bello 'a mamma soia...(tradotto vuol dire: "anche lo scarafaggio sembra bello alla sua mamma"). Ovviamente il cms è nato prima della svolta decisa sull'accessibilità è quella tabella è un retaggio delle prime versioni, successivamente ci siamo impegnati a migliorarlo nelle funzioni anche in relazione all'accessibilità, e penso che dovremo mettere mano a quella tabella, che ripeto secondo me non pregiudica l'accessibilità, se non in casi come quello che mi è capitato.

    Comunque ho fatto un esperimento, ho creato una semplice pagina html con una tabella e dentro un immagine ridimensionabile, con Internet Explorer si ingrandisce ma non si rimpicciolisce con firefox e opera...che lo dico a fare! Funziona una meraviglia!
    Comunque grazie per l'interessamento!
    un abbraccio circolare a tutta la fascia d'ascolto!

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.