Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : danibersa 06 Sep 2013, 17:48:33
-
Buon pomeriggio,
avendo creato un modulo html personalizzato riscontro grandi differenze di visualizzazione tra i due browser.
Un immagine che rimpicciolendola la visualizzo con le dovute differenze su Chrome, IE 10 non mi presenta diminuzioni rimane inalterata. IL modulo è ospitato da un framework ELix.
Come posso fare a farlo intepetrare in maniera accettabile anche da Ie ?
J 2.5.14
Grazie !
Daniele
-
Ciao,
hai provato nell'editor, in visione codice html modificare la misura dell'immagine ?
Intendo, dove leggi width= e poi la misura espressa in pixel, dell'immagine in oggetto, mettere in % (per cento).
Si tratta di individuare la giusta percentuale che vuoi sia poi l'immagine a pieno schermo.
Sappimi dire.
Buon lavoro :)
-
<[/size]img[/size] [/size]src[/size]="[/size]images/logj.jpg[/size]" [/size]border[/size]="[/size]0[/size]" [/size]width[/size]="[/size]25%[/size]" [/size]height[/size]="[/size]25%[/size]" [/size]align[/size]="[/size]centre[/size]" [/size]style[/size]="[/size]border: 1px; vertical-a[/size]lign: baseline; float: left;[/size]"/>
[/size][/color]
-
Scusami avevo copiato il codice fa fire bug ma ho combinato una casino !
<h3>Benvenuti nel sito dell'AsXXXXXXXXXX"XXXXXXXXX</h3>
<h3><img src="images/logj.jpg" border="0" width="25%" height="25%" align="centre" style="border: 1px; vertical-align: baseline; float: left;" /></h3>
Su Ie non mi cambia su Chrome si
-
Ciao,
se modificando il valore da pixel a percentuale il problema persiste, è necessario scrivere l'istruzione condizionale, ( per explorer) nel foglio css relativo alle regole sulle img.
Sinceramente non mi ricordo la stringa.... :-[ :-[ :-[
Ti auguro che altri ti rispondano presto...
auguri
-
Ciao,
come suggerisce giustamente webdesigneritalia, devi usare una condizione solo per ie, chrome, ecc.
Per ie puoi inserire queste righe nel file principlae del tuo template, di solito index.php, poi crei i due relativi css e ci scrivi le relative regole.
<!--[if IE 9]>
<link rel="stylesheet" href="css/ie9hack.css" type="text/css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" href="css/ie8hack.css" type="text/css" />
<![endif]-->
Per Safari e Chrome si usa "webkit", la stringa di incollare nel css è :
@media screen and (-webkit-min-device-pixel-ratio:0) {
#miodiv{background:red;color:white;}
}
-
ciao danibersa,
non avresti un link al sito cosi da poterti aiutare puntualmente su quel che devi fare?
ciao!