Salve ragazzi
Ho in una cornice una foto a sx, mentre nello spazio rimanente e sotto alla foto tutto testo giustificato.
Non riesco ad avvicinare il testo alla base della foto, lo spazio tra foto e parte sottostante del testo è troppo rilevante. L'effetto estetico ne risente.
In realtà il problema è presente con IE6SP1 mentre con FF 1.0.4 è perfetto.
L'altra cosa strana, è che il titolo che ho attibuito al testo con <h3></h3> con IE è grande (spropositato) mentre con FF è della dimensione giusta.
Ho preso il codice da una lezione di HTML.it, una delle cornice con News (l'h3) che vedete è quella che vorrei fosse compatibile con entrambi i browser.
Spero possiate aiutarmi. Grazie
Il codice in HTML
il CSScodice:<div class="textimage"> [img]img/img.jpg[/img] <h3>News</h3> Alle sezioni logiche presentate nel paragrafo precedente, in ogni sito dovrebbero corrispondere le relative sezioni fisiche: Ë da qui che nasce l' esigenza del layout. A seconda della portata di informazioni di un sito web nel suo complesso, (o di una pagina tipo) sarý necessario pensare al layout da utilizzare. Ecco i principali layout che vedremo in questa guida: ... Alle sezioni logiche presentate nel paragrafo precedente, in ogni sito dovrebbero corrispondere le relative sezioni fisiche: Ë da qui che nasce l' esigenza del layout. A seconda della portata di informazioni di un sito web nel suo complesso, (o di una pagina tipo) sarý necessario pensare al layout da utilizzare. Ecco i principali layout che vedremo in questa guida: ...</p> </div>
codice:div.textimage{ width: 429px; margin-bottom: 7px; margin-left: 5px; text-align: justify; border: 1px solid #000; background-color: #eee; padding-bottom: 5px; } div.textimage img{ float: left; margin: 5px 5px 1px 5px; } div.textimage p, div.textimage h3 { margin: 3px 7px 0px 7px; padding: 0; } div.clearer{ clear: left }


Rispondi quotando