Immagine deformata

**manuela.dileo** · 20-03-2013, 22:50

Ciao a tutti!
ho inserito in joomla un immagine nell header avente tale codice:

<h1 style="text-align: center; color: #002c74; font-size: 2.3em;">[img]images/scuola13.gif[/img]</h1>

Sapete consigliarmi per caso una sintassi + corretta in modo da avere speranze di visualizzarla correttamente in vari dispositivi?
Il mio problema è che un visitatore del mio sito mi ha detto di visualizzare l immagine molto ma molto allungata utilizzando Safari in un mac book Pro e io non so veramente cosa fare non avendo un macbook e quindi non avendo un riscontro..
Grazie mille a chi mi aiuterà
Manuela

**Myaku** · 21-03-2013, 07:56

qui non parliamo di codice, ti sposto

**Prill** · 21-03-2013, 12:37

L'immagine ha dimensioni fisse o deve adattarsi in percentuale? (nel primo caso puoi specificarle in pixel, nel secondo occorrerebbe vedere cosa c'è prima)

**luca1962** · 21-03-2013, 19:38

Il codice corretto dovrebbe essere questo:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
<title></title>

<style type="text/css">
 h1.c1 {text-align: center; color: #002c74; font-size: 2.3em;}
</style>
</head>
<body>
<h1 class="c1">[img]images/scuola13.gif[/img]</h1>
</body>
</html>

**Prill** · 22-03-2013, 09:07

Originariamente inviato da luca1962
Il codice corretto dovrebbe essere questo:

codice:

...

Luca1962, il tuo codice è equivalente a quello di partenza, hai solo creato una classe per h1 eliminando la dichiarazione di stile in linea, il che sarebbe preferibile (non solo per quanto riguarda il titolo, ma anche per quanto riguarda l'immagine), però il problema è nella resa dell'immagine e non dipende dal fatto che una dichiarazione sia inserita nel css o si trovi all'interno del tag

Discussione: Immagine deformata

Strumenti discussione

Ricerca discussione

Visualizza

Immagine deformata

Permessi di invio