Ho realizzato un box nell'header del mio sito dove viene pubblicizzato un servizio.
Mi rendo conto che il lavoro non è dei più professionali e anche il codice css non sono sicuro che sia corretto, soprattuto per quanto riguarda la compatibilità.
La barra che che sto tentando di metter su è quella dove c'è scritto MyCommunity.
Ogni commento è ben accetto. Grazie mille!
Header incriminato: http://www.bladexperience.com/headers/test_header.html
Codice CSS relativo al box:
Codice Html:
Mi rendo conto che il lavoro non è dei più professionali e anche il codice css non sono sicuro che sia corretto, soprattuto per quanto riguarda la compatibilità.
La barra che che sto tentando di metter su è quella dove c'è scritto MyCommunity.
Ogni commento è ben accetto. Grazie mille!
Header incriminato: http://www.bladexperience.com/headers/test_header.html
Codice CSS relativo al box:
Codice:
#communityspace { width:100%; background-color:#d6e7f7; border-top:1px solid #7396C6; border-bottom:1px solid #7396C6; }
#sxspace {
float: left;
width: 15%;
margin-left:15px;
margin-top:2px;
}
#dxspace {
float: left;
width: 25%;
margin-top:5px;
margin-bottom:5px;
}
#centerspace {
float: left;
width: 55%;
margin-top:5px;
margin-bottom:5px;
}
.myctext { font-size:11pt; color:#0000FF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.exchange {color: #6A00B0; font-weight: bold;}Codice Html:
Codice:
<div id="communityspace">
<div id="sxspace"><span class="myctext">MyCommunity</span> </div>
<div id="centerspace"><span class="exchange">eXchange your eXperience!</span> Annunci Forum VChat! <a href="#">Registrati Subito</a> <img src="../images/bluepx.jpg" /> <a href="#">Login > </a></div>
<div id="dxspace"><a href="#">Pubblica</a> <img src="../images/bluepx.jpg" width="2" height="2" /> <a href="#">Segnala Errore</a> <img src="../images/bluepx.jpg" width="2" height="2" /> <a href="#">Aiuto</a> </div>
<div style="clear:left"></div>
</div>