Buongiorno a tutti,
:-)
è la prima volta che scrivo, devo presentarmi da qualche parte? Non ho visto messaggi di servizio. Se sì fatemi presente così procedo.
Veniamo al problema tecnico:
Devo preparare una news, vedete l'immamgine allegata, e il testo va ad appiccicarsi a sinistra e non ne vuole sapere di margini o padding...
Dato che il problema è sorto per avere la corretta visualizzazione con IE, ho adottato una vostra guida e questo è quanto ho nei miei fogli:
FOGLIO HTML
Header
<!--[if IE]>
<style type:"text/css"> span.newsmanifest{font-size:150px; padding-top: 15px; height: auto} </style>
<![endif]-->
/Header
Body
<div class="newssf">
<span class="newsmanifest">[img]immagine.jpg[/img]</span>
<div class="newstestodata">DataNews</div>
<div class="newstestooggetto">OggettoNews</div>
<div class="newstestointro">TestoIntro</div>
</div>
CSS
.newssf { width: 1040px; height: 150px; margin: 0px;
background-image: url('../img/foglia_boxNews.jpg');
background-repeat: no-repeat;
background-position: left;
}
span.newsmanifest { width: 150px; height: 150px; vertical-align: middle;
line-height: 150px; text-align: center; padding-top: 15px;
float: left;
}
span.newsmanifest img { vertical-align: middle; }
div.newstestodata
{
margin-left: 30px; padding: 15px 30px 10px 30px;
border-left-color: #ffffff; border-left-width: 15px;
font-family: verdana, arial, sans-serif; font-size: 14px; color:#074b8a;
text-align: justify;
}
div.newstestooggetto
{
font-family: verdana, arial, sans-serif; font-size: 16px; font-weight: bold;
color:#0000FF; text-align: justify; padding: 5px 30px 10px 30px;
}
div.newstestointro
{
font-family: verdana, arial, sans-serif; font-size: 14px; color:#074b8a;
line-height: 2em; text-align: justify; padding: 5px 30px 10px 30px;
}
In allegato l'immagine di come si presenta questa news, e come potete notare ha la data, l'oggetto e il testo anteprima che si appicca a sinistra, e margini e padding left li ignora completamente, perchè?
Al momento non ho più ideese non ripristinare le tabelle...
Grazie
Sam

se non ripristinare le tabelle...
Rispondi quotando