io ho questo codice html:
<html>
<head>
<title>Spiegazione</title>
<style type="text/css">
@import url(ciao.css);
a#viewcss{color: #00f}
</style>
</head>
<body>
<div id="container">
<div class="nickcommmento">
<span class="giallo">Nick:</span>
<span class="bianco">Pendolinoflash</span>
<span class="giallo">Commento:</span>
<span class="bianco">E' stata una bellissima esperienza</span>
</div>
</div>
</body>
</html>
e il corrispettivo mio codice .css:
body {
background-color:#666666;
text-align:center;
}
div#container {
width:750px;
background-color:#000000;
border-color:#FFFFFF;
border-style:ridge;
border-width:5px;
margin:0;
padding:10px;
text-align:center;
}
div.nickcommento {
text-align:left;
background-color: #FF0000;
width:auto;
margin-top:0;
margin-bottom:0;
padding:0;
}
.giallo {
font-family:"Times New Roman", Times, serif;
color:#FFFF00;
font-size:x-large;
margin-left:0;
padding:0;
}
.bianco {
font-family:"Times New Roman", Times, serif;
color:#FFFFFF;
font-size: medium;
margin:0;
padding:0;
}
1)Non capisco perche non compare del div.nick commento lo sfondo rosso?
2)Perche le scritte vengono poste centrate rispetto al container quando io vorrei che le stesse fossero poste alla sinistra della tabella?
Scusate per il disturbo e grazie dell'eventuale aiuto(se mi riscrivete il codice css e html mi fareste un ulteriore piacere![]()
![]()